:root{color-scheme:light dark;--font-display: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-text: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SFMono-Regular", ui-monospace, "JetBrains Mono", "Cascadia Code", Consolas, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius: 14px;--radius-sm: 8px;--radius-pill: 999px;--dur: .2s;--dur-fast: .14s;--ease: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--bg: #eef0f5;--bg-glow: #f7e9cf;--surface: #ffffff;--surface-2: #f4f6fa;--text: #10141c;--muted: #5a6473;--border: #d9dde6;--accent: #b9791a;--accent-bright: #e8a33d;--accent-contrast: #1a1206;--danger: #c0392b;--good: #1f8f5f;--shadow: 0 2px 8px rgba(16, 24, 40, .08);--shadow-lg: 0 18px 44px rgba(16, 24, 40, .18);--tile: #c9cfdb;--tile-top: #e2e6ee;--tile-bottom: #aab2c2;--tile-hover: #d3d9e4;--tile-revealed: #e9edf4;--tile-revealed-line: #d3d9e4;--tile-mine: #f0d6d2;--tile-flagpole: #6b5330;--n1: #2f6fd0;--n2: #1c8f63;--n3: #cf3f52;--n4: #7a4dd1;--n5: #c25a17;--n6: #0d8a99;--n7: #b12f86;--n8: #414958}@media (prefers-color-scheme: dark){:root{--bg: #0b0e14;--bg-glow: #2a2110;--surface: #151a24;--surface-2: #1b212d;--text: #eef2f8;--muted: #9aa5b6;--border: #28303e;--accent: #f2b452;--accent-bright: #f7c877;--accent-contrast: #1a1206;--danger: #ff6b5e;--good: #4bd08b;--shadow: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 22px 54px rgba(0, 0, 0, .6);--tile: #2b3648;--tile-top: #3a475d;--tile-bottom: #202836;--tile-hover: #33415680;--tile-hover: #344258;--tile-revealed: #10151e;--tile-revealed-line: #1e2634;--tile-mine: #3a2020;--tile-flagpole: #d9c9a8;--n1: #6fa8ff;--n2: #4bd08b;--n3: #ff7a88;--n4: #b394ff;--n5: #ff9d54;--n6: #3ecfdf;--n7: #ff86cf;--n8: #aeb8c8}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-text);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}a{color:var(--accent);text-underline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-pill);border:1px solid transparent;font-weight:650;font-size:1rem;cursor:pointer;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.btn:active{transform:translateY(1px) scale(.99)}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn--primary{background:var(--accent);color:var(--accent-contrast);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 40%,transparent)}.btn--primary:hover{background:var(--accent-bright)}.btn--ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn--ghost:hover{background:var(--surface-2)}.btn--link{background:none;border:none;color:var(--muted);min-height:36px;text-decoration:underline;cursor:pointer;font-size:.92rem}.btn--link:hover{color:var(--text)}.app{min-height:100dvh;display:flex;flex-direction:column}.sitefoot{margin-top:auto;display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);color:var(--muted);font-size:.9rem;border-top:1px solid var(--border)}.sitefoot a{color:var(--muted);text-decoration:none}.sitefoot a:hover{color:var(--text)}.wordmark{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;font-size:clamp(2.4rem,9vw,4rem);margin:0;line-height:1}.wordmark--sm{font-size:1.5rem}.wordmark__lume{color:var(--accent)}.wordmark__sweep{color:var(--text)}.home{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:clamp(1.5rem,6vw,4rem) var(--space-4);max-width:760px;margin:0 auto;width:100%;text-align:center}.home__glow{position:absolute;inset:-10% 0 auto 0;height:340px;z-index:-1;background:radial-gradient(60% 100% at 50% 0%,var(--bg-glow),transparent 70%);opacity:.8;pointer-events:none}.home__head{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.home__tag{margin:0;color:var(--muted);font-size:clamp(1rem,3.4vw,1.25rem)}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);width:100%}.tile{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.tile:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.tile__mini{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:44px;height:44px;margin-bottom:var(--space-2)}.tile__mini i{border-radius:3px;background:linear-gradient(160deg,var(--tile-top),var(--tile));box-shadow:inset 0 1px #fff6,inset 0 -2px 0 var(--tile-bottom)}.tile--beginner .tile__mini i:nth-child(3),.tile--intermediate .tile__mini i:nth-child(5),.tile--expert .tile__mini i:nth-child(7){background:var(--accent);box-shadow:none}.tile__name{font-weight:750;font-size:1.2rem}.tile__meta{color:var(--muted);font-size:.82rem}.tile__best{color:var(--accent);font-size:.82rem;font-weight:650;font-family:var(--font-mono)}.bests{display:flex;gap:var(--space-8);justify-content:center;padding:var(--space-4) var(--space-6);background:var(--surface-2);border-radius:var(--radius);border:1px solid var(--border)}.bests__streak{display:flex;flex-direction:column}.bests__num{font-size:1.8rem;font-weight:800;color:var(--accent);line-height:1}.bests__lbl{font-size:.78rem;color:var(--muted)}.home__how{color:var(--muted);font-size:.95rem;line-height:1.6;max-width:46ch}.home__how strong{color:var(--text)}.home__ad{margin-top:var(--space-6);width:100%;min-height:0}.game{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-3) var(--space-6);width:100%;max-width:100%}.topbar{width:100%;max-width:1100px;display:flex;align-items:center}.topbar__brand{background:none;border:none;cursor:pointer;padding:var(--space-2)}.topbar__brand:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:8px}.hud{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:center;width:100%;max-width:640px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);box-shadow:var(--shadow)}.hud__stat{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700}.hud__ico{width:22px;height:22px;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hud__val{font-size:1.25rem;min-width:2ch}.hud__val--mono{font-family:var(--font-mono);min-width:5.2ch}.hud__timer{margin-left:auto}.hud__diffs{display:inline-flex;gap:4px;background:var(--surface-2);padding:3px;border-radius:var(--radius-pill)}.chip{min-height:34px;min-width:34px;padding:0 var(--space-2);border:none;cursor:pointer;background:transparent;color:var(--muted);border-radius:var(--radius-pill);font-weight:700;font-size:.9rem;transition:all var(--dur-fast) var(--ease)}.chip__full{display:none}.chip--on{background:var(--accent);color:var(--accent-contrast)}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hud__actions{display:inline-flex;gap:4px}.iconbtn{width:40px;height:40px;display:inline-grid;place-items:center;cursor:pointer;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;transition:background var(--dur-fast) var(--ease)}.iconbtn:hover{background:var(--tile-hover)}.iconbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.board-wrap{width:100%;max-width:100%;overflow-x:auto;display:flex;justify-content:center;padding:var(--space-1)}.board{--cell: 44px;display:grid;grid-template-columns:repeat(var(--cols),var(--cell));gap:3px;padding:var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);touch-action:manipulation;-webkit-user-select:none;user-select:none}.board[data-difficulty=beginner]{--cell: clamp(36px, calc((100vw - 3rem) / 9), 54px)}.board[data-difficulty=intermediate]{--cell: clamp(20px, calc((100vw - 2.5rem)/16) , 42px)}.board[data-difficulty=expert]{--cell: clamp(28px, calc((100vw - 2rem) / 30), 40px)}.board:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.board__row{display:contents}.cell{width:var(--cell);height:var(--cell);padding:0;border:none;cursor:pointer;border-radius:calc(var(--cell) * .16);position:relative;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:calc(var(--cell) * .52);line-height:1;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.cell:focus-visible{outline:3px solid var(--accent);outline-offset:-2px;z-index:2}.cell--covered,.cell--flagged{background:linear-gradient(158deg,var(--tile-top),var(--tile));box-shadow:inset 0 2px #ffffff73,inset 0 -3px 0 var(--tile-bottom),0 1px 2px #00000024}.cell--covered:hover,.cell--flagged:hover{background:linear-gradient(158deg,var(--tile-top),var(--tile-hover));transform:translateY(-1px)}.cell--covered:active{transform:translateY(1px);box-shadow:inset 0 2px 4px var(--tile-bottom)}.cell--revealed,.cell--zero{background:var(--tile-revealed);box-shadow:inset 0 0 0 1px var(--tile-revealed-line);animation:cellReveal var(--dur-fast) var(--ease) both;animation-delay:var(--reveal-delay, 0ms)}.cell--cursor{outline:3px solid var(--accent);outline-offset:-2px;z-index:2}.cell__num{animation:numIn var(--dur) var(--ease) both;animation-delay:calc(var(--reveal-delay, 0ms) + 50ms)}.cell--n1{color:var(--n1)}.cell--n2{color:var(--n2)}.cell--n3{color:var(--n3)}.cell--n4{color:var(--n4)}.cell--n5{color:var(--n5)}.cell--n6{color:var(--n6)}.cell--n7{color:var(--n7)}.cell--n8{color:var(--n8)}.cell--mine{background:var(--tile-mine);box-shadow:inset 0 0 0 1px var(--danger)}.cell--wrong{background:var(--tile-mine)}.cell--wrong .ico--flag{stroke:var(--danger)}.cell--wrong:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;background:linear-gradient(45deg,transparent 44%,var(--danger) 44% 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,var(--danger) 44% 56%,transparent 56%)}.ico{width:62%;height:62%;fill:none;stroke:var(--text);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ico--flag{stroke:var(--tile-flagpole)}.ico--flag-fill{fill:var(--accent);stroke:none}.cell--flagged .ico--flag{animation:plant var(--dur) var(--ease-spring) both;transform-origin:bottom left}.ico--mine-fill{fill:var(--danger);stroke:none}.ico--mine{stroke:var(--danger);animation:minePop var(--dur-fast) var(--ease) both}@keyframes cellReveal{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes numIn{0%{opacity:0;transform:translateY(2px) scale(.9)}to{opacity:1;transform:none}}@keyframes plant{0%{transform:scale(.4) rotate(-12deg);opacity:0}60%{transform:scale(1.12) rotate(3deg)}to{transform:none;opacity:1}}@keyframes minePop{0%{transform:scale(.4)}to{transform:scale(1)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:auto}.bloom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:51;width:100%;height:100%;pointer-events:none}.debrief{position:relative;z-index:52;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:380px;width:100%}.debrief--rise{animation:rise .34s var(--ease-spring) both}@keyframes rise{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:none}}.debrief__badge{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-contrast);font-weight:750;font-size:.9rem}.pbcard{width:100%;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg)}.pbcard__canvas{display:block;width:100%;height:auto}.debrief__actions{display:flex;gap:var(--space-3);width:100%}.debrief__actions .btn{flex:1}.share__toast{min-height:1.2em;color:var(--muted);font-size:.88rem}.firstrun{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.firstrun__card{max-width:420px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--shadow-lg);animation:rise .26s var(--ease-spring) both}.firstrun__card h2{margin:0 0 var(--space-4);font-size:1.5rem}.firstrun__list{margin:0 0 var(--space-4);padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);color:var(--muted);line-height:1.5}.firstrun__list b{color:var(--text)}.firstrun__note{color:var(--muted);font-size:.92rem;margin:0 0 var(--space-5)}.firstrun__card .btn{width:100%}.lossbar{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:var(--space-3);display:grid;place-items:center;animation:slideup .24s var(--ease) both}@keyframes slideup{0%{transform:translateY(100%)}to{transform:none}}.lossbar__inner{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-lg);max-width:560px;width:100%}.lossbar__msg{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:650}.lossbar__ico{width:22px;height:22px;fill:none;stroke-width:1.8}.adsbygoogle{display:block;margin:var(--space-4) auto;max-width:728px}.game__ad{margin-top:var(--space-4)}.legal{max-width:720px;margin:0 auto;padding:clamp(1.5rem,6vw,3.5rem) var(--space-4);line-height:1.7}.legal h1{font-size:clamp(1.8rem,5vw,2.6rem)}.legal h2{margin-top:var(--space-8);font-size:1.3rem}.legal a{color:var(--accent)}.legal__back{display:inline-block;margin-bottom:var(--space-4);color:var(--muted);text-decoration:none}.legal__back:hover{color:var(--text)}@media (min-width: 560px){.chip__full{display:inline}.chip{padding:0 var(--space-4)}}@media (max-width: 380px){.tile__meta{display:none}.tiles{gap:var(--space-2)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}.app--reduced *,.app--reduced *:before,.app--reduced *:after{animation-duration:.01ms!important;animation-delay:0ms!important}