:root{color-scheme:dark;--bg:#07130c;--panel:#0f2116;--line:#31513c;--text:#f4f2e8;--muted:#a9b6ac;--gold:#dfbd62;--green:#9fd4a8;--danger:#ef9c86}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.bingo-shell{width:min(1100px,calc(100% - 24px));margin:auto;padding:28px 0 60px}.back{color:var(--green);font-weight:800;text-decoration:none}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.11em;font-size:.76rem;font-weight:900}.bingo-shell h1{font-size:clamp(3rem,8vw,6rem);margin:.1rem 0;letter-spacing:-.055em}.lede{color:var(--muted);max-width:720px}.controls{display:flex;gap:10px;align-items:end;flex-wrap:wrap;padding:15px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.modes{display:flex;gap:7px;flex-wrap:wrap;width:100%}.controls button,.mode-btn,.controls input{min-height:44px;border:1px solid var(--line);border-radius:11px;background:#12291b;color:var(--text);padding:9px 12px;font:inherit;font-weight:800;touch-action:manipulation}.controls button,.mode-btn{cursor:pointer}.mode-btn[aria-pressed=true]{background:var(--gold);color:#102015}.controls button[data-armed=true]{border-color:var(--danger);background:#42261e;color:#ffd9cf;box-shadow:0 0 0 3px rgba(239,156,134,.09)}.controls button:disabled{opacity:.42;cursor:not-allowed}.controls label{display:grid;gap:4px;color:var(--muted);font-size:.78rem;text-transform:uppercase;font-weight:800}.controls input{text-transform:uppercase;width:8em}.controls input[aria-invalid=true]{border-color:#ef8a72;box-shadow:0 0 0 2px rgba(239,138,114,.18)}.status{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:13px 0}.status div{border:1px solid var(--line);background:var(--panel);padding:11px 14px;border-radius:13px}.status span{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase}.status strong{font-size:1.2rem}.announce{min-height:1.5em;color:var(--gold);font-weight:800}.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;transition:filter .18s ease}.board.has-bingo{filter:saturate(1.08)}.cell{aspect-ratio:1/1;min-height:105px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#173321,#0c1d13);color:var(--text);padding:8px;font:inherit;font-size:.9rem;font-weight:800;line-height:1.15;cursor:pointer;touch-action:manipulation;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.cell:hover:not(:disabled){transform:translateY(-1px);border-color:#577761}.cell[aria-pressed=true]{background:linear-gradient(145deg,#345e40,#1c3e29);border-color:var(--gold);box-shadow:inset 0 0 0 2px rgba(223,189,98,.22)}.cell[aria-pressed=true]:not(.free)::after{content:'✓';display:block;margin-top:4px;color:var(--gold);font-size:.85rem}.cell.line{box-shadow:inset 0 0 0 3px var(--gold),0 0 18px rgba(223,189,98,.22);background:linear-gradient(145deg,#4c6032,#26492e)}.cell.free{color:var(--gold);font-size:1.15rem}.cell.mark-pop{animation:mark-pop .23s ease-out}.cell:focus-visible,.controls button:focus-visible,.mode-btn:focus-visible,.controls input:focus-visible{outline:3px solid var(--green);outline-offset:2px}@keyframes mark-pop{0%{transform:scale(.97)}70%{transform:scale(1.025)}100%{transform:scale(1)}}@media(max-width:680px){.status{grid-template-columns:1fr 1fr}.board{gap:5px}.cell{min-height:78px;font-size:.72rem;padding:5px}.controls button,.mode-btn{min-height:48px}}@media(max-width:430px){.cell{min-height:68px;font-size:.65rem;line-height:1.08;padding:4px;border-radius:9px}.cell[aria-pressed=true]:not(.free)::after{font-size:.7rem;margin-top:2px}.controls>*{width:100%}.controls input{width:100%}.modes{display:grid;grid-template-columns:1fr}.status div{padding:9px 10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.cell.mark-pop{animation:none}.cell:hover:not(:disabled){transform:none}}