:root{--bg:#1e1f22;--surface:#2b2d31;--surface-raised:#313338;--border:#3f4147;--text:#f2f3f5;--text-muted:#b5bac1;--accent:#5865f2;--accent-hover:#4752c4;--accent-soft:#5865f22e;--danger:#f23f43;--danger-soft:#f23f4326;--success:#23a55a;--warning:#f0b232;--warning-soft:#f0b23226;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}h1,h2,h3,h4,p{margin:0}button,input{font:inherit}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;min-height:40px;padding:.4rem .9rem}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--surface-raised);border:1px solid var(--border)}button.secondary:hover:not(:disabled){background:var(--border)}button.link{min-height:auto;color:inherit;background:0 0;padding:0;text-decoration:underline}button:focus-visible,input:focus-visible,.file-button:focus-within{outline:2px solid var(--accent);outline-offset:2px}input{border:1px solid var(--border);background:var(--bg);min-width:0;min-height:40px;color:var(--text);border-radius:6px;padding:.4rem .7rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--text-muted);font-size:.9rem}.app{max-width:960px;margin:0 auto;padding:1rem .75rem 2rem}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-bottom:1rem;display:flex}.app-title{font-size:1.4rem}.volume-control{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.volume-control label{align-items:center;gap:.5rem;display:flex}.volume-control input[type=range]{width:8rem;accent-color:var(--accent);background:0 0;border:none;padding:0}.volume-value{min-width:3.2rem;color:var(--text-muted)}.notice{border-radius:var(--radius);background:var(--surface);justify-items:start;gap:.75rem;padding:1rem;display:grid}.lobby{gap:1rem;display:grid}.lobby-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;display:flex}.error-banner{border:1px solid var(--danger);border-radius:var(--radius);background:var(--danger-soft);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .9rem;display:flex}.panel{border-radius:var(--radius);background:var(--surface);gap:.75rem;padding:1rem;display:grid}.panel h3{font-size:1.05rem}.panel h4{font-size:.95rem}.moderator-name{font-size:1.15rem;font-weight:600}.player-list,.member-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.player-row{background:var(--surface-raised);border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.player-name{overflow-wrap:anywhere;align-items:center;gap:.4rem;display:inline-flex}.badge{background:var(--accent-soft);color:var(--text);border-radius:999px;padding:.05rem .45rem;font-size:.75rem;font-weight:600}.inline-form{flex-wrap:wrap;gap:.5rem;display:flex}.inline-form input{flex:10rem}.team-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:.75rem;display:grid}.team-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);align-content:start;gap:.6rem;padding:.8rem;display:grid}.team-card.mine{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.team-header{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.team-header h4{overflow-wrap:anywhere}.team-actions{flex-wrap:wrap;gap:.5rem;display:flex}button.danger{background:var(--danger)}button.danger:hover:not(:disabled){background:#c4282c}.badge.accent{background:var(--accent);color:#fff}.success-banner{border-radius:var(--radius);background:#23a55a26;border:1px solid #23a55a;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .9rem;display:flex}.error-banner>div{gap:.35rem;min-width:0;display:grid}.problem-list{overflow-wrap:anywhere;margin:0;padding-left:1.2rem;font-size:.9rem}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.panel-actions,.board-actions,.form-actions,.confirm-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.upload-form{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);gap:.6rem;padding:.8rem;display:grid}.field{gap:.25rem;font-size:.9rem;display:grid}.file-picker{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.file-name{overflow-wrap:anywhere}.selected-board{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;font-weight:600;display:flex}.confirm-box{border:1px solid var(--accent);background:var(--accent-soft);border-radius:6px;flex-basis:100%;gap:.5rem;padding:.6rem .8rem;display:grid}.warning{border-left:3px solid var(--danger);padding-left:.6rem}.board-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.board-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);gap:.5rem;padding:.6rem .8rem;display:grid}.board-row.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.board-info{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;display:flex}.board-title{overflow-wrap:anywhere;font-weight:600}.board-meta{flex-basis:100%}.file-button{border:1px solid var(--border);background:var(--surface-raised);cursor:pointer;border-radius:6px;align-items:center;min-height:40px;padding:.4rem .9rem;display:inline-flex}.file-button:hover{background:var(--border)}.file-button.disabled{opacity:.5;cursor:not-allowed}.status-bar{border:1px solid var(--warning);border-radius:var(--radius);background:var(--warning-soft);margin-bottom:1rem;padding:.6rem .9rem}.game .status-bar{margin-bottom:0}.reconnecting-bar{z-index:10;background:color-mix(in srgb, var(--warning) 22%, var(--bg));align-items:center;gap:.6rem;display:flex;position:sticky;top:.5rem;box-shadow:0 4px 16px #00000059}.spinner{border:2px solid var(--warning);border-right-color:#0000;border-radius:50%;flex:none;width:1rem;height:1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stale{opacity:.45;filter:grayscale(.6);transition:opacity .2s}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.start-panel{justify-items:start}button.start-button{min-height:48px;padding-inline:1.5rem;font-size:1.05rem;font-weight:600}button.success{background:var(--success)}button.success:hover:not(:disabled){background:#1a8a4a}.badge.muted-badge{background:var(--surface);color:var(--text-muted);font-weight:500}.badge.danger-badge{background:var(--danger-soft)}.badges{flex-wrap:wrap;gap:.35rem;display:flex}.badges:empty{display:none}.error-text{color:#ff8a8d}.game{gap:1rem;display:grid}.game-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;display:flex}.game-header h2{overflow-wrap:anywhere}.game-main{min-width:0;display:grid}.board-scroll{overflow-x:auto}.board-grid{grid-template-columns:repeat(var(--columns), minmax(5.5rem, 1fr));gap:.5rem;display:grid}.board-column{grid-auto-rows:minmax(3.25rem,auto);align-content:start;gap:.5rem;display:grid}.board-category{background:var(--surface-raised);text-align:center;overflow-wrap:anywhere;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;font-size:.9rem;font-weight:600;display:flex}button.board-cell{min-height:3.25rem;font-size:1.2rem;font-weight:700}button.board-cell:disabled{cursor:default}button.board-cell:disabled:not(.played){opacity:.85}button.board-cell.played{background:var(--surface-raised);border:1px dashed var(--border);color:var(--text-muted);opacity:.6;font-weight:500;text-decoration:line-through}button.board-cell.skipped{background:var(--surface-raised);border:1px solid var(--border);color:var(--text-muted);opacity:.6;font-weight:500}button.board-cell.played:hover:not(:disabled){background:var(--surface-raised);opacity:.85}.judgements{gap:.3rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.clue-panel{justify-items:start}.clue-heading{color:var(--text-muted)}.clue-question{overflow-wrap:anywhere;font-size:1.35rem;font-weight:600}.clue-media{gap:.5rem;width:100%;display:grid}.clue-media figure{gap:.3rem;margin:0;display:grid}.clue-image{object-fit:contain;border-radius:var(--radius);background:var(--bg);width:100%;height:min(50vh,420px);display:block}.original-image .clue-image{height:min(20vh,160px)}.clue-question.hidden-question{color:var(--text-muted);font-style:italic}.hidden-for-players{border:1px dashed var(--border);border-radius:6px;justify-items:start;gap:.4rem;width:100%;padding:.6rem .9rem;display:grid}.clue-answer,.solution{border:1px solid var(--success);background:#23a55a26;border-radius:6px;width:100%;padding:.6rem .9rem}.clue-answer{font-size:1.15rem;font-weight:600}.solution{border-style:dashed;gap:.2rem;display:grid}.solution-answer{overflow-wrap:anywhere;font-weight:700}.clue-timer{font-variant-numeric:tabular-nums;gap:.35rem;width:100%;max-width:28rem;font-size:1.25rem;font-weight:700;display:grid}.clue-timer p{margin:0}.timer-track{background:var(--surface-raised);border-radius:999px;height:.5rem;overflow:hidden}.timer-bar{border-radius:inherit;background:var(--accent);height:100%;transition:width 1s linear,background-color .3s}.clue-timer.stopped{color:var(--text-muted)}.clue-timer.stopped .timer-bar{background:var(--text-muted)}.clue-timer.urgent{color:var(--danger)}.clue-timer.urgent .timer-bar{background:var(--danger)}@media (prefers-reduced-motion:reduce){.timer-bar{transition:none}}.estimate-form{gap:.4rem;width:100%;max-width:22rem;display:grid}.estimate-form label{gap:.25rem;font-weight:600;display:grid}.my-estimate{font-weight:600}.estimate-results{gap:.4rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.estimate-results li{background:var(--surface-raised);border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:.4rem .75rem;padding:.5rem .8rem;display:flex}.estimate-results li.winner{box-shadow:inset 0 0 0 1px var(--success)}.estimate-results li.mine{font-weight:600}.clue-status.highlight{font-size:1.1rem;font-weight:600}button.buzzer{background:var(--danger);letter-spacing:.05em;border-radius:999px;justify-self:center;width:100%;max-width:22rem;min-height:5rem;font-size:1.6rem;font-weight:800}button.buzzer:hover:not(:disabled){background:#c4282c}.team-card.answering{border-color:var(--success);box-shadow:inset 0 0 0 1px var(--success)}.score{white-space:nowrap;font-weight:600}.request-list{border:1px solid var(--warning);background:var(--warning-soft);border-radius:6px;gap:.4rem;margin:0;padding:.5rem;list-style:none;display:grid}.request-row{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;display:flex}.claim-panel{border:1px solid var(--warning)}.end-panel{justify-items:start}.live-answers{border:1px dashed var(--border);border-radius:6px;gap:.4rem;width:100%;padding:.6rem .9rem;display:grid}.end-board{gap:.5rem;width:100%;margin-top:.5rem;display:grid}.winner{font-size:1.25rem;font-weight:700}.standings{gap:.4rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.standings li{background:var(--surface-raised);border-radius:6px;align-items:baseline;gap:.75rem;padding:.5rem .8rem;display:flex}.standings li.first{background:var(--warning-soft)}.standings li.first .rank{color:var(--warning)}.standings li.mine{box-shadow:inset 0 0 0 1px var(--accent)}.rank{min-width:1.75rem;font-weight:700}.standing-name{overflow-wrap:anywhere;flex:1}.standing-score{white-space:nowrap;font-weight:600}@media (width>=640px){.app{padding:1.5rem 1.5rem 3rem}.lobby{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start}.lobby-header,.lobby>.error-banner,.lobby>.start-panel,.lobby>.boards-panel{grid-column:1/-1}.lobby>.teams-panel{grid-area:span 2/2}}