:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f172a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button{font:inherit;border:0}.app-shell{background:radial-gradient(circle at 0 0,#2dd4bf33,#0000 34%),linear-gradient(145deg,#111827 0%,#0f172a 55%,#111827 100%);place-items:center;min-height:100svh;padding:0;display:grid}.game-card{width:100%;height:100svh;padding:max(12px, env(safe-area-inset-top)) 10px max(12px, env(safe-area-inset-bottom));background:#0f172adb;border:1px solid #94a3b82e;border-radius:0;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 70px #02061780}.hero{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;display:flex}.eyebrow,.status-message,h1{margin:0}.eyebrow{color:#5eead4;letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:800}h1{margin-top:2px;font-size:clamp(1.45rem,6.8vw,2.25rem);line-height:.95}.reset-button,.flag-toggle,.install-button,.modal-new-game{cursor:pointer;color:#e2e8f0;border-radius:999px;flex:none;place-items:center;width:44px;height:44px;padding:0;font-weight:800;transition:transform .16s,background .16s,color .16s;display:grid}.hero-actions{align-items:center;gap:8px;display:flex}.reset-button{background:#94a3b824}.control-row{grid-template-columns:1fr auto;align-items:center;gap:8px;margin:12px 0 8px;display:grid}.mine-counter{background:#0f172ab3;border-radius:14px;align-items:baseline;gap:6px;padding:9px 11px;display:flex}.mine-counter span{color:#facc15;font-size:1.7rem;font-weight:900;line-height:1}.mine-counter small{color:#94a3b8;font-size:.84rem;font-weight:700}.flag-toggle{color:#052e16;background:#22c55e}.flag-toggle.active{color:#fff7ed;background:#f97316}.install-button{color:#5eead4;background:#2dd4bf29}.status-message{color:#cbd5e1;min-height:2.4em;font-size:.88rem;line-height:1.35}.board-host{flex:auto;place-items:center;min-width:0;min-height:0;margin-top:8px;display:grid;container-type:size}.board{grid-template-columns:repeat(var(--board-cols,1), minmax(0, 1fr));width:100%;width:min(100cqw, calc(100cqh * var(--board-cols,1) / var(--board-rows,1)));max-height:100cqh;aspect-ratio:var(--board-cols,1) / var(--board-rows,1);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#0206178c;border-radius:16px;gap:clamp(2px,.7vw,4px);padding:clamp(4px,1.3vw,7px);display:grid}.cell{aspect-ratio:1;color:#f8fafc;cursor:pointer;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#475569,#334155);border-radius:clamp(4px,1.2vw,8px);place-items:center;min-width:0;font-size:clamp(.78rem,4vw,1.2rem);font-weight:900;line-height:1;transition:transform .11s,background .11s,box-shadow .11s;display:grid;box-shadow:inset 0 1px #ffffff24,0 3px #0f172af2}.cell:active,.reset-button:active,.flag-toggle:active,.install-button:active,.modal-new-game:active{transform:scale(.96)}.cell.revealed{color:#0f172a;cursor:default;background:#dbeafe;box-shadow:inset 0 0 0 1px #1e293b14}.cell.flagged{background:linear-gradient(145deg,#f97316,#ea580c)}.cell.mine{color:#fff;background:#ef4444}.cell.one{color:#2563eb}.cell.two{color:#16a34a}.cell.three{color:#dc2626}.cell.four{color:#7c3aed}.cell.five{color:#b45309}.cell.six{color:#0891b2}.cell.seven{color:#111827}.cell.eight{color:#64748b}@media (hover:hover){.reset-button:hover,.flag-toggle:hover,.install-button:hover,.modal-new-game:hover,.cell:not(.revealed):hover{transform:translateY(-1px)}}.modal-backdrop{z-index:20;background:#020617b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.game-over-modal{background:#111827;border:1px solid #94a3b838;border-radius:20px;gap:10px;width:min(100%,360px);padding:22px 20px 18px;display:grid;box-shadow:0 24px 70px #0206178c}.game-over-kicker{color:#5eead4;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}.game-over-modal.lost .game-over-kicker{color:#fb923c}.game-over-modal h2{margin:0;font-size:1.7rem;line-height:1.05}.game-over-modal p{color:#cbd5e1;margin:0;font-size:.95rem;line-height:1.4}.modal-new-game{color:#052e16;background:#22c55e;width:52px;height:52px;margin-top:8px;margin-left:auto;margin-right:auto}.game-over-modal.lost .modal-new-game{color:#fff7ed;background:#f97316}.reset-button:focus-visible,.flag-toggle:focus-visible,.install-button:focus-visible,.modal-new-game:focus-visible{outline-offset:3px;outline:2px solid #5eead4}