: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:start;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{cursor:pointer;color:#e2e8f0;border-radius:999px;font-weight:800;transition:transform .16s,background .16s,color .16s}.reset-button{background:#94a3b824;flex:none;padding:10px 12px}.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;min-width:98px;padding:11px 13px}.flag-toggle.active{color:#fff7ed;background:#f97316}.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:manipulation;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{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,.cell:not(.revealed):hover{transform:translateY(-1px)}}@media (width<=360px){.hero{flex-direction:column;align-items:stretch}.reset-button{width:100%}}