@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Inter:wght@400;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0f14;--surface:#161920;--cell-up:#1e2330;--cell-dn:#131620;--border:#2a3040;--accent:#4af0b4;--danger:#f04a6a;--flag:#f0b44a;--text:#c8d0e0;--dim:#5a6480;--mono:"Share Tech Mono", monospace;--sans:"Inter", sans-serif;--radius:4px}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem 3rem;display:flex}h1{font-family:var(--mono);letter-spacing:.25em;color:var(--accent);text-transform:uppercase;margin-bottom:.25rem;font-size:1.1rem}.subtitle{color:var(--dim);letter-spacing:.1em;margin-bottom:2rem;font-size:.75rem}.controls{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.btn{font-family:var(--mono);letter-spacing:.1em;border:1px solid var(--border);background:var(--surface);color:var(--dim);cursor:pointer;border-radius:var(--radius);padding:.45rem 1rem;font-size:.75rem;transition:border-color .15s,color .15s}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.active{border-color:var(--accent);color:var(--accent);background:#0d1f19}#game{flex-direction:column;align-items:flex-start;display:flex}.waitasec{flex-direction:row;align-items:center;margin-top:1rem;display:flex}.gaslight{letter-spacing:.15em;white-space:nowrap;width:0;margin-left:1rem;transition:opacity 1s;overflow:visible}.gaslight.fade{opacity:0}.hud{font-family:var(--mono);gap:2rem;margin-bottom:1rem;font-size:1.2rem;display:flex}.hud-item{flex-direction:column;align-items:center;gap:.15rem;display:flex}.hud-val{color:var(--accent);font-size:1.5rem}.hud-lbl{letter-spacing:.12em;color:var(--dim);font-size:.6rem}#board-wrap{border:1px solid var(--border);border-radius:var(--radius);position:relative;overflow:hidden;box-shadow:0 0 40px #000a}#board{background:var(--bg);gap:2px;padding:2px;display:grid}.cell{width:32px;height:32px;font-family:var(--mono);cursor:pointer;background:var(--cell-up);border:1px solid var(--border);border-radius:2px;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:background 80ms,transform 80ms;display:flex}.cell:hover:not(.revealed){border-color:var(--accent);background:#252c3c}.cell:active:not(.revealed){transform:scale(.92)}.cell.revealed{background:var(--cell-dn);cursor:default;border-color:#1a1e28}.cell.flagged:after{content:"⚑";color:var(--flag);font-size:.9rem}.cell.mine:after{content:"✸";color:#f46;font-size:1rem}.n8{color:var(--dim)}.n7{color:#f04af0}.n6{color:#4af0e0}.n5{color:#f09a4a}.n4{color:#a04af0}.n3{color:#f04a6a}.n2{color:#4ab4f0}.n1{color:#4af0b4}#result{font-family:var(--mono);letter-spacing:.15em;white-space:pre-wrap;min-height:2rem;margin-top:1.5rem;font-size:1.4rem;transition:opacity .5s}#result.win{color:var(--accent)}#result.loss{color:var(--danger)}