:root{color-scheme:light dark;--ink:#14263c;--muted:#53667c;--canvas:#f4f7fa;--paper:#fff;--line:#dbe4ed;--line-strong:#bfcedb;--field-line:#8397ab;--brand:#006c61;--brand-hover:#00564d;--brand-ink:#006c61;--on-brand:#fff;--brand-soft:#e3f4ee;--brand-soft-line:#c3e1d2;--ok-ink:#145b42;--blue:#274e82;--pill-bg:#e9eff6;--danger:#a12b37;--danger-soft:#fff1f3;--danger-line:#eac8ce;--danger-hover:#fae2e6;--danger-ink:#832330;--warn-bg:#fff7e8;--warn-line:#ead7b1;--warn-ink:#65490f;--amber-bg:#fff1d6;--amber-ink:#76520b;--surface-hover:#eef3f7;--surface-sunk:#f2f5f8;--empty-bg:#ffffff80;--topbar:rgba(255,255,255,.94);--focus:#276bc2;--focus-strong:#173d8c;--art-bg:#e6efe9;--art-line:#d3e3da;--art-cell:#f1f5f3;--ball-ring:#e4f2ed;--host-bg:#f8fbfe;--host-line:#b4cbdc;--history-bg:#f0f4f8;--history-ink:#596b7e;--history-called-bg:var(--brand);--history-called-ink:#fff;--win-bg:#e8f4ed;--win-line:#aed3bc;--win-heading:#1b6145;--win-ink:#27593f;--card-heading:var(--brand-ink);--cell-bg:#f8fafc;--cell-ink:var(--ink);--cell-line:#c9d6e4;--cell-marked-bg:var(--brand);--cell-marked-ink:#fff;--win-ring:#7a4a00;--win-ring-marked:#ffd466;--shadow:0 12px 42px rgba(21,40,59,.055);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,summary,textarea{touch-action:manipulation}a{color:var(--brand-ink);text-decoration-thickness:1px;text-underline-offset:3px}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:1px solid transparent;border-radius:12px;min-height:46px;cursor:pointer;background:var(--brand);color:var(--on-brand);font-weight:650;font-size:.94rem;text-decoration:none;transition:background .15s,transform .15s}button:hover:not(:disabled):not([aria-disabled=true]),.button:hover{background:var(--brand-hover)}button:disabled,button[aria-disabled=true]{opacity:.52;cursor:not-allowed}button.secondary,.button.secondary{background:var(--paper);color:var(--ink);border-color:var(--line)}button.secondary:hover:not(:disabled):not([aria-disabled=true]),.button.secondary:hover{background:var(--surface-hover)}button.danger{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-line)}button.danger:hover:not(:disabled):not([aria-disabled=true]){background:var(--danger-hover)}.text-button{padding:4px 8px;min-height:44px;color:var(--muted);background:transparent}.text-button:hover:not(:disabled):not([aria-disabled=true]){background:var(--surface-hover)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--field-line);border-radius:10px;color:var(--ink);background:var(--paper);min-height:46px}input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:var(--brand)}label{font-weight:600;display:block;margin-bottom:7px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.4rem,4.8vw,4rem);letter-spacing:-.055em;line-height:1.12;font-weight:750;margin-bottom:20px}h2{font-size:1.55rem;letter-spacing:-.025em;line-height:1.3;margin-bottom:14px}h3{font-size:1.13rem;line-height:1.4;margin-bottom:8px}p{margin-bottom:16px}.muted{color:var(--muted)}.small{font-size:.86rem}.eyebrow{text-transform:uppercase;font-size:.74rem;font-weight:750;letter-spacing:.17em;color:var(--brand-ink);margin-bottom:14px}.shell{max-width:1160px;margin:0 auto;padding:0 28px}.topbar{background:var(--topbar);border-bottom:1px solid var(--line)}.topbar .shell{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:1.35rem;font-weight:750;letter-spacing:-.04em}.brand-mark{background:var(--brand);color:var(--on-brand);width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-weight:700;font-size:1.1rem}.toplinks{display:flex;align-items:center;gap:20px;font-size:.88rem}.user-name{color:var(--muted)}main{padding-top:44px;padding-bottom:52px}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:55px;align-items:center;padding:32px 0 46px}.hero p{max-width:520px;font-size:1.07rem;color:var(--muted)}.hero-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:100px;font-size:.74rem;font-weight:700;letter-spacing:.015em;background:var(--pill-bg);color:var(--blue);white-space:nowrap}.pill.green{background:var(--brand-soft);color:var(--ok-ink)}.pill.amber{background:var(--amber-bg);color:var(--amber-ink)}.pill.red{background:var(--danger-soft);color:var(--danger)}.hero-art{background:var(--art-bg);border:1px solid var(--art-line);border-radius:28px;padding:34px;position:relative;overflow:hidden;min-height:280px;display:flex;align-items:center;justify-content:center}.mini-card{background:var(--paper);border-radius:16px;padding:18px;box-shadow:0 18px 44px rgba(20,54,42,.12);transform:rotate(-6deg);width:210px}.mini-row{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:5px}.mini-row span{aspect-ratio:1;display:grid;place-items:center;background:var(--art-cell);border-radius:5px;font-size:.8rem;font-weight:650}.mini-row.letters span{background:transparent;color:var(--brand-ink);font-size:.9rem}.mini-row span.selected{background:var(--brand);color:var(--on-brand)}.art-ball{width:106px;height:106px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:7px solid var(--paper);border-radius:50%;background:var(--brand);color:var(--on-brand);box-shadow:0 12px 20px #567b6133;z-index:1;margin-left:-28px;margin-top:120px}.art-ball small{font-weight:600;font-size:.8rem}.art-ball strong{font-size:2.35rem;line-height:1.15}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:10px 0 20px}.section-head h2,.section-head p{margin-bottom:3px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:var(--shadow)}.game-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.game-tile{padding:24px;display:flex;flex-direction:column}.game-tile h3{margin-top:18px}.game-tile .game-meta{margin:12px 0 20px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.83rem}.game-tile .button{margin-top:auto;width:100%}.empty-state{grid-column:1/-1;padding:38px;text-align:center;border:1px dashed var(--line-strong);border-radius:18px;background:var(--empty-bg)}.rules-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}.rules-strip h3{font-size:.9rem}.rules-strip p{font-size:.86rem;color:var(--muted);margin-bottom:0}.step-number{width:26px;height:26px;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);display:inline-grid;place-items:center;margin-right:6px;font-size:.78rem}.footer{border-top:1px solid var(--line);font-size:.79rem;color:var(--muted);padding:22px 0}.footer .shell{display:flex;justify-content:space-between;gap:15px}.notice{background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:12px;padding:14px 17px;color:var(--warn-ink);margin-bottom:20px}.notice.error{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger-ink)}.notice.success{background:var(--brand-soft);border-color:var(--brand-soft-line);color:var(--ok-ink)}.notice:empty{padding:0;margin:0;border:0}.notice[hidden],*[hidden]{display:none!important}.form-row{margin-bottom:18px}.form-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}details summary{cursor:pointer;font-weight:650;padding:8px 0}.host-create{margin-top:26px}.host-create form{padding-top:20px}.narrow{max-width:880px}.breadcrumb{display:inline-block;font-size:.88rem;margin-bottom:30px}.registration{display:grid;grid-template-columns:1fr .95fr;gap:26px;align-items:start}.registration h1{font-size:2.55rem}.detail-line{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;gap:14px;font-size:.94rem}.detail-line:last-child{border:0}.detail-line dt{color:var(--muted)}.detail-line dd{margin:0;text-align:right;font-weight:600}.registration .panel{padding:30px}.registration .button,.registration button[type=submit]{width:100%}.field-help{color:var(--muted);font-size:.81rem;margin-top:7px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.page-head h1{font-size:1.85rem;letter-spacing:-.035em;margin-bottom:6px}.game-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.call-panel{text-align:center;padding:28px 22px}.call-ball{width:166px;height:166px;border:10px solid var(--ball-ring);border-radius:50%;margin:20px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--brand);color:var(--on-brand);box-shadow:0 7px 22px rgba(0,80,65,.12)}.call-ball .letter{font-size:1.1rem;font-weight:650;line-height:1.2}.call-ball .number{font-size:4.1rem;font-weight:750;line-height:1.12;letter-spacing:-.055em}.call-status{font-size:.91rem;color:var(--muted);min-height:44px}.recent-calls{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:16px 0}.recent-ball{min-width:38px;padding:6px;border:1px solid var(--line);border-radius:8px;font-size:.83rem;font-weight:650;background:var(--surface-sunk)}.next-call{margin:18px 0}.next-call progress{width:100%;height:7px;accent-color:var(--brand);border:0}.checkline{display:flex;gap:10px;align-items:center;justify-content:center;font-size:.84rem;font-weight:500;margin:14px 0 0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.card-head h2{margin:0;font-size:1.22rem}.card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.column-heading{text-align:center;font-size:1.35rem;font-weight:750;padding:2px 0 9px;letter-spacing:.04em;color:var(--card-heading)}.cell{aspect-ratio:1.13;min-height:52px;border:1px solid var(--cell-line);border-radius:12px;background:var(--cell-bg);color:var(--cell-ink);font-size:clamp(1.1rem,3vw,1.8rem);font-weight:650;position:relative;cursor:default;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px;line-height:1.3}.cell.marked{background:var(--cell-marked-bg);border-color:var(--cell-marked-bg);color:var(--cell-marked-ink)}.cell.matched{border-color:var(--win-ring);box-shadow:inset 0 0 0 .25rem var(--win-ring)}.cell.marked.matched{border-color:var(--win-ring-marked);box-shadow:inset 0 0 0 .25rem var(--win-ring-marked)}.cell .win-mark{position:absolute;bottom:.2rem;left:.4rem;font-size:.72rem;line-height:1}.cell .check{position:absolute;top:2px;right:6px;font-size:.72rem}.cell.free{font-size:.8rem;letter-spacing:.05em}.card-foot{margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:14px}.card-foot p{font-size:.8rem;color:var(--muted);margin-bottom:0;max-width:300px}.bingo-button{min-width:130px;font-size:1rem;letter-spacing:.08em}.bottom-panels{display:grid;grid-template-columns:1fr;gap:20px;margin-top:24px}.history-grid{display:grid;grid-template-columns:repeat(15,1fr);gap:5px;margin-top:16px}.history-cell{aspect-ratio:1;border-radius:6px;background:var(--history-bg);display:grid;place-items:center;color:var(--history-ink);font-size:.75rem;line-height:1}.history-cell.called{background:var(--history-called-bg);color:var(--history-called-ink);font-weight:650}.history-labels{display:flex;gap:10px;font-size:.8rem;color:var(--muted);margin-top:12px}.roster{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.roster li{font-size:.8rem;background:var(--surface-sunk);border-radius:8px;padding:7px 9px;overflow-wrap:anywhere}.roster li.self{background:var(--brand-soft);color:var(--brand-ink)}.seat-label{font-size:.69rem;color:var(--muted);display:block}.host-controls{margin-top:24px;border:1px solid var(--host-line);background:var(--host-bg)}.host-controls .actions{margin-top:14px}.host-controls .host-note{font-size:.81rem;color:var(--muted);margin:12px 0 0}.announcement-form{display:flex;gap:10px;margin-top:18px}.announcement-form input{flex:1;min-width:0}.statusbar{display:flex;gap:10px;align-items:center;font-size:.83rem}.connection-dot{display:inline-block;width:7px;height:7px;background:#8191a2;border-radius:50%;margin-right:5px}.connection-dot.connected{background:var(--brand-ink)}.winner-banner{background:var(--win-bg);border:1px solid var(--win-line);border-radius:18px;padding:22px 26px;margin-bottom:24px}.winner-banner h2{margin-bottom:6px;color:var(--win-heading)}.winner-banner p{margin:0;color:var(--win-ink)}.skip-link{position:fixed;left:15px;top:-80px;z-index:99;padding:10px 18px;background:var(--paper)}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{border:1px solid var(--line);border-radius:18px;padding:28px;max-width:460px;width:calc(100% - 30px);color:var(--ink);background:var(--paper)}dialog::backdrop{background:#12243b66}dialog h2{font-size:1.3rem}dialog .actions{margin-top:20px}.reconnect-action{font-size:.8rem;padding:.3rem .75rem;min-height:2.75rem}
/* Dark scheme: surfaces above read these tokens, so this block re-themes every core page. */
@media(prefers-color-scheme:dark){:root{--ink:#e6edf5;--muted:#a9b8c8;--canvas:#0f1720;--paper:#17212c;--line:#2e3d4d;--line-strong:#4a5d72;--field-line:#7d93aa;--brand-ink:#5fd4c3;--brand-soft:#12352f;--brand-soft-line:#2f6b58;--ok-ink:#9be8c9;--blue:#a8c7f0;--pill-bg:#1f2e40;--danger:#ff9aa5;--danger-soft:#3a1c21;--danger-line:#6b3540;--danger-hover:#4a232a;--danger-ink:#ffc7cf;--warn-bg:#342a12;--warn-line:#6b5a2a;--warn-ink:#f3dca0;--amber-bg:#3a2f14;--amber-ink:#f3cf7a;--surface-hover:#223040;--surface-sunk:#1c2733;--empty-bg:#17212c80;--topbar:rgba(23,33,44,.94);--focus:#7fb2ff;--focus-strong:#9cc3ff;--art-bg:#15302a;--art-line:#2a4a40;--art-cell:#1f2c38;--ball-ring:#1d3a35;--host-bg:#152230;--host-line:#3a5268;--history-bg:#1c2733;--history-ink:#a3b3c4;--history-called-bg:#4fd1bf;--history-called-ink:#06201c;--win-bg:#12352f;--win-line:#2f6b58;--win-heading:#bdf0d8;--win-ink:#a9e3c9;--cell-bg:#1c2733;--cell-line:#3a4b5d;--cell-marked-bg:#4fd1bf;--cell-marked-ink:#06201c;--win-ring:#ffd466;--win-ring-marked:#3a2600;--shadow:0 12px 42px rgba(0,0,0,.35)}}
@media(max-width:950px){.hero{gap:28px}.game-list{grid-template-columns:repeat(2,minmax(0,1fr))}.game-layout{grid-template-columns:250px minmax(0,1fr)}.roster{grid-template-columns:repeat(3,minmax(0,1fr))}.call-ball{width:145px;height:145px}.cell{border-radius:9px}}
@media(max-width:700px){.shell{padding:0 18px}.topbar .shell{min-height:70px}.toplinks{gap:12px}.user-name{display:none}main{padding-top:26px}.hero{grid-template-columns:1fr;padding:12px 0 30px;gap:24px}.hero h1{font-size:2.85rem}.hero-art{display:none}.hero p{font-size:1rem}.game-list{grid-template-columns:1fr}.section-head{align-items:flex-start}.rules-strip{grid-template-columns:1fr;gap:20px}.registration{grid-template-columns:1fr}.registration .panel{padding:24px}.registration h1{font-size:2.1rem}.form-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column;gap:8px}.page-head h1{font-size:1.6rem}.game-layout{grid-template-columns:1fr}.call-panel{display:grid;grid-template-columns:1fr 1fr;padding:20px;gap:0 10px;text-align:left}.call-panel .eyebrow{margin:0;align-self:end}.call-ball{width:103px;height:103px;border-width:6px;margin:4px auto;grid-column:2;grid-row:1/4}.call-ball .number{font-size:2.8rem}.call-ball .letter{font-size:.9rem}.call-status{font-size:.82rem;margin:7px 0;min-height:0}.recent-calls{justify-content:flex-start;margin:7px 0}.recent-ball{min-width:30px;font-size:.73rem}.next-call{margin:9px 0;grid-column:1/-1}.checkline{justify-content:flex-start;margin:5px 0 0;grid-column:1/-1}.card-panel{padding:20px}.card-grid{gap:7px}.column-heading{font-size:1.14rem}.cell{aspect-ratio:1.07;font-size:1.45rem}.card-foot{align-items:flex-start}.card-foot p{font-size:.73rem}.bingo-button{min-width:103px;padding:12px}.history-grid{gap:.125rem}.history-cell{font-size:.75rem;border-radius:.25rem}.roster{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:20px}.announcement-form{flex-direction:column}.footer .shell{flex-direction:column;gap:5px}.statusbar{flex-wrap:wrap}.host-controls button{flex:1;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}