:root{--p-indigo-600:#4f5bd5;--p-indigo-300:#8a93f5;--p-amber-500:#f59e0b;--p-amber-300:#ffb84d;--p-amber-700:#b45309;--p-amber-50:#fef3dc;--p-amber-950:#2b2416;--p-red-500:#e5484d;--p-red-300:#ff7a7f;--p-red-700:#c7363b;--p-green-500:#1e9e6a;--p-green-300:#4cd19a;--p-green-700:#16805a;--p-sky-500:#3baee0;--p-sky-300:#6ccbf2;--p-sky-700:#2478a3;--p-ink-900:#161a2b;--p-ink-500:#5a6178;--p-mist-50:#eef0f8;--p-mist-400:#9aa1ba;--r-card:20px;--r-sheet:28px;--r-dialog:24px;--r-btn:14px;--r-board:14px;--r-pill:999px;--r-tile:22%;--gap-tile:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:28px;--target-min:48px;--target-btn:52px;--target-btn-hero:84px;--target-icon:48px;--font-ui:"Plus Jakarta Sans", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, Menlo, Consolas, monospace;--dur-press:80ms;--dur-fade:.15s;--dur-pop:.4s;--dur-pulse:1.3s;--ease-pop:ease-out;--shadow-sheet:0 -12px 32px #0a0e2838;--shadow-dialog:0 18px 44px #0a0e284d;--shadow-hero:inset 0 2px 0 #ffffff40, 0 6px 0 #00000024;--shadow-pill:0 2px 8px #0a0e2833;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-bg:#f4f5f9;--c-surface:#fff;--c-line:#e1e4ee;--c-text:var(--p-ink-900);--c-text-2:var(--p-ink-500);--c-accent:var(--p-indigo-600);--c-on-accent:#fff;--c-flag:var(--p-red-500);--c-flag-text:var(--p-red-700);--c-win:var(--p-green-500);--c-win-text:var(--p-green-700);--c-streak:var(--p-amber-500);--c-streak-text:var(--p-amber-700);--c-streak-bg:var(--p-amber-50);--c-freeze:var(--p-sky-500);--c-freeze-text:var(--p-sky-700);--c-mode-flag:#16805a;--c-on-mode-flag:#fff;--c-tile:#c9d0e2;--c-tile-hi:#dce1ee;--c-tile-lo:#b3bcd3;--c-open:#edf0f6;--c-well:#e1e4ee;--c-num-1:#2f6fed;--c-num-2:#4a8a12;--c-num-3:#d63a40;--c-num-4:#6b4fd8;--c-num-5:#b85c12;--c-num-6:#0a7b8a;--c-num-7:#1a1f2e;--c-num-8:#7a8296}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-bg:#0e1120;--c-surface:#181c30;--c-line:#262b47;--c-text:var(--p-mist-50);--c-text-2:var(--p-mist-400);--c-accent:var(--p-indigo-300);--c-on-accent:#0e1120;--c-flag:var(--p-red-300);--c-flag-text:var(--p-red-300);--c-win:var(--p-green-300);--c-win-text:var(--p-green-300);--c-streak:var(--p-amber-300);--c-streak-text:var(--p-amber-300);--c-streak-bg:var(--p-amber-950);--c-freeze:var(--p-sky-300);--c-freeze-text:var(--p-sky-300);--c-mode-flag:#4cd19a;--c-on-mode-flag:#0e1120;--c-tile:#38416a;--c-tile-hi:#4a5482;--c-tile-lo:#1e2440;--c-open:#141829;--c-well:#262b47;--c-num-1:#6ea0ff;--c-num-2:#4cd19a;--c-num-3:#ff7a7f;--c-num-4:#a58bff;--c-num-5:#f0a15a;--c-num-6:#4ccfe0;--c-num-7:#c9cfdd;--c-num-8:#9097aa}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-bg:#0e1120;--c-surface:#181c30;--c-line:#262b47;--c-text:var(--p-mist-50);--c-text-2:var(--p-mist-400);--c-accent:var(--p-indigo-300);--c-on-accent:#0e1120;--c-flag:var(--p-red-300);--c-flag-text:var(--p-red-300);--c-win:var(--p-green-300);--c-win-text:var(--p-green-300);--c-streak:var(--p-amber-300);--c-streak-text:var(--p-amber-300);--c-streak-bg:var(--p-amber-950);--c-freeze:var(--p-sky-300);--c-freeze-text:var(--p-sky-300);--c-mode-flag:#4cd19a;--c-on-mode-flag:#0e1120;--c-tile:#38416a;--c-tile-hi:#4a5482;--c-tile-lo:#1e2440;--c-open:#141829;--c-well:#262b47;--c-num-1:#6ea0ff;--c-num-2:#4cd19a;--c-num-3:#ff7a7f;--c-num-4:#a58bff;--c-num-5:#f0a15a;--c-num-6:#4ccfe0;--c-num-7:#c9cfdd;--c-num-8:#9097aa}:root[data-cb=on]{--c-num-1:#0072b2;--c-num-2:#00785a;--c-num-3:#b34700;--c-num-4:#a8508a;--c-num-5:#9c6500;--c-num-6:#1f7ba8;--c-num-7:#1a1f2e;--c-num-8:#6a7285}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-cb=on]{--c-num-1:#5baee8;--c-num-2:#2fd0a0;--c-num-3:#ff8a4d;--c-num-4:#e08bc0;--c-num-5:#f5b63a;--c-num-6:#7ccbf0;--c-num-7:#c9cfdd;--c-num-8:#9097aa}}:root[data-theme=dark][data-cb=on]{--c-num-1:#5baee8;--c-num-2:#2fd0a0;--c-num-3:#ff8a4d;--c-num-4:#e08bc0;--c-num-5:#f5b63a;--c-num-6:#7ccbf0;--c-num-7:#c9cfdd;--c-num-8:#9097aa}.t-hero-time{font:800 44px/1 var(--font-ui);font-variant-numeric:tabular-nums}.t-title-xl{font:800 26px/1.15 var(--font-ui)}.t-btn-hero{font:800 22px/1.1 var(--font-ui)}.t-stat{font:800 22px/1.1 var(--font-ui);font-variant-numeric:tabular-nums}.t-coach{font:800 20px/1.25 var(--font-ui)}.t-title{font:800 18px/1.25 var(--font-ui)}.t-btn{font:800 16px/1.2 var(--font-ui)}.t-body{font:500 14px/1.45 var(--font-ui);color:var(--c-text-2)}.t-label{font:800 12px/1.2 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-2)}.t-chip{font:800 13px/1.2 var(--font-ui)}.t-code{font:500 14px/1.4 var(--font-mono);word-break:break-all}.t-tile{font:800 clamp(16px, 5.2vw, 22px)/1 var(--font-ui)}.u-num{font-variant-numeric:tabular-nums}.u-text-2{color:var(--c-text-2)}.u-text-win{color:var(--c-win-text)}.u-text-err{color:var(--c-flag-text)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%}body{background:var(--c-bg);min-height:100%;color:var(--c-text);font:500 16px/1.4 var(--font-ui);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}.board,.board-viewport{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) *,:root:not([data-motion=full]) :before,:root:not([data-motion=full]) :after{transition:none!important;animation:none!important}}:root[data-motion=reduce] *,:root[data-motion=reduce] :before,:root[data-motion=reduce] :after{transition:none!important;animation:none!important}.screen{padding:var(--space-5) var(--space-5) var(--space-3);flex-direction:column;gap:14px;min-height:0;display:flex}.spacer{flex:1}.card{background:var(--c-surface);border-radius:var(--r-card);padding:18px}.card--daily{box-shadow:inset 0 0 0 2px var(--c-accent)}.card--error{box-shadow:inset 0 0 0 2px var(--c-line)}.row{justify-content:space-between;align-items:center;gap:10px;display:flex}.list-row{border-bottom:1px solid var(--c-line);align-items:center;gap:12px;min-height:56px;padding:8px 4px;display:flex}.list-row:last-child{border-bottom:0}.btn{min-height:var(--target-btn);border-radius:var(--r-btn);width:100%;font:800 16px/1.2 var(--font-ui);background:var(--c-accent);color:var(--c-on-accent);justify-content:center;align-items:center;gap:8px;display:inline-flex}.btn--hero{min-height:var(--target-btn-hero);box-shadow:var(--shadow-hero);flex-direction:column;gap:2px;font-size:22px}.btn--hero small{opacity:.85;font-size:13px;font-weight:500}.btn--secondary{background:var(--c-bg);color:var(--c-text);box-shadow:inset 0 0 0 2px var(--c-line)}.btn--ghost{color:var(--c-accent);min-height:var(--target-min);background:0 0}.btn--danger{color:var(--c-flag-text);box-shadow:inset 0 0 0 2px var(--c-flag);background:0 0}.btn[aria-disabled=true]{opacity:.45}.icon-btn{width:var(--target-icon);height:var(--target-icon);border-radius:var(--r-btn);background:var(--c-surface);color:var(--c-text-2);place-items:center;display:grid}.link-btn{color:var(--c-accent);place-items:center;min-height:44px;font-weight:800;display:grid}.chip{border-radius:var(--r-pill);font:800 13px/1.2 var(--font-ui);background:var(--c-streak-bg);color:var(--c-streak-text);align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.badge{font:800 12px/1 var(--font-ui);border-radius:var(--r-pill);background:var(--c-bg);color:var(--c-text-2);padding:3px 10px}.banner-ok{border-radius:var(--r-btn);color:var(--c-win-text);background:color-mix(in srgb, var(--c-win) 14%, var(--c-surface));align-items:center;gap:10px;padding:12px 14px;font-weight:800;display:flex}.progress{border-radius:var(--r-pill);background:var(--c-open);height:8px;overflow:hidden}.progress>i{background:var(--c-accent);border-radius:var(--r-pill);height:100%;display:block}.sheet{background:var(--c-surface);border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding:10px var(--space-5) 22px;box-shadow:var(--shadow-sheet);flex-direction:column;gap:12px;display:flex;position:absolute;inset:auto 0 0}.sheet__grab{background:var(--c-line);border-radius:9px;width:44px;height:5px;margin:0 auto}.dialog{left:var(--space-5);right:var(--space-5);background:var(--c-surface);border-radius:var(--r-dialog);box-shadow:var(--shadow-dialog);flex-direction:column;gap:12px;padding:22px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pause-cover{background:var(--c-bg);background-image:repeating-linear-gradient(135deg, transparent 0 14px, var(--c-line) 14px 16px);position:absolute;inset:0}.is-dimmed{opacity:.55}.tabbar{background:var(--c-surface);border-top:1px solid var(--c-line);padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));grid-template-columns:repeat(4,1fr);display:grid}.tab{min-height:var(--target-min);font:700 12px/1.2 var(--font-ui);color:var(--c-text-2);flex-direction:column;align-items:center;gap:3px;padding:6px 0;display:flex}.tab[aria-current=page]{color:var(--c-accent)}.segmented{background:var(--c-surface);border-radius:16px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented>button{min-height:52px;color:var(--c-text-2);border-radius:12px;justify-content:center;align-items:center;gap:6px;font-weight:800;display:flex}.segmented>button[aria-pressed=true]{background:var(--c-accent);color:var(--c-on-accent)}.switch{border-radius:var(--r-pill);background:var(--c-tile);flex:none;width:52px;height:30px;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch[aria-checked=true]{background:var(--c-accent)}.switch[aria-checked=true]:after{left:25px}.radio{width:22px;height:22px;box-shadow:inset 0 0 0 2px var(--c-text-2);border-radius:50%;flex:none}.radio[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--c-accent);background:radial-gradient(var(--c-accent) 45%, transparent 50%)}.field{border-radius:var(--r-btn);box-shadow:inset 0 0 0 2px var(--c-line);background:var(--c-bg);font:500 13px/1.4 var(--font-mono);padding:12px}.field[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--c-flag)}.code-box{scrollbar-width:thin;background:var(--c-bg);border-radius:12px;height:92px;padding:12px;overflow-y:auto}[data-mode=flag] .board-viewport,[data-mode=flag] .board{box-shadow:inset 0 0 0 4px var(--c-mode-flag)}[data-mode=flag] .hud__stat--flags{background:color-mix(in srgb, var(--c-mode-flag) 16%, var(--c-surface));border-radius:var(--r-pill);padding:6px 12px}.segmented>button[data-mode=flag][aria-pressed=true]{background:var(--c-mode-flag);color:var(--c-on-mode-flag)}.hud{justify-content:space-between;align-items:center;display:flex}.hud__stat{font:800 22px/1 var(--font-ui);font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.toolbar{gap:10px;margin-top:auto;display:flex}.board{gap:var(--gap-tile);background:var(--c-well);padding:var(--gap-tile);border-radius:var(--r-board);display:grid}.board-viewport{background:var(--c-well);margin:0 calc(var(--space-5) * -1);flex:1;min-height:0;padding:3px;position:relative;overflow:hidden}.tile{aspect-ratio:1;border-radius:var(--r-tile);font:800 clamp(16px, 5.2vw, 22px)/1 var(--font-ui);color:var(--c-text);place-items:center;display:grid;position:relative}.tile--hidden{background:var(--c-tile);box-shadow:inset 0 2px 0 var(--c-tile-hi), inset 0 -2px 0 var(--c-tile-lo)}.tile--hidden:active{transition:transform var(--dur-press);transform:scale(.94)}.tile--open{background:var(--c-open)}.tile>svg{width:72%;height:72%}.tile--flag{color:var(--c-flag)}.tile--mine{background:var(--c-open);color:var(--c-text)}.tile--start{outline:3px solid var(--c-streak);outline-offset:-3px}.tile--glow{outline:3px solid var(--c-accent);outline-offset:-3px}.tile--glow.is-pulsing{animation:pulse var(--dur-pulse) infinite}.tile--start.is-pulsing{animation:pulse-warm var(--dur-pulse) infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--c-accent) 55%, transparent)}50%{box-shadow:0 0 0 9px #0000}}@keyframes pulse-warm{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--c-streak) 55%, transparent)}50%{box-shadow:0 0 0 9px #0000}}.pop{animation:pop var(--dur-pop) var(--ease-pop)}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.tile[data-n="1"]{color:var(--c-num-1)}.tile[data-n="2"]{color:var(--c-num-2)}.tile[data-n="3"]{color:var(--c-num-3)}.tile[data-n="4"]{color:var(--c-num-4)}.tile[data-n="5"]{color:var(--c-num-5)}.tile[data-n="6"]{color:var(--c-num-6)}.tile[data-n="7"]{color:var(--c-num-7)}.tile[data-n="8"]{color:var(--c-num-8)}[data-cb=on] .tile[data-n]:before{content:"";background:currentColor;width:9px;height:9px;position:absolute;top:4px;left:4px}[data-cb=on] .tile[data-n="1"]:before{border-radius:50%}[data-cb=on] .tile[data-n="2"]:before{clip-path:polygon(50% 0,100% 100%,0 100%)}[data-cb=on] .tile[data-n="4"]:before{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}[data-cb=on] .tile[data-n="5"]:before{clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}[data-cb=on] .tile[data-n="6"]:before{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}[data-cb=on] .tile[data-n="7"]:before{clip-path:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%)}[data-cb=on] .tile[data-n="8"]:before{clip-path:polygon(0 35%,100% 35%,100% 65%,0 65%)}.cal{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal__day{background:var(--c-bg);min-height:44px;color:var(--c-text-2);font:700 13px/1.1 var(--font-ui);border-radius:12px;place-items:center;display:grid}.cal__day--won{background:color-mix(in srgb, var(--c-win) 18%, var(--c-surface));color:var(--c-win-text)}.cal__day--freeze{background:color-mix(in srgb, var(--c-freeze) 18%, var(--c-surface));color:var(--c-freeze-text)}.cal__day--today{background:var(--c-surface);color:var(--c-accent);box-shadow:inset 0 0 0 2px var(--c-accent)}.cal__day--future{opacity:.45;background:0 0}.coach{background:var(--c-surface);font:800 20px/1.25 var(--font-ui);border-radius:18px;padding:14px 16px}.coach small{color:var(--c-text-2);margin-bottom:4px;font-size:12px;display:block}:root{--cell-size:clamp(32px, 10vw, 44px)}body{min-height:100dvh}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{width:min(100%,560px);min-height:100dvh;padding:0 var(--space-5) max(20px, env(safe-area-inset-bottom,0px));flex-direction:column;margin-inline:auto;display:flex}.app-header{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:72px;display:flex}.brand{min-height:var(--target-min);color:var(--c-text);align-items:center;gap:10px;font-size:18px;font-weight:800;text-decoration:none;display:inline-flex}.brand img{width:36px;height:36px}.offline-badge{border:1px solid var(--c-line);border-radius:var(--r-pill);color:var(--c-text-2);padding:7px 10px;font-size:12px;font-weight:700}.home-screen,.choose-screen{flex-direction:column;flex:1;gap:16px;padding-block:8px 24px;display:flex}.daily-card{flex-direction:column;gap:12px;padding:20px;display:flex}.daily-card-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.daily-card-heading p,.play-card>p,.welcome-note h1,.welcome-note p{margin:0}.daily-card-heading .t-title{margin-top:5px}.daily-mark{background:var(--c-streak-bg);width:44px;height:44px;color:var(--c-streak-text);border-radius:14px;flex:none;place-items:center;font-size:27px;display:grid}.daily-card>.t-body{margin:0}.daily-card .btn{margin-top:2px}.daily-countdown,.daily-note{color:var(--c-text-2);text-align:center;font-variant-numeric:tabular-nums;margin:0;font-size:12px}.daily-note{color:var(--c-accent)}.daily-complete{border-radius:var(--r-btn);background:color-mix(in srgb, var(--c-win) 12%, var(--c-surface));color:var(--c-win-text);flex-direction:column;gap:6px;padding:12px;font-weight:800;display:flex}.daily-complete span+span{color:var(--c-text-2);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.resume-card{text-align:left;align-items:center;gap:12px;width:100%;min-height:76px;display:flex}.resume-card strong,.resume-card small{display:block}.resume-card small{color:var(--c-text-2);text-transform:capitalize;margin-top:4px;font-size:13px}.resume-icon{background:var(--c-streak-bg);width:40px;height:40px;color:var(--c-streak-text);border-radius:50%;flex:none;place-items:center;display:grid}.resume-chevron{color:var(--c-text-2);margin-left:auto;font-size:26px}.play-card{flex-direction:column;gap:10px;margin-top:2px;display:flex}.play-card>.t-label{text-align:center}.welcome-note{text-align:center;margin-top:auto;padding:12px 4px}.welcome-note h1{font-size:16px}.welcome-note p{color:var(--c-text-2);margin-top:6px;font-size:13px}.screen-heading{align-items:center;gap:12px;display:flex}.screen-heading h1{margin:0;font-size:22px}.back-button{min-height:var(--target-min);color:var(--c-accent);align-items:center;gap:6px;font-weight:800;display:inline-flex}.mode-section{flex-direction:column;gap:8px;display:flex}.mode-section>.t-label{margin:0}.difficulty-list{padding:4px 16px}.difficulty-option{border-bottom:1px solid var(--c-line);text-align:left;align-items:center;gap:12px;width:100%;min-height:74px;display:flex}.difficulty-option:last-child{border-bottom:0}.difficulty-option>span:first-child{flex:1}.difficulty-option strong,.difficulty-option small{display:block}.difficulty-option small{color:var(--c-text-2);margin-top:4px}.zen-card{flex-direction:column;gap:12px;display:flex}.zen-card .t-body{margin:0}.zen-options{flex-wrap:wrap;gap:8px;display:flex}.zen-option{background:var(--c-bg);width:48px;height:48px;box-shadow:inset 0 0 0 1px var(--c-line);border-radius:12px;font-weight:800}.zen-option[aria-pressed=true]{background:var(--c-accent);color:var(--c-on-accent)}.zen-play-button{flex:1;min-width:170px}.storage-notice{border-radius:var(--r-btn);background:var(--c-streak-bg);color:var(--c-streak-text);margin:0 0 8px;padding:10px 12px;font-size:13px}.app-loading{color:var(--c-text-2);text-align:center;justify-content:center}.active-tab-warning{text-align:center;justify-content:center;gap:12px}.active-tab-warning img{align-self:center;width:64px;height:64px}.active-tab-warning h1,.active-tab-warning p{margin:0}.active-tab-warning p{color:var(--c-text-2)}.game-screen{width:min(100%,680px);height:100dvh;min-height:520px;padding:max(8px, env(safe-area-inset-top,0px)) var(--space-5) max(10px, env(safe-area-inset-bottom,0px));flex-direction:column;gap:10px;margin-inline:auto;display:flex;position:relative;overflow:hidden}.game-header{grid-template-columns:48px 1fr 48px;align-items:center;gap:8px;min-height:52px;display:grid}.game-title{text-align:center;min-width:0;font-weight:800}.game-title span,.game-title small{display:block}.game-title small{color:var(--c-text-2);margin-top:3px;font-size:12px}.game-header .icon-btn{width:48px;height:48px;font-size:23px}.game-hud{justify-content:space-between;align-items:center;gap:8px;min-height:52px;display:flex}.hud-stat{min-width:76px;min-height:44px;font:800 20px/1 var(--font-ui);font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.hud-stat img{width:26px;height:26px;color:var(--c-flag)}.hud-stat--time{justify-content:flex-end}.restart-button{font-size:27px}.zen-timer{flex-direction:column;align-items:center;gap:4px;font-size:18px;display:flex}.zen-timer small{color:var(--c-text-2);font-size:11px;font-weight:700}.daily-start-hint{color:var(--c-text-2);text-align:center;margin:0;font-size:12px}.board-viewport{width:calc(100% + var(--space-5) * 2);overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-width:thin;flex:1;align-self:center;min-height:0;overflow:auto}.board{gap:2px;width:100%;padding:3px;container-type:inline-size}.board-row{display:contents}.tile{aspect-ratio:1;touch-action:manipulation;min-width:30px;min-height:30px;font-size:clamp(10px, var(--board-cell-font-size), 22px);border-radius:6px}.board-viewport--result .tile:disabled{opacity:1}.board--fit .tile{min-width:0;min-height:0}.board--fit{margin-inline:auto}.tile img{pointer-events:none;width:76%;height:76%;display:block}.tile--start{outline:3px solid var(--c-streak);outline-offset:-3px;animation:pulse-warm var(--dur-pulse) infinite}.tile--hit{background:var(--c-flag);color:#fff}.tile--mine{background:var(--c-open)}.tile--wrong{background:var(--c-tile);color:var(--c-flag)}.tile--number-1{color:var(--c-num-1)}.tile--number-2{color:var(--c-num-2)}.tile--number-3{color:var(--c-num-3)}.tile--number-4{color:var(--c-num-4)}.tile--number-5{color:var(--c-num-5)}.tile--number-6{color:var(--c-num-6)}.tile--number-7{color:var(--c-num-7)}.tile--number-8{color:var(--c-num-8)}[data-mode=flag] .board-viewport{box-shadow:inset 0 0 0 4px var(--c-mode-flag)}[data-mode=flag] .tile--hidden{background:color-mix(in srgb, var(--c-mode-flag) 16%, var(--c-tile))}[data-mode=flag] .hud-stat--flags{border-radius:var(--r-pill);background:color-mix(in srgb, var(--c-mode-flag) 16%, var(--c-surface));padding-inline:10px}.board-fit-button{border-radius:var(--r-pill);background:var(--c-surface);min-height:44px;color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-line);align-self:flex-end;padding-inline:14px;font-size:13px;font-weight:800}.game-toolbar{grid-template-columns:minmax(0,1fr) 52px;gap:10px;display:grid}.mode-toggle{border-radius:var(--r-btn);background:var(--c-accent);min-height:56px;color:var(--c-on-accent);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-weight:800;display:flex}.mode-toggle span{opacity:.85;font-size:11px;font-weight:600}[data-mode=flag] .mode-toggle{background:var(--c-mode-flag);color:var(--c-on-mode-flag)}.undo-button{width:52px;height:56px;font-size:26px}.screen-overlay{z-index:5;padding:var(--space-5);background:color-mix(in srgb, var(--c-bg) 76%, transparent);place-items:center;display:grid;position:fixed;inset:0}.screen-overlay--result{pointer-events:auto;background:0 0;justify-content:center;align-items:flex-end;padding:0;display:flex;inset:0}.screen-overlay--result .result-dialog{width:min(100%,520px);max-height:min(70dvh,560px);padding:var(--space-4) var(--space-5) max(20px, env(safe-area-inset-bottom,0px));border-radius:var(--r-board) var(--r-board) 0 0;background:var(--c-surface);box-shadow:0 -8px 28px color-mix(in srgb, var(--c-text) 18%, transparent);pointer-events:auto;touch-action:none;overflow-y:auto}.game-screen>.screen-overlay{background:var(--c-bg);position:absolute}.game-screen>.screen-overlay--result{background:0 0;position:absolute;inset:0}.result-sheet-grabber{width:42px;height:5px;margin:0 auto var(--space-3);border-radius:var(--r-pill);background:var(--c-line);display:block}.dialog{width:min(100%,420px);position:static;transform:none}.dialog p{margin-block:0}.dialog .t-title-xl{color:var(--c-text)}.result-dialog{text-align:center}.result-dialog .btn{min-height:48px}.result-dialog .t-hero-time{color:var(--c-accent);margin-block:10px}.screen-overlay .btn{min-height:52px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (height<=700px){.game-screen{gap:6px}.game-header{min-height:44px}.game-header .icon-btn{width:44px;height:44px}.game-hud{min-height:42px}}@media (prefers-reduced-motion:reduce){.tile--start{animation:none}}