:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--fg:#111;--muted:#4a4a4a;--surface:#f0f0f0;--surface-2:#e2e2e2;--border:#c8c8c8;--accent:#0b5fd6;--accent-fg:#fff;--claimed:#d4d4d4;--claimed-fg:#333;--win:#157a3a;--win-fg:#fff;--danger:#b3261e;--danger-fg:#fff;--pending:#9a6700;--radius:16px;--tap:56px;--gap:12px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#101010;--fg:#f5f5f5;--muted:silver;--surface:#1e1e1e;--surface-2:#2c2c2c;--border:#444;--accent:#5b9dff;--accent-fg:#061129;--claimed:#2a2a2a;--claimed-fg:#9a9a9a;--win:#3fc06a;--win-fg:#04210f;--danger:#ff7b72;--danger-fg:#2b0300;--pending:#e3b341}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font-size:18px;line-height:1.3}#root{min-height:100dvh}h1,h2,h3{margin:0;line-height:1.15}p{margin:0 0 var(--gap)}a{color:var(--accent)}.page{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex}.page-header{grid-template-columns:var(--tap) 1fr auto;padding:calc(8px + env(safe-area-inset-top)) 8px 8px;background:var(--bg);z-index:5;align-items:center;gap:8px;display:grid;position:sticky;top:0}.page-title{text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:1.3rem;font-weight:800;overflow:hidden}.page-actions{justify-content:flex-end;gap:8px;display:flex}.page-body{gap:var(--gap);flex-direction:column;flex:1;width:100%;max-width:720px;margin:0 auto;padding:0 16px 24px;display:flex}.page-bleed .page-body{max-width:none;padding:0 0 24px}.stack{gap:var(--gap);flex-direction:column;display:flex}.row{gap:var(--gap);align-items:center;display:flex}.grow{flex:1}.muted{color:var(--muted)}.small{font-size:.9rem}.center{text-align:center}.hero{text-align:center;padding:32px 0 8px}.hero-title{letter-spacing:-.02em;font-size:2.4rem;font-weight:900}.hero-sub{color:var(--muted);margin-top:8px;font-size:1.1rem}.btn{appearance:none;border-radius:var(--radius);min-height:var(--tap);font:inherit;color:var(--fg);background:var(--surface);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:2px solid #0000;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:active{filter:brightness(.9);transform:scale(.99)}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-danger{background:var(--danger);color:var(--danger-fg)}.btn-win{background:var(--win);color:var(--win-fg);min-height:64px;font-size:1.4rem}.btn-ghost{color:var(--accent);background:0 0}.btn-outline{border-color:var(--border);background:0 0}.btn-icon{width:var(--tap);min-width:var(--tap);padding:0;font-size:2rem;line-height:1}.btn-auto{width:auto}.btn-big{min-height:72px;font-size:1.3rem}.btn-stack{gap:var(--gap);flex-direction:column;display:flex}.btn-sub{color:inherit;opacity:.8;font-size:.85rem;font-weight:500;display:block}.choices{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.choices-1{grid-template-columns:1fr}.choice{border:2px solid var(--border);background:var(--surface);text-align:left;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2px}.choice[aria-checked=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, var(--surface))}.field-label{margin-top:8px;font-size:1rem;font-weight:800}.input,.textarea{width:100%;min-height:var(--tap);font:inherit;color:var(--fg);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:12px 14px;font-size:1.1rem}.input:focus,.textarea:focus{outline:3px solid var(--accent);outline-offset:0;border-color:#0000}.textarea{resize:vertical;min-height:240px;line-height:1.5}.scoreboard{top:calc(var(--tap) + 16px + env(safe-area-inset-top));z-index:4;background:var(--bg);border-bottom:2px solid var(--border);scrollbar-width:none;gap:8px;padding:8px 16px 10px;display:flex;position:sticky;overflow-x:auto}.score{background:var(--surface);white-space:nowrap;border:2px solid #0000;border-radius:999px;flex:none;align-items:center;gap:8px;padding:8px 14px;font-weight:700;display:flex}.score-leader{background:var(--win);color:var(--win-fg)}.score-value{font-size:1.2rem;font-weight:900}.score-left:not(.score-leader){border-style:dashed;border-color:var(--border);background:0 0}.chip-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:12px 16px;display:grid}.chip{border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);min-height:84px;color:var(--fg);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;flex-direction:column;justify-content:space-between;gap:6px;padding:12px;font-size:1.05rem;font-weight:700;display:flex}.chip:active{transform:scale(.98)}.chip:focus-visible{outline:3px solid var(--accent)}.chip-claimed{background:var(--claimed);color:var(--claimed-fg);border-color:#0000;text-decoration:line-through;text-decoration-thickness:2px}.chip-claimer{color:var(--fg);background:var(--bg);border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:.9rem;font-weight:800;text-decoration:none}.bingo-strip{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.bingo-strip::-webkit-scrollbar{display:none}.bingo-slide{scroll-snap-align:center;scroll-snap-stop:always;gap:var(--gap);flex-direction:column;flex:0 0 100%;padding:12px 16px 16px;display:flex}.bingo-tabs{scrollbar-width:none;gap:8px;padding:8px 16px;display:flex;overflow-x:auto}.bingo-tab{border:2px solid var(--border);background:var(--surface);min-height:48px;color:var(--fg);font:inherit;cursor:pointer;border-radius:999px;flex:1 0 auto;padding:8px 16px;font-weight:700}.bingo-tab[aria-selected=true]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.bingo-card{grid-template-columns:repeat(5,1fr);gap:6px;width:100%;max-width:560px;margin:0 auto;display:grid}.cell{border:2px solid var(--border);background:var(--surface);min-height:3.8rem;color:var(--fg);font:inherit;text-align:center;cursor:pointer;touch-action:manipulation;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;border-radius:12px;justify-content:center;align-items:center;padding:6px 3px;font-size:clamp(.62rem,2.6vw,.95rem);font-weight:700;line-height:1.15;display:flex}.cell:focus-visible{outline:3px solid var(--accent)}.cell-marked{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.cell-free{background:var(--surface-2);letter-spacing:.05em;cursor:default;font-weight:900}.cell-win{background:var(--win);color:var(--win-fg);border-color:var(--win)}.pattern-note{text-align:center;color:var(--muted);font-weight:700}.board-note{margin:8px 16px 0}.break-anywhere{overflow-wrap:anywhere}.btn-flush{padding-left:0}.standings{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.standing{border-radius:var(--radius);background:var(--surface);grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:14px 16px;font-size:1.2rem;font-weight:700;display:grid}.standing-first{background:var(--win);color:var(--win-fg);font-size:1.4rem}.standing-rank{text-align:center;font-size:1.6rem;font-weight:900}.standing-score{font-weight:900}.sheet-backdrop{z-index:20;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:100%;max-width:560px;padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;flex-direction:column;gap:10px;max-height:85dvh;display:flex;overflow-y:auto}.sheet:focus{outline:none}.sheet-title{text-align:center;margin-bottom:6px;font-size:1.3rem;font-weight:800}.toast{left:16px;right:16px;bottom:calc(24px + env(safe-area-inset-bottom));background:var(--fg);max-width:480px;color:var(--bg);border-radius:var(--radius);text-align:center;z-index:30;margin:0 auto;padding:14px 18px;font-weight:700;position:fixed;box-shadow:0 6px 24px #0000004d}.toast-action{text-align:left;align-items:center;gap:10px;display:flex}.toast-action .btn-ghost{color:var(--bg)}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list-item{align-items:center;gap:8px;display:flex}.player-row{grid-template-columns:1fr var(--tap);gap:8px;display:grid}.switch{min-height:var(--tap);border-radius:var(--radius);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-weight:700;display:flex}.switch input{width:28px;height:28px;accent-color:var(--accent)}.notice{border-radius:var(--radius);background:var(--surface);color:var(--muted);padding:12px 16px;font-weight:600}.install-card{border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.install-card p{margin:0}.install-title{font-weight:700}.tip-line{text-align:center;color:var(--muted);margin:20px 0 0;font-size:.95rem}.tip-line a{color:var(--accent);font-weight:700}.chip-pending{border-style:dashed;border-color:var(--pending);background:color-mix(in srgb, var(--pending) 14%, var(--surface))}.chip-pending .chip-claimer{color:var(--pending)}.conn{color:var(--muted);align-items:center;gap:8px;padding:6px 16px;font-size:.9rem;font-weight:700;display:flex}.conn-dot{background:var(--border);border-radius:50%;width:12px;height:12px}.conn-open .conn-dot{background:var(--win)}.conn-connecting .conn-dot,.conn-reconnecting .conn-dot{background:var(--pending);animation:1s ease-in-out infinite alternate conn-pulse}.conn-reconnecting{background:color-mix(in srgb, var(--pending) 18%, var(--bg));color:var(--fg)}.conn-closed .conn-dot{background:var(--danger)}@keyframes conn-pulse{0%{opacity:.4}to{opacity:1}}.page-bleed .conn{padding-left:16px}.code-box{text-align:center;padding:8px 0 0}.code-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;font-weight:700}.code-big{letter-spacing:.25em;font-variant-numeric:tabular-nums;padding-left:.25em;font-size:4rem;font-weight:900;line-height:1.1}.code-input{text-align:center;letter-spacing:.3em;text-transform:uppercase;font-size:2rem;font-weight:800}.qr{background:#fff;border-radius:12px;padding:8px;display:inline-block}.qr img{display:block}.player-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.player-item{border-radius:var(--radius);background:var(--surface);align-items:center;gap:12px;min-height:48px;padding:6px 14px;font-weight:700;display:flex}.dot{border-radius:50%;flex:none;width:12px;height:12px}.dot-on{background:var(--win)}.dot-off{background:var(--border)}.tag{text-transform:uppercase;letter-spacing:.05em;background:var(--accent);color:var(--accent-fg);border-radius:999px;padding:3px 8px;font-size:.8rem;font-weight:800}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}