:root{color-scheme:dark;--ink:#e8eef7;--panel:#16202c;--line:#2b3a4c;--accent:#6ea8ff;--hidden:#24344a;--open:#101822;--danger:#ff6b6b;color:var(--ink);background:#0b1219;font-family:Inter,ui-sans-serif,system-ui,sans-serif}html[data-contrast=high]{--panel:#000;--line:#fff;--accent:#00d0ff;--hidden:#333;--open:#000;--danger:red}html[data-interface=large]{font-size:118%}*{box-sizing:border-box}[hidden]{display:none!important}body{min-height:100svh;margin:0}#runtime{flex-direction:column;align-items:center;gap:.8rem;min-height:100svh;padding:.9rem;display:flex}.title-bar{justify-content:space-between;align-items:center;width:min(46rem,100%);display:flex}h1{color:var(--accent);letter-spacing:.06em;margin:0;font-size:1.3rem}.icon-button{border:1px solid var(--line);background:var(--panel);min-height:44px;color:inherit;cursor:pointer;border-radius:.6rem;padding:0 .9rem}.panel{border:1px solid var(--line);background:var(--panel);border-radius:1rem;gap:.6rem;width:min(32rem,100%);padding:1.1rem;display:grid}.panel h2{margin:0;font-size:1.1rem}select,button{border:1px solid var(--line);min-height:44px;color:inherit;font:inherit;cursor:pointer;background:#1d2b3c;border-radius:.6rem;padding:.5rem .8rem}.primary{background:var(--accent);color:#06121f;border-color:#0000;font-weight:800}.switch{align-items:center;gap:.6rem;min-height:44px;display:flex}.hint{color:#91a4bb;margin:0;font-size:.85rem}#game-ui{justify-items:center;gap:.6rem;width:min(46rem,100%);display:grid}.hud{grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;display:grid}.hud div{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:.6rem;padding:.4rem .6rem;display:grid}.hud span{color:#91a4bb;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.hud strong{font-variant-numeric:tabular-nums;font-size:1.2rem}.field-name{color:#91a4bb;margin:0;font-size:.85rem}.field{grid-template-columns:repeat(var(--columns,9), 1fr);border:1px solid var(--line);background:var(--line);touch-action:manipulation;border-radius:.5rem;gap:2px;width:100%;max-width:min(100%,46rem);padding:4px;display:grid}.cell{aspect-ratio:1;background:var(--hidden);min-height:0;color:var(--ink);font-variant-numeric:tabular-nums;border:none;border-radius:2px;padding:0;font-size:clamp(.55rem,2.2vmin,1rem);font-weight:800;line-height:1}.cell[data-state=open]{background:var(--open)}.cell[data-state=flag]{color:#ffcf70;background:#3a2b16}.cell[data-state=mine]{color:var(--danger);background:#40202a}.cell[data-exploded=yes]{background:var(--danger);color:#1a0508}.cell[data-hint=yes]{box-shadow:inset 0 0 0 2px var(--accent)}.cell[data-number="1"]{color:#7cc3ff}.cell[data-number="2"]{color:#7ce7a5}.cell[data-number="3"]{color:#ff9d9d}.cell[data-number="4"]{color:#c9a5ff}.cell[data-number="5"]{color:#ffc46b}.cell[data-number="6"]{color:#6be3e3}.cell[data-number="7"]{color:#e6e6e6}.cell[data-number="8"]{color:#9fb0c4}.cell:disabled{cursor:default;opacity:1}html[data-flag-mode=on] .cell[data-state=hidden]{background:#2b3a20}.actions{grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;display:grid}#flag-toggle[aria-pressed=true]{background:var(--accent);color:#06121f;font-weight:700}.breakdown{color:#b9c7d8;margin:0;padding-left:1.1rem;font-size:.85rem}dl{grid-template-columns:repeat(2,1fr);gap:.5rem;margin:0;display:grid}dt{color:#91a4bb;font-size:.75rem}dd{margin:0;font-weight:700}dialog{border:1px solid var(--line);background:var(--panel);color:inherit;border-radius:1rem;width:min(28rem,92vw)}.dialog-content{gap:.6rem;display:grid}.dialog-head{justify-content:space-between;align-items:center;display:flex}dialog label{justify-content:space-between;align-items:center;gap:1rem;min-height:44px;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--accent);outline-offset:1px;z-index:1}html[data-motion=reduced] *{transition:none!important;animation:none!important}