:root{--font-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--background:#fff;--surface:#fff;--surface-hover:#f6f6f4;--text:#171a1f;--muted:#687078;--border:#dedfdf;--border-strong:#c6c9ca;--accent:#f6b700;--accent-soft:#fff8dc;--danger:#d93e32;--danger-soft:#ffe3df;--success:#16843c;--board-bg:#f7f7f5;--revealed:#fbfbfa;--covered:#e4e5e3;--covered-hover:#dadbd8;--grid-line:#cfd1d0;--cell-highlight:#f8f8f7;--cell-shadow:#b8bbb9;--raised:0 2px 8px #12161914;color:var(--text);background:var(--background);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{--background:#111315;--surface:#181b1e;--surface-hover:#22262a;--text:#f2f3f3;--muted:#9aa1a7;--border:#30353a;--border-strong:#434a50;--accent:#f4b900;--accent-soft:#3a310f;--danger:#ff665b;--danger-soft:#4a2422;--success:#5cd77a;--board-bg:#171a1d;--revealed:#1b1e21;--covered:#33383d;--covered-hover:#3c4248;--grid-line:#34393e;--cell-highlight:#4d545b;--cell-shadow:#202428;--raised:0 2px 8px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--background);min-width:320px;min-height:100%}body{background:var(--background);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 80%, #000);outline-offset:2px}::selection{color:#151109;background:var(--accent)}.app-shell{width:min(1420px,100%);min-height:100svh;margin:0 auto;padding:28px 42px 22px}.topbar,.command-row,.scorebar,.statusbar{align-items:center;display:flex}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;min-height:68px}.brand{color:var(--text);letter-spacing:-.045em;align-items:center;gap:14px;font-size:clamp(1.65rem,3vw,2.25rem);font-weight:790;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--border);width:46px;height:46px;color:var(--danger);background:var(--surface);box-shadow:var(--raised);border-radius:8px;place-items:center;display:grid}.brand-mark .icon{width:24px;height:24px}.header-actions{align-items:end;gap:24px;display:flex}.control-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px;font-size:.78rem;font-weight:680;display:block}.segmented{display:flex}.segmented button{border:1px solid var(--border-strong);min-height:42px;color:var(--text);background:var(--surface);font:640 .9rem/1 var(--font-ui);cursor:pointer;border-right:0;padding:0 20px;transition:background .14s,border-color .14s,color .14s}.segmented button:first-child{border-radius:6px 0 0 6px}.segmented button:last-child{border-right:1px solid var(--border-strong);border-radius:0 6px 6px 0}.segmented button:hover{background:var(--surface-hover)}.segmented button.active{z-index:1;border-color:var(--accent);color:var(--text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent);position:relative}.install-button,.primary-button,.secondary-button,.board-overlay button,.dialog-actions button{border:1px solid var(--border-strong);min-height:44px;color:var(--text);background:var(--surface);font:680 .9rem/1 var(--font-ui);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:0 18px;display:inline-flex}.install-button{border-color:#0000}.command-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:28px;padding:18px 0 22px}.game-actions{align-items:end;gap:10px;padding-top:22px;display:flex}.primary-button,.board-overlay button,.dialog-actions .primary-button{border-color:var(--accent);color:#17120a;background:var(--accent);box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 24%, transparent)}button:disabled{opacity:.45;cursor:not-allowed}.game-frame{padding-top:14px}.scorebar{grid-template-columns:1fr auto 1fr;align-items:center;min-height:86px;display:grid}.metric{flex-direction:column;gap:3px;display:flex}.metric:last-child{align-items:flex-end}.metric-label{color:var(--muted);font-size:.84rem;font-weight:650}.metric strong{color:var(--text);font:760 clamp(1.65rem, 3vw, 2.1rem)/1 var(--font-mono);letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:8px;display:flex}.mines strong,.mines .icon{color:var(--danger)}.face-button{border:1px solid var(--border-strong);background:var(--surface);width:58px;height:58px;box-shadow:var(--raised);cursor:pointer;border-radius:7px;place-items:center;font-size:1.85rem;display:grid}.board-region{border:1px solid var(--border-strong);background:var(--board-bg);overscroll-behavior:contain;border-radius:4px;place-items:center;width:100%;min-height:300px;display:grid;position:relative;overflow:auto}.board{--cell-size:min(40px, calc((100vw - 100px) / var(--columns)));grid-template-columns:repeat(var(--columns), var(--cell-size));grid-template-rows:repeat(var(--rows), var(--cell-size));-webkit-user-select:none;user-select:none;touch-action:manipulation;width:max-content;display:grid}.cell{width:var(--cell-size);height:var(--cell-size);border:0;border-right:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);min-width:24px;min-height:24px;color:var(--text);background:var(--revealed);font:780 clamp(.72rem, calc(var(--cell-size) * .48), 1.1rem)/1 var(--font-mono);cursor:default;place-items:center;padding:0;display:grid}.cell.covered{border-top:2px solid var(--cell-highlight);border-left:2px solid var(--cell-highlight);border-right:2px solid var(--cell-shadow);border-bottom:2px solid var(--cell-shadow);background:var(--covered);cursor:pointer}.cell.covered:hover{background:var(--covered-hover)}.cell.flagged{color:var(--danger)}.cell.exploded{background:var(--danger-soft)}.cell.wrong-flag{color:var(--danger);background:var(--danger-soft);text-decoration:line-through}.cell.active,.cell:focus-visible{z-index:2;outline:3px solid var(--accent);outline-offset:-3px;position:relative}.cell[data-nearby="1"]{color:#1767c0}.cell[data-nearby="2"]{color:#238044}.cell[data-nearby="3"]{color:#d43d32}.cell[data-nearby="4"]{color:#41348f}.cell[data-nearby="5"]{color:#8b2b28}.cell[data-nearby="6"]{color:#087d80}.cell[data-nearby="7"]{color:var(--text)}.cell[data-nearby="8"]{color:var(--muted)}.board-overlay{color:var(--text);background:color-mix(in srgb, var(--background) 88%, transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.board-overlay>.icon{width:34px;height:34px}.helpbar{border:1px solid var(--border);background:var(--surface);border-radius:7px;grid-template-columns:repeat(4,1fr) 1.18fr;margin-top:18px;display:grid;overflow:hidden}.helpbar>div{border-right:1px solid var(--border);align-items:center;gap:12px;min-height:84px;padding:15px 18px;display:flex}.helpbar>div:last-child{border-right:0}.helpbar .icon{flex:none;width:28px;height:28px}.helpbar span{color:var(--muted);flex-direction:column;font-size:.77rem;line-height:1.45;display:flex}.helpbar strong{color:var(--text);font-size:.82rem}.helpbar .save-status .icon,.helpbar .save-status strong{color:var(--success)}.statusbar{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:18px;margin-top:16px;padding-top:16px;font-size:.78rem}.statusbar span{align-items:center;gap:8px;display:inline-flex}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:19px;height:19px}.dialog-backdrop{z-index:50;background:#00000085;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--border-strong);width:min(460px,100%);color:var(--text);background:var(--surface);border-radius:10px;padding:26px;box-shadow:0 24px 80px #00000047}.dialog h2{margin:0 0 8px;font-size:1.35rem}.dialog p{color:var(--muted);margin:0 0 22px;font-size:.9rem}.custom-fields{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.custom-fields label{color:var(--muted);font-size:.78rem;font-weight:680}.custom-fields input{border:1px solid var(--border-strong);width:100%;color:var(--text);background:var(--background);font:700 1rem var(--font-mono);border-radius:5px;margin-top:7px;padding:11px 10px}.dialog-error{min-height:20px;color:var(--danger)!important;margin:12px 0 0!important}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}@media (width<=920px){.app-shell{padding:18px 20px}.topbar,.command-row{align-items:stretch}.topbar{gap:16px}.header-actions{align-items:center}.theme-control .control-label{display:none}.theme-control .segmented button{padding-inline:12px}.command-row{flex-direction:column}.game-actions{padding-top:0}.helpbar{grid-template-columns:repeat(2,1fr)}.helpbar>div{border-bottom:1px solid var(--border)}.helpbar>div:nth-child(2n){border-right:0}.helpbar>div:last-child{border-bottom:0;grid-column:1/-1}}@media (width<=640px){.app-shell{padding:14px 12px 18px}.topbar{flex-direction:column;align-items:stretch;min-height:56px;padding-bottom:12px}.brand{font-size:1.35rem}.brand-mark{width:38px;height:38px}.header-actions{justify-content:space-between;gap:10px}.theme-control .segmented button{width:auto;color:var(--text);padding-inline:11px;font-size:.78rem;overflow:visible}.install-button{white-space:nowrap;width:42px;padding:0;overflow:hidden}.install-button .icon{min-width:19px}.difficulty-tabs{grid-template-columns:repeat(2,1fr);display:grid}.difficulty-tabs button,.difficulty-tabs button:first-child,.difficulty-tabs button:last-child{border:1px solid var(--border-strong);border-radius:0}.difficulty-tabs button:first-child{border-radius:6px 0 0}.difficulty-tabs button:nth-child(2){border-radius:0 6px 0 0}.difficulty-tabs button:nth-child(3){border-radius:0 0 0 6px}.difficulty-tabs button:last-child{border-radius:0 0 6px}.game-actions{grid-template-columns:1fr 1fr;display:grid}.game-actions button{padding-inline:10px}.scorebar{grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);gap:8px;min-height:74px}.metric{min-width:0}.metric strong{gap:5px;font-size:clamp(1.18rem,6vw,1.45rem)}.metric strong .icon{width:16px;height:16px}.face-button{width:50px;height:50px;font-size:1.55rem}.board-region{justify-content:start}.board{--cell-size:clamp(28px, calc((100vw - 26px) / var(--columns)), 38px)}.helpbar{grid-template-columns:1fr}.helpbar>div,.helpbar>div:nth-child(2n){border-right:0;min-height:68px}.helpbar>div:last-child{grid-column:auto}.statusbar{flex-direction:column;align-items:flex-start}.custom-fields{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}