@font-face{font-family:Fredoka;src:url(/fonts/fredoka-latin.woff2) format("woff2");font-weight:500 700;font-display:swap}@font-face{font-family:Bagel Fat One;src:url(/fonts/bagel-fat-one-latin.woff2) format("woff2");font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/archivo-latin.woff2) format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:Alegreya Sans SC;src:url(/fonts/alegreya-sans-sc-800-latin.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Rammetto One;src:url(/fonts/rammetto-one-latin.woff2) format("woff2");font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/atkinson-hyperlegible-400-latin.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/atkinson-hyperlegible-700-latin.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Literata;src:url(/minesweeper/fonts/Literata.woff2) format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/minesweeper/fonts/SchibstedGrotesk.woff2) format("woff2");font-weight:400 900;font-display:swap}@property --p{syntax: "<angle>"; inherits: false; initial-value: 0deg;}:root,[data-look=tray]{--ground: #2a1262;--bg: radial-gradient(110% 70% at 50% 0%, #6a35c9 0%, #3f1d8a 52%, #2a1262 100%);--bg-art: radial-gradient(circle, rgba(255, 255, 255, .09) 0 2px, transparent 2.6px) 0 0 / 20px 20px;--ink: #fff;--soft: #d7c4ff;--font: "Fredoka", "Trebuchet MS", sans-serif;--weight: 600;--display: "Bagel Fat One", "Fredoka", sans-serif;--title-shadow: 0 5px 0 #1c0b47;--title-tilt: -2deg;--chip-bg: #5b33b8;--chip-ink: #fff;--chip-shadow: inset 0 2px 0 rgba(255, 255, 255, .28), 0 4px 0 #1c0b47;--chip-radius: 16px;--stat-bg: #1c0b47;--stat-shadow: inset 0 2px 4px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .14);--stat-radius: 16px;--board-pad: 8px;--board-radius: 22px;--board-bg: linear-gradient(#2be0cf, #12b5a8);--board-shadow: inset 0 3px 0 rgba(255, 255, 255, .5), inset 0 -4px 0 rgba(0, 72, 66, .45), 0 7px 0 #0a6f69, 0 18px 26px rgba(10, 0, 40, .5);--cell-inset: 5.5%;--shut-bg: radial-gradient(circle at 34% 26%, #d5fffa 0%, #6ff3e6 16%, #29d6c7 46%, #10ab9f 78%, #0a8a80 100%);--shut-shadow: 0 2.5px 3px rgba(0, 60, 56, .55), inset 0 -3px 4px rgba(0, 80, 74, .4);--shut-radius: 50%;--open-ground: #fff4d6;--open-bg: radial-gradient(circle at 50% 64%, #fffdf6 0%, #fff4d6 58%, #ecd9ab 100%);--open-shadow: inset 0 4px 5px rgba(0, 62, 58, .6), inset 0 -1.5px 0 rgba(255, 255, 255, .8), 0 1.5px 0 rgba(255, 255, 255, .4);--open-radius: 50%;--n-font: "Fredoka", sans-serif;--n-weight: 700;--n-size: .6;--n-shadow: none;--n1: #1f63e0;--n2: #0b7a3b;--n3: #cc1f2f;--n4: #7a2df0;--n5: #a8480c;--n6: #086f79;--n7: #222;--n8: #666;--hit-bg: radial-gradient(circle, #fff7b8 0 30%, #ffc233 52%, #ff5a3c 74%, rgba(255, 90, 60, 0) 76%);--hit-inset: -8%;--ring: #ffd84d;--ring-radius: 50%;--tool-ink: #e7dcff;--mode-bg: #1c0b47;--mode-shadow: inset 0 3px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .15);--mode-radius: 22px;--seg-radius: 17px;--seg-on-bg: linear-gradient(#ffe36a, #ffbe2e);--seg-on-shadow: inset 0 2px 0 #fff5c2, 0 5px 0 #b36a00;--panel-bg: #5b33b8;--panel-ink: #fff;--panel-shadow: inset 0 3px 0 rgba(255, 255, 255, .28), 0 7px 0 #1c0b47;--panel-radius: 26px;--big-bg: linear-gradient(#ff6f9c, #ff3d77);--big-ink: #fff;--big-shadow: inset 0 2px 0 #ffc0d4, 0 6px 0 #a8124a;--big-radius: 20px;--big-text-shadow: 0 1.5px 0 rgba(120, 0, 50, .5);--row-bg: #7a52d6;--row-ink: #fff;--row-shadow: inset 0 2px 0 rgba(255, 255, 255, .3), 0 4px 0 #1c0b47;--row-radius: 16px;--note-bg: #fff7e0;--note-ink: #2a1262;--note-shadow: 0 6px 0 #1c0b47;--note-radius: 20px;--note-title: #cc1f2f;--well-bg: #1c0b47;--well-shadow: inset 0 3px 6px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .14);--well-radius: 26px;--tile-bg: #5b33b8;--tile-ink: #fff;--tile-soft: #e7dcff;--tile-shadow: inset 0 2px 0 rgba(255, 255, 255, .28), 0 5px 0 #1c0b47;--tile-radius: 18px;--mini-bg: #1fc7b9;--mini-open: #fff4d6;--mini-flag: #ffbe2e;--trail: #3b2180;--trail-lit: #ffbe2e;--trail-w: 14px;--trail-dash: none;--node: #29d6c7;--node-done: #ffbe2e;--node-next: #ffd84d;--node-under: #0a6f69;--node-ink: #053f3b;--node-rx: 15px}[data-look=harbour]{--ground: #082634;--bg: radial-gradient(120% 70% at 50% -10%, #1f6f86 0%, #0e3c4f 48%, #082634 100%);--bg-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='44'%3E%3Cpath d='M0 12c15-9 30-9 45 0s30 9 45 0 20-6 30-3M-10 34c15-9 30-9 45 0s30 9 45 0 30-9 45 0' fill='none' stroke='%238fdbe6' stroke-opacity='.08' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");--ink: #eaf7f8;--soft: #9fdbe4;--font: "Archivo", "Segoe UI", sans-serif;--weight: 600;--display: "Alegreya Sans SC", "Archivo", sans-serif;--title-shadow: 0 3px 0 rgba(3, 22, 31, .6);--title-tilt: 0deg;--chip-bg: rgba(255, 255, 255, .13);--chip-ink: #eaf7f8;--chip-shadow: inset 0 1px 0 rgba(255, 255, 255, .38), 0 2px 0 rgba(3, 22, 31, .35);--chip-radius: 22px;--stat-bg: rgba(3, 22, 31, .5);--stat-shadow: inset 0 1px 0 rgba(255, 255, 255, .14);--stat-radius: 20px;--board-pad: 5px;--board-radius: 12px;--board-bg: #062230;--board-shadow: 0 0 0 2px #e9c46a, 0 0 0 5px #0a2f40, 0 14px 28px rgba(0, 0, 0, .45);--cell-inset: 1.5px;--shut-bg: radial-gradient(70% 34% at 50% 86%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, .3) 62%, rgba(255, 255, 255, 0) 72%), radial-gradient(120% 95% at 28% 12%, #8fe6ee 0%, #36b3c6 34%, #1787a1 72%, #0f6a84 100%);--shut-shadow: inset 0 2px 0 rgba(255, 255, 255, .6), inset 0 -3px 0 rgba(3, 46, 66, .6);--shut-radius: 24%;--open-ground: #f6e8c6;--open-bg: radial-gradient(circle at 22% 30%, rgba(160, 120, 60, .16) 0 1.2px, transparent 1.6px) 0 0 / 9px 9px, #f6e8c6;--open-shadow: inset 0 2px 4px rgba(84, 56, 18, .42);--open-radius: 10%;--n-font: "Archivo", sans-serif;--n-weight: 900;--n-size: .58;--n1: #1463c9;--n2: #0b6d38;--n3: #c0261f;--n4: #6a2bb5;--n5: #8a3b12;--n6: #086a72;--n7: #1c1c1c;--n8: #5b5b5b;--hit-bg: radial-gradient(circle, #fff3b0 0%, #ffb02e 45%, #e5482d 100%);--hit-inset: 1.5px;--ring: #ffd34d;--tool-ink: #d3eef2;--mode-bg: rgba(3, 22, 31, .55);--mode-shadow: inset 0 2px 5px rgba(0, 0, 0, .45), 0 1px 0 rgba(255, 255, 255, .12);--mode-radius: 36px;--seg-radius: 30px;--seg-on-bg: linear-gradient(#ffe58a, #f4b63f);--seg-on-shadow: inset 0 2px 0 #fff6d0, 0 4px 0 #a66d10;--panel-bg: linear-gradient(#1d7088, #114a5e);--panel-ink: #eaf7f8;--panel-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 14px 30px rgba(0, 0, 0, .45);--panel-radius: 28px;--big-bg: linear-gradient(#ffe58a, #f4b63f);--big-ink: #2a1a00;--big-shadow: inset 0 2px 0 #fff6d0, 0 6px 0 #a66d10;--big-radius: 30px;--big-text-shadow: none;--row-bg: rgba(255, 255, 255, .15);--row-ink: #eaf7f8;--row-shadow: inset 0 1px 0 rgba(255, 255, 255, .45);--row-radius: 24px;--note-bg: #f6e8c6;--note-ink: #10303d;--note-shadow: 0 0 0 2px #e9c46a, 0 10px 22px rgba(0, 0, 0, .4);--note-radius: 18px;--note-title: #b3261e;--well-bg: rgba(3, 22, 31, .42);--well-shadow: inset 0 1px 0 rgba(255, 255, 255, .14);--well-radius: 24px;--tile-bg: rgba(255, 255, 255, .12);--tile-ink: #eaf7f8;--tile-soft: #bfe9ef;--tile-shadow: inset 0 1px 0 rgba(255, 255, 255, .36), 0 3px 0 rgba(3, 22, 31, .4);--tile-radius: 20px;--mini-bg: #2aa3b8;--mini-open: #f6e8c6;--mini-flag: #e5383b;--trail: rgba(159, 219, 228, .35);--trail-lit: #ffd34d;--trail-w: 5px;--trail-dash: 1 11;--node: #e5383b;--node-done: #f4b63f;--node-next: #ffd34d;--node-under: #062230;--node-ink: #fff;--node-rx: 15px}[data-look=dig]{--ground: #7c3414;--bg: linear-gradient(#d0763a 0%, #a84e22 46%, #7c3414 100%);--bg-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='90'%3E%3Cpath d='M0 20c40-8 70 8 110 0s70-8 110 0M0 62c30 8 80-10 120-2s60 8 100 0' fill='none' stroke='%23541f08' stroke-opacity='.18' stroke-width='2'/%3E%3Ccircle cx='40' cy='44' r='2.5' fill='%23f3c98b' fill-opacity='.2'/%3E%3Ccircle cx='150' cy='38' r='1.8' fill='%23f3c98b' fill-opacity='.2'/%3E%3C/svg%3E");--ink: #fff3df;--soft: #ffd9a8;--font: "Atkinson Hyperlegible", "Segoe UI", sans-serif;--weight: 700;--display: "Rammetto One", "Atkinson Hyperlegible", serif;--title-shadow: 0 4px 0 #4a1c07;--title-tilt: 0deg;--chip-bg: #f6e4bd;--chip-ink: #45230f;--chip-shadow: inset 0 0 0 1.5px rgba(120, 70, 20, .35), 0 4px 0 #5a2409;--chip-radius: 9px;--stat-bg: #45230f;--stat-shadow: inset 0 2px 4px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 220, 170, .25);--stat-radius: 9px;--board-pad: 7px;--board-radius: 7px;--board-bg: repeating-linear-gradient(90deg, #6a4424 0 34px, #5c3a1e 34px 36px);--board-shadow: inset 0 0 0 2px #8a5c34, 0 8px 0 #4a1c07, 0 18px 26px rgba(40, 12, 0, .5);--cell-inset: 1.5px;--shut-bg: radial-gradient(circle at 24% 30%, rgba(140, 90, 30, .35) 0 1.2px, transparent 1.7px) 0 0 / 11px 13px, radial-gradient(circle at 70% 64%, rgba(255, 255, 255, .5) 0 1px, transparent 1.5px) 0 0 / 13px 9px, linear-gradient(155deg, #fbe7b8 0%, #ecc98a 52%, #d2a260 100%);--shut-shadow: inset 0 2.5px 0 rgba(255, 255, 255, .7), inset 0 -3.5px 0 rgba(120, 68, 18, .5), inset 2px 0 0 rgba(255, 255, 255, .25), inset -2px 0 0 rgba(120, 68, 18, .25);--shut-radius: 5px;--open-ground: #3a2014;--open-bg: radial-gradient(circle at 30% 40%, rgba(255, 210, 150, .1) 0 1.2px, transparent 1.7px) 0 0 / 10px 12px, #3a2014;--open-shadow: inset 0 4px 5px rgba(0, 0, 0, .65), inset 0 -1px 0 rgba(255, 200, 140, .18);--open-radius: 3px;--n-font: "Rammetto One", serif;--n-weight: 400;--n-size: .54;--n-shadow: 0 1.5px 0 rgba(0, 0, 0, .5);--n1: #8fd6ff;--n2: #a6ec7c;--n3: #ff8f7d;--n4: #dcb0ff;--n5: #ffc65c;--n6: #6fe6d8;--n7: #fff;--n8: #c9c2ba;--hit-bg: radial-gradient(circle, #fff3b0 0%, #ffab2e 48%, #d93a1e 100%);--hit-inset: 1.5px;--ring: #36d6c0;--ring-radius: 6px;--tool-ink: #fff3df;--mode-bg: #45230f;--mode-shadow: inset 0 3px 5px rgba(0, 0, 0, .55), 0 1px 0 rgba(255, 220, 170, .25);--mode-radius: 12px;--seg-radius: 8px;--seg-on-bg: linear-gradient(#5fe6d2, #24b9a4);--seg-on-shadow: inset 0 2px 0 #c9fff6, 0 5px 0 #0c6a5d;--panel-bg: repeating-linear-gradient(#f6e4bd 0 25px, #e6cf9f 25px 26px);--panel-ink: #45230f;--panel-shadow: inset 5px 0 0 #d93a1e, 0 7px 0 #4a1c07;--panel-radius: 10px;--big-bg: linear-gradient(#5fe6d2, #24b9a4);--big-ink: #06352f;--big-shadow: inset 0 2px 0 #c9fff6, 0 6px 0 #0c6a5d;--big-radius: 10px;--big-text-shadow: none;--row-bg: #fff7e3;--row-ink: #45230f;--row-shadow: inset 0 0 0 1.5px rgba(120, 70, 20, .4), 0 4px 0 #b9935a;--row-radius: 8px;--note-bg: #f6e4bd;--note-ink: #45230f;--note-shadow: inset 5px 0 0 #d93a1e, 0 6px 0 #4a1c07;--note-radius: 10px;--note-title: #c22f17;--well-bg: #45230f;--well-shadow: inset 0 3px 6px rgba(0, 0, 0, .55), 0 1px 0 rgba(255, 220, 170, .25);--well-radius: 10px;--tile-bg: #f6e4bd;--tile-ink: #45230f;--tile-soft: #6a3a1c;--tile-shadow: inset 0 0 0 1.5px rgba(120, 70, 20, .35), 0 5px 0 #5a2409;--tile-radius: 9px;--mini-bg: #ecc98a;--mini-open: #3a2014;--mini-flag: #d93a1e;--trail: #6a3a1c;--trail-lit: #36d6c0;--trail-w: 16px;--trail-dash: none;--node: #ecc98a;--node-done: #36d6c0;--node-next: #5fe6d2;--node-under: #8a5a2c;--node-ink: #45230f;--node-rx: 4px;--cleared-n: #2a1408;--cleared-ground: #b9a17c}[data-look=book]{--ground: #f1ecdf;--bg: #f1ecdf;--bg-art: none;--ink: #1f1d1a;--soft: #6b665c;--font: "Schibsted Grotesk", "Segoe UI", sans-serif;--weight: 600;--display: "Literata", Georgia, serif;--title-shadow: none;--title-tilt: 0deg;--chip-bg: #f7f4eb;--chip-ink: #1f1d1a;--chip-shadow: inset 0 0 0 1px #b9b2a2;--chip-radius: 3px;--stat-bg: #f7f4eb;--stat-shadow: inset 0 0 0 1px #b9b2a2;--stat-radius: 3px;--board-pad: 0px;--board-radius: 0px;--board-bg: #1f1d1a;--board-shadow: 0 0 0 2px #1f1d1a;--cell-inset: .5px;--shut-bg: radial-gradient(circle, #77715f 0 .8px, transparent 1.1px) 0 0 / 3.5px 3.5px, #dad3c1;--shut-shadow: none;--shut-radius: 0px;--open-ground: #f7f4eb;--open-bg: #f7f4eb;--open-shadow: none;--open-radius: 0px;--n-font: "Schibsted Grotesk", sans-serif;--n-weight: 800;--n-size: .56;--n1: #1f1d1a;--n2: #1f1d1a;--n3: #1f1d1a;--n4: #1f1d1a;--n5: #1f1d1a;--n6: #1f1d1a;--n7: #1f1d1a;--n8: #1f1d1a;--hit-bg: #e8b4a8;--hit-inset: .5px;--ring: #c2321f;--ring-radius: 50%;--tool-ink: #1f1d1a;--mode-bg: #f7f4eb;--mode-shadow: inset 0 0 0 1px #b9b2a2;--mode-radius: 3px;--seg-radius: 2px;--seg-on-bg: #1f1d1a;--seg-on-shadow: none;--panel-bg: #f7f4eb;--panel-ink: #1f1d1a;--panel-shadow: inset 0 0 0 1px #1f1d1a, 0 10px 24px rgba(31, 29, 26, .25);--panel-radius: 3px;--big-bg: #1f1d1a;--big-ink: #f7f4eb;--big-shadow: none;--big-radius: 3px;--big-text-shadow: none;--row-bg: #f7f4eb;--row-ink: #1f1d1a;--row-shadow: inset 0 0 0 1px #b9b2a2;--row-radius: 3px;--note-bg: #f7f4eb;--note-ink: #1f1d1a;--note-shadow: inset 0 0 0 1px #c2321f;--note-radius: 3px;--note-title: #c2321f;--well-bg: #f7f4eb;--well-shadow: inset 0 0 0 1px #b9b2a2;--well-radius: 3px;--tile-bg: #f7f4eb;--tile-ink: #1f1d1a;--tile-soft: #6b665c;--tile-shadow: inset 0 0 0 1px #b9b2a2;--tile-radius: 3px;--mini-bg: #dad3c1;--mini-open: #f7f4eb;--mini-flag: #3e3d39;--trail: #b9b2a2;--trail-lit: #1f1d1a;--trail-w: 2px;--trail-dash: none;--node: #f7f4eb;--node-done: #1f1d1a;--node-next: #c2321f;--node-under: #b9b2a2;--node-ink: #1f1d1a;--node-rx: 15px}[data-look=book] .node.done text,[data-look=book] .mode button.on{fill:#f7f4eb;color:#f7f4eb}[data-look=book] .mode button.on .art.flag{filter:invert(1) brightness(2)}*{box-sizing:border-box;margin:0}html,body{height:100%}body{overflow:hidden;background:var(--bg) var(--ground);color:var(--ink);font-family:var(--font);font-weight:var(--weight);font-variant-numeric:lining-nums tabular-nums;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}body:before{content:"";position:fixed;inset:0;background:var(--bg-art);pointer-events:none}button,a{font:inherit;font-variant-numeric:lining-nums tabular-nums;color:inherit;border:0;background:none;padding:0;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--ring);outline-offset:2px}svg{display:block}.defs{position:absolute}.ic{width:1.2em;height:1.2em;flex:none}.app{position:fixed;inset:0;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"frame" "stats" "board" "foot";justify-items:center}.app.home{grid-template-rows:auto minmax(0,1fr);grid-template-areas:"frame" "start"}hub-bar{grid-area:frame;width:100%;display:block;min-height:56px;--hf-ink: var(--chip-ink);--hf-fill: var(--chip-bg);--hf-radius: var(--chip-radius);--hf-shadow: var(--chip-shadow);--hf-font: var(--font)}hub-bar>a{display:inline-flex;align-items:center;min-height:44px;margin:8px 12px 4px;padding:0 14px;border-radius:var(--chip-radius);background:var(--chip-bg);color:var(--chip-ink);box-shadow:var(--chip-shadow)}.stats{grid-area:stats;width:100%;max-width:760px;display:flex;align-items:center;gap:10px;padding:2px 14px 8px}.stats .lvl{margin-right:auto;display:flex;flex-direction:column;line-height:1;gap:3px}.stats .lvl small{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}.stats .lvl b{font-family:var(--display);font-size:24px;font-weight:400}.stat{min-height:40px;min-width:76px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;font-size:20px;border-radius:var(--stat-radius);background:var(--stat-bg);box-shadow:var(--stat-shadow)}.stat b{font-weight:700}.stat svg{width:22px;height:22px;flex:none}.stat.clock svg{color:var(--soft)}.boardwrap{grid-area:board;position:relative;width:100%;height:100%;min-width:0;min-height:0}.boardbox{position:absolute;inset:0;display:flex;padding:6px 7px 8px;overflow:hidden}.edge{position:absolute;z-index:4;display:none;place-items:center;pointer-events:none;color:#fff;font-size:28px;font-weight:800;font-style:normal;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.8)}.edge b{display:block;transform:rotate(90deg)}.edge.l,.edge.r{top:0;bottom:0;width:26px}.edge.t,.edge.b{left:0;right:0;height:26px}.edge.l{left:0;background:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.edge.r{right:0;background:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.edge.t{top:0;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.edge.b{bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.boardwrap.more-l .edge.l,.boardwrap.more-r .edge.r,.boardwrap.more-t .edge.t,.boardwrap.more-b .edge.b{display:grid}.boardbox.pans{overflow:auto;overscroll-behavior:contain;scrollbar-width:none}.boardbox.pans::-webkit-scrollbar{display:none}.board{--cell: 40px;position:relative;flex:none;margin:auto;display:grid;grid-template-columns:repeat(var(--w),var(--cell));grid-auto-rows:var(--cell);padding:var(--board-pad);box-sizing:content-box;border-radius:var(--board-radius);background:var(--board-bg);box-shadow:var(--board-shadow);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.boardbox.pans .board{touch-action:pan-x pan-y}.board.flagging{outline:3px dashed var(--ring);outline-offset:4px}.c{position:relative;display:grid;place-items:center;width:var(--cell);height:var(--cell);font-style:normal;touch-action:inherit}.c:before{content:"";position:absolute;inset:var(--cell-inset);z-index:0}.c.shut:before{border-radius:var(--shut-radius);background:var(--shut-bg);box-shadow:var(--shut-shadow)}.c.open:before{border-radius:var(--open-radius);background:var(--open-bg);box-shadow:var(--open-shadow)}.c.shut:not(.flag):active:before{transform:scale(.9);filter:brightness(.93)}.c>*{position:relative;z-index:1}.c .n{font-family:var(--n-font);font-weight:var(--n-weight);font-size:calc(var(--cell) * var(--n-size));line-height:1;text-shadow:var(--n-shadow, none)}.n1{color:var(--n1)}.n2{color:var(--n2)}.n3{color:var(--n3)}.n4{color:var(--n4)}.n5{color:var(--n5)}.n6{color:var(--n6)}.n7{color:var(--n7)}.n8{color:var(--n8)}.c.sat .n{opacity:.5}.c>.art{width:78%;height:78%}.c.flag>.art{filter:drop-shadow(0 2px 0 rgba(0,0,0,.3))}.c>.ic{position:absolute;inset:14%;width:72%;height:72%;z-index:2}.c.hit:before{inset:var(--hit-inset);border-radius:var(--open-radius);background:var(--hit-bg);box-shadow:none}.c.ringed:after{content:"";position:absolute;inset:0;z-index:2;border-radius:var(--ring-radius, 50%);box-shadow:0 0 0 3px var(--ring),0 0 12px 2px var(--ring);pointer-events:none}.c:focus-visible{outline:3px solid var(--ring);outline-offset:-3px;z-index:3}.lid{position:absolute;inset:var(--cell-inset);z-index:3;border-radius:var(--shut-radius);background:var(--shut-bg);box-shadow:var(--shut-shadow);pointer-events:none;animation:lid .16s ease-in var(--d, 0ms) both}@keyframes lid{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.hold{--press: .3s;position:absolute;z-index:5;display:none;width:calc(var(--cell) * 2);height:calc(var(--cell) * 2);margin:calc(var(--cell) * -1) 0 0 calc(var(--cell) * -1);border-radius:50%;pointer-events:none;background:conic-gradient(var(--ring) var(--p),rgba(255,255,255,.28) 0);-webkit-mask:radial-gradient(circle,transparent 56%,#000 58%);mask:radial-gradient(circle,transparent 56%,#000 58%)}.hold.on{display:block;animation:fill var(--press) linear forwards}@keyframes fill{to{--p: 360deg}}.board.lost{animation:shake .32s ease-out}@keyframes shake{20%{transform:translate(-5px,2px)}45%{transform:translate(4px,-2px)}70%{transform:translate(-2px,1px)}}[data-look=tray] .board.cleared .c.mined:before{border-radius:50%;background:radial-gradient(circle at 34% 26%,#fff,hsl(calc(var(--hue, 0) * 1deg) 95% 74%) 22%,hsl(calc(var(--hue, 0) * 1deg) 85% 56%) 70%,hsl(calc(var(--hue, 0) * 1deg) 80% 42%));box-shadow:0 2.5px 3px #003c388c}[data-look=harbour] .board.cleared .c.mined:before{border-radius:var(--shut-radius);background:var(--shut-bg);box-shadow:var(--shut-shadow),0 0 0 2px #ffd34d}[data-look=dig] .board.cleared{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 130' preserveAspectRatio='none'%3E%3Crect width='90' height='130' fill='%23efd9a8'/%3E%3Cg fill='none' stroke='%237a4a22' stroke-width='5' stroke-linecap='round'%3E%3Cpath d='M45 66c0-4 6-4 6 1s-9 8-12 1 5-17 15-13 15 17 6 27-28 10-36-5 2-38 22-41 40 12 38 34-22 40-44 36'/%3E%3C/g%3E%3Cg stroke='%237a4a22' stroke-width='2' stroke-linecap='round' opacity='.7'%3E%3Cpath d='M58 46l5-8M70 56l9-4M74 72l10 2M68 88l8 7M52 98l2 10M34 96l-5 9M20 84l-9 5M14 66l-10-2M20 46l-8-7M36 34l-3-10M54 32l3-10'/%3E%3C/g%3E%3C/svg%3E") center / calc(100% - 14px) calc(100% - 14px) no-repeat,#6a4424}[data-look=dig] .board.cleared .c.open:before{inset:0;border-radius:0;background:#3a20144d;box-shadow:inset 0 0 0 .5px #5a321459}[data-look=dig] .board.cleared .c .n{color:var(--cleared-n);text-shadow:0 0 3px #efd9a8,0 0 3px #efd9a8,0 0 2px #efd9a8}[data-look=dig] .board.cleared .c.mined:before{inset:3px;border-radius:50%;background:#f6e4bd;box-shadow:0 0 0 2px #d93a1e,0 2px #0000004d}.beam{position:fixed;z-index:4;height:110px;margin-top:-55px;transform-origin:0 50%;clip-path:polygon(0 47%,100% 0,100% 100%,0 53%);background:linear-gradient(90deg,#ffec96cc,#ffec9629);mix-blend-mode:screen;pointer-events:none;animation:show .3s ease-out}@keyframes show{0%{opacity:0}}.flycoin{position:fixed;z-index:60;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8e0,#e8b84a 60%,#a8741c);pointer-events:none}.foot{grid-area:foot;position:relative;z-index:6;width:100%;height:88px;display:flex;justify-content:center}.dock{width:100%;max-width:440px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:8px 14px max(14px,env(safe-area-inset-bottom))}.tool{min-height:56px;min-width:76px;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:13px;color:var(--tool-ink)}.tool svg{width:26px;height:26px}.tool.on{color:var(--ring)}.mode{display:flex;padding:5px;gap:4px;border-radius:var(--mode-radius);background:var(--mode-bg);box-shadow:var(--mode-shadow)}.mode button{width:76px;height:56px;display:grid;place-items:center;border-radius:var(--seg-radius);color:var(--tool-ink)}.mode button .art{width:32px;height:32px}.mode button.on{background:var(--seg-on-bg);box-shadow:var(--seg-on-shadow);transform:translateY(-3px);color:#2a1a00}.mode button:not(.on) .art{filter:saturate(.4) brightness(1.2);opacity:.8}.round.done .foot{height:auto}.result{margin:0 auto max(10px,env(safe-area-inset-bottom));width:min(100% - 20px,420px);padding:12px 14px 10px;display:flex;flex-direction:column;gap:8px;border-radius:var(--panel-radius);background:var(--panel-bg);color:var(--panel-ink);box-shadow:var(--panel-shadow);animation:rise .28s cubic-bezier(.2,1.3,.4,1) .35s backwards}@keyframes rise{0%{opacity:0;transform:translateY(30px)}}.result .head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px}.result h2,.sheet h2,.title,.climbhead b{font-family:var(--display);font-weight:400}.result h2{font-size:26px;line-height:1.05;text-align:center}.result .facts{display:flex;gap:12px;font-size:18px}.result .facts span{display:inline-flex;align-items:center;gap:6px}.result .facts svg{width:20px;height:20px}.result .said{display:none;font-size:14px;line-height:1.35;font-weight:500;padding:0 4px}.big{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;margin-bottom:6px;font-size:20px;font-weight:700;border-radius:var(--big-radius);background:var(--big-bg);color:var(--big-ink);box-shadow:var(--big-shadow);text-shadow:var(--big-text-shadow)}.big:active,.row button:active,.rowbtn:active,.lv:active,.climb:active{transform:translateY(2px);filter:brightness(.95)}.row{display:flex;gap:10px}.row button,.rowbtn{flex:1;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;margin-bottom:4px;font-size:15px;border-radius:var(--row-radius);background:var(--row-bg);color:var(--row-ink);box-shadow:var(--row-shadow)}@media(max-width:899px){.boardbox:not(.pans) .board{margin-top:0}}.note{position:absolute;z-index:3;left:50%;bottom:calc(100% + 2px);transform:translate(-50%);width:min(100% - 20px,420px);display:flex;gap:10px;align-items:center;padding:9px 12px;font-size:14px;line-height:1.3;font-weight:500;border-radius:var(--note-radius);background:var(--note-bg);color:var(--note-ink);box-shadow:var(--note-shadow);animation:show .2s ease-out}.note.high{position:fixed;top:58px;bottom:auto}.note .art{width:40px;height:40px;flex:none}.note b{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;font-weight:800;color:var(--note-title)}.dim{position:fixed;inset:0;z-index:70;background:#0804148c}.sheet{position:fixed;z-index:71;left:50%;bottom:0;transform:translate(-50%);width:min(100%,440px);max-height:calc(100% - 20px);overflow:auto;padding:16px 16px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;border-radius:var(--panel-radius) var(--panel-radius) 0 0;background:var(--panel-bg);color:var(--panel-ink);box-shadow:var(--panel-shadow);animation:sheet .2s ease-out}@keyframes sheet{0%{transform:translate(-50%,40px);opacity:0}}.sheet h2{font-size:26px;text-align:center;padding-bottom:4px}.sheet .rowbtn{flex:none;justify-content:flex-start;min-height:50px;padding:0 16px;font-size:16px;text-align:left}.sheet .rowbtn em{margin-left:auto;font-style:normal;font-weight:800}.looks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-bottom:4px}.tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 2px 7px;min-height:104px;font-size:12px;line-height:1.1;border-radius:var(--row-radius);background:var(--row-bg);color:var(--row-ink);box-shadow:var(--row-shadow)}.tile.on{outline:3px solid var(--ring);outline-offset:1px}.tile.offer{outline:3px dashed var(--ring);outline-offset:1px}.sw{--cell: 24px;display:grid;grid-template-columns:repeat(2,var(--cell));grid-auto-rows:var(--cell);padding:3px;border-radius:6px;background:var(--board-bg)}.tile .price{display:inline-flex;align-items:center;gap:3px;font-weight:800;font-size:13px}.tile .price .ic{width:15px;height:15px}.offerrow{display:flex;justify-content:center}.offerrow .big{width:100%;margin-bottom:6px;font-size:17px}.offerrow p{display:inline-flex;align-items:center;gap:5px;padding:6px 0 8px;font-size:15px}.links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px}.links a{min-height:44px;display:inline-flex;align-items:center;padding:0 10px;font-size:14px;text-decoration:underline;text-underline-offset:3px}.sheet .done{margin-bottom:6px}.start{grid-area:start;width:100%;max-width:440px;min-height:0;display:flex;flex-direction:column;gap:10px;padding:2px 14px 14px}.title{font-size:40px;line-height:1;text-align:center;padding:6px 0;text-shadow:var(--title-shadow);transform:rotate(var(--title-tilt))}.notice{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:14px;line-height:1.3;font-weight:500;border-radius:var(--note-radius);background:var(--note-bg);color:var(--note-ink);box-shadow:var(--note-shadow)}.notice button{flex:none;min-width:52px;min-height:44px;font-weight:800;border-radius:var(--row-radius);box-shadow:inset 0 0 0 2px currentColor}.continue{justify-content:flex-start;gap:12px;min-height:64px;padding:6px 18px 6px 10px;text-align:left}.continue .mini{height:48px;width:auto;flex:none;border-radius:4px;box-shadow:0 0 0 2px #ffffffd9}.continue .go{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;margin-right:auto}.continue .go small{font-size:13px;font-weight:600;opacity:.9}.mini-bg{fill:var(--mini-bg)}.mini-open{fill:var(--mini-open)}.mini-flag{fill:var(--mini-flag)}.climb{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:10px 10px 4px;text-align:left;border-radius:var(--well-radius);background:var(--well-bg);box-shadow:var(--well-shadow)}.climbhead{display:flex;align-items:baseline;justify-content:space-between;padding:0 6px}.climbhead b{font-size:22px}.climbhead small{font-size:14px;display:inline-flex;align-items:center;gap:4px;color:var(--soft)}.climbhead small .art,.lv small .art{width:14px;height:14px;display:inline-block;color:currentColor}.climbmap{flex:1 1 auto;min-height:0;width:100%}.climbmap .trail{fill:none;stroke-linecap:round;stroke:var(--trail);stroke-width:var(--trail-w);stroke-dasharray:var(--trail-dash)}.climbmap .trail.lit{stroke:var(--trail-lit)}.climbmap .rowlabel{font-size:11px;font-weight:700;fill:var(--soft)}.node .top{fill:var(--node);rx:var(--node-rx)}.node .under{fill:var(--node-under);rx:var(--node-rx)}.node.done .top{fill:var(--node-done)}.node.next .top{fill:var(--node-next)}.node .halo{fill:none;stroke:var(--node-next);stroke-width:3px;rx:calc(var(--node-rx) + 6px);transform-box:fill-box;transform-origin:center;animation:halo 1.8s ease-in-out infinite}@keyframes halo{50%{transform:scale(1.14);opacity:.45}}.node text{font-size:13px;font-weight:800;fill:var(--node-ink)}.levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lv{min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;padding:8px 2px;margin-bottom:5px;line-height:1.1;border-radius:var(--tile-radius);background:var(--tile-bg);color:var(--tile-ink);box-shadow:var(--tile-shadow)}.lv>.art{height:46px;width:46px;margin:auto 0}.lv>.mini{width:auto;max-height:52px;margin:auto 0;border-radius:3px}.lv:nth-child(2)>.mini{height:26px}.lv:nth-child(3)>.mini{height:38px}.lv:nth-child(4)>.mini{height:52px}.lv b{font-size:16px}.lv small .count{display:inline-flex;align-items:center;gap:2px}@media(max-width:350px){.lv small .count{display:none}}.lv small{font-size:11px;letter-spacing:0;display:inline-flex;align-items:center;gap:2px;white-space:nowrap;color:var(--tile-soft)}@media(max-height:700px)and (max-width:899px){.stats{padding:0 12px 4px}.stats .lvl{flex-direction:row;align-items:baseline;gap:6px}.stats .lvl b{font-size:18px}.stat{min-width:0;min-height:32px;padding:0 9px;font-size:16px;gap:5px}.stat svg{width:17px;height:17px}.boardbox{padding:3px 6px 5px}.foot{height:62px}.dock{padding:4px 10px 8px}.tool{min-height:48px}.tool span{display:none}.mode button{height:46px}.result{padding:9px 12px 8px;gap:6px;margin-bottom:6px}.result h2{font-size:21px}.result .facts{font-size:16px}.big{min-height:46px;font-size:17px;margin-bottom:5px}.row button{min-height:44px;font-size:14px}.title{font-size:28px;padding-bottom:2px}.start:has(.notice) .climbmap{display:none}.start:has(.notice) .climb{flex:0 0 auto;padding-bottom:10px;margin-bottom:auto}.start{gap:7px;padding-bottom:8px}.lv{min-height:84px}.lv>.art{height:28px;width:28px}.lv:nth-child(2)>.mini{height:16px}.lv:nth-child(3)>.mini{height:24px}.lv:nth-child(4)>.mini{height:32px}.continue{min-height:54px}.continue .mini{height:38px}.tile{min-height:96px}}@media(max-width:350px){.dock{gap:6px;padding-left:8px;padding-right:8px}.tool{min-width:56px}.mode button{width:66px}.lv small{font-size:10.5px}.lv b{font-size:14.5px}.tile{font-size:11px}.sw{--cell: 21px}}@media(min-width:900px){.app.round{grid-template-columns:minmax(0,1fr) 340px minmax(0,.35fr);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"frame frame frame" "board stats ." "board foot .";column-gap:28px;padding-bottom:14px}.app.round.wideboard{grid-template-columns:minmax(0,1fr) 320px 0;column-gap:20px}hub-bar{--hf-max: 1000px}.boardbox{justify-content:flex-end}.board{margin:auto 0 auto auto}.boardbox.pans .board{margin:auto}.stats{padding:18px 0 8px;align-self:start}.foot{height:auto;align-self:start;flex-direction:column;justify-content:flex-start;gap:10px}.dock{padding:10px 0;max-width:none}.result{margin:0;width:100%;animation-name:show}.result .said{display:block}.note,.note.high{position:static;transform:none;width:100%;order:2}.sheet{bottom:auto;top:50%;transform:translate(-50%,-50%);border-radius:var(--panel-radius);animation-name:show}}[data-calm] *,[data-calm] *:before,[data-calm] *:after{animation:none!important;transition:none!important}[data-calm] .lid{display:none}[data-calm] .hold.on{--p: 360deg}