:root,:root[data-theme=dark]{--p-bg: #0a0a0a;--p-surface: #141414;--p-card: #1a1a1a;--p-border: #2a2a2a;--p-border-strong: #3a3a3a;--p-primary: #c75f2a;--p-primary-light: #e07830;--p-primary-dark: #a04a20;--p-primary-subtle: rgba(224, 120, 48, .12);--p-accent: #d4a035;--p-accent-light: #e8b94a;--p-accent-subtle: rgba(212, 160, 53, .12);--p-text: #e0e0e0;--p-text-secondary: #b0b0b0;--p-text-muted: #808080;--p-text-faint: #5a5a5a;--p-text-bright: #ffffff;--p-success: #2d8a4e;--p-success-subtle: rgba(45, 138, 78, .12);--p-warning: #c79a2a;--p-warning-subtle: rgba(199, 154, 42, .12);--p-error: #b83a3a;--p-error-subtle: rgba(184, 58, 58, .12);--p-info: #3a7ab8;--p-info-subtle: rgba(58, 122, 184, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(199, 95, 42, .3);--shadow-glow-accent: 0 0 20px rgba(212, 160, 53, .25)}:root[data-theme=light]{--p-bg: #ffffff;--p-surface: #f5f5f4;--p-card: #ffffff;--p-border: #e2e0dc;--p-border-strong: #c8c5bf;--p-primary: #b8541f;--p-primary-light: #d4662a;--p-primary-dark: #8e3f14;--p-primary-subtle: rgba(184, 84, 31, .08);--p-accent: #b8892a;--p-accent-light: #d4a035;--p-accent-subtle: rgba(184, 137, 42, .08);--p-text: #1c1917;--p-text-secondary: #44403c;--p-text-muted: #78716c;--p-text-faint: #a8a29e;--p-text-bright: #0c0a09;--p-success: #16753a;--p-success-subtle: rgba(22, 117, 58, .08);--p-warning: #a67c1a;--p-warning-subtle: rgba(166, 124, 26, .08);--p-error: #b83a3a;--p-error-subtle: rgba(184, 58, 58, .08);--p-info: #2563a8;--p-info-subtle: rgba(37, 99, 168, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(184, 84, 31, .15);--shadow-glow-accent: 0 0 20px rgba(184, 137, 42, .15)}:root{--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--rad-none: 0;--rad-sm: 4px;--rad-md: 8px;--rad-lg: 12px;--rad-xl: 16px;--rad-full: 9999px;--font-display: "Rajdhani", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;-webkit-text-size-adjust:100%}html,body{min-height:100vh;min-height:100dvh}body{font-family:var(--font-body);background:var(--p-bg);color:var(--p-text);line-height:1.5}h1,h2,h3{font-family:var(--font-display);color:var(--p-text-bright);letter-spacing:.04em}button{font-family:inherit;cursor:pointer}code,.mono{font-family:var(--font-mono)}.page{min-height:100vh;min-height:100dvh;max-width:560px;margin:0 auto;padding:var(--sp-lg) var(--sp-md);padding-bottom:calc(var(--sp-xl) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column}@supports (gap: 1px){.page{gap:var(--sp-md)}}@supports not (gap: 1px){.page>*+*{margin-top:var(--sp-md)}}.page-centred{align-items:center;justify-content:center;text-align:center}.page-header{display:flex;align-items:center;justify-content:space-between}.stack{display:flex;flex-direction:column}@supports (gap: 1px){.stack{gap:var(--sp-sm)}}@supports not (gap: 1px){.stack>*+*{margin-top:var(--sp-sm)}}.card{background:var(--p-card);border:1px solid var(--p-border);border-radius:var(--rad-lg);padding:var(--sp-md);box-shadow:var(--shadow-sm)}h1{font-size:1.7rem}h2{font-size:1.05rem;text-transform:uppercase;letter-spacing:.08em;color:var(--p-text-secondary)}.section-head{display:flex;align-items:center;justify-content:space-between}.hint{color:var(--p-text-muted);font-size:.85rem}.error-text{color:var(--p-error);font-size:.9rem}.link-muted{color:var(--p-text-muted);font-size:.85rem;text-decoration:none}.link-muted:hover{color:var(--p-text)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px var(--sp-md);border-radius:var(--rad-md);border:1px solid transparent;font-size:.95rem;font-weight:600;text-decoration:none;min-height:44px;transition:background-color .15s ease,border-color .15s ease}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--p-primary);color:#fff}.btn-primary:not(:disabled):hover{background:var(--p-primary-light)}.btn-secondary{background:var(--p-surface);color:var(--p-text);border-color:var(--p-border-strong)}.btn-ghost{background:transparent;color:var(--p-text-secondary);border-color:var(--p-border)}.btn-danger{background:transparent;color:var(--p-error);border-color:var(--p-error)}.btn-small{min-height:32px;padding:4px 10px;font-size:.8rem}.btn-large{width:100%;min-height:52px;font-size:1.05rem}.input{background:var(--p-surface);color:var(--p-text);border:1px solid var(--p-border-strong);border-radius:var(--rad-md);padding:12px var(--sp-md);font-size:1rem;min-height:44px;width:100%}.input:focus{outline:2px solid var(--p-primary);outline-offset:1px}.field-label{font-size:.85rem;color:var(--p-text-secondary);display:flex;justify-content:space-between;align-items:baseline}input[type=range]{width:100%;accent-color:var(--p-primary);min-height:32px}.theme-toggle{position:fixed;top:var(--sp-md);right:var(--sp-md);z-index:20;padding:var(--sp-sm) var(--sp-md);background:var(--p-surface);color:var(--p-text);border:1px solid var(--p-border);border-radius:var(--rad-md);font-size:.85rem}.chip-row{display:flex;flex-wrap:wrap}@supports (gap: 1px){.chip-row{gap:var(--sp-sm)}}@supports not (gap: 1px){.chip-row>*{margin-right:var(--sp-sm);margin-bottom:var(--sp-sm)}}.chip{padding:8px 14px;min-height:38px;border-radius:var(--rad-full);border:1px solid var(--p-border-strong);background:var(--p-surface);color:var(--p-text-secondary);font-size:.85rem;font-weight:500}.chip.is-active{background:var(--p-primary-subtle);border-color:var(--p-primary);color:var(--p-text-bright)}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}@supports (gap: 1px){.profile-grid{gap:var(--sp-sm)}}.profile-tile{display:flex;flex-direction:column;align-items:center;padding:var(--sp-sm);border-radius:var(--rad-md);border:1px solid var(--p-border);background:var(--p-surface);color:var(--p-text)}.profile-tile.is-selected{border-color:var(--p-primary);background:var(--p-primary-subtle);box-shadow:var(--shadow-glow)}.profile-tile.is-claimed{opacity:.55}.profile-name{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.avatar{width:44px;height:44px;border-radius:var(--rad-full);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-weight:700;font-size:1rem;margin-bottom:4px;flex-shrink:0}.avatar-small{width:30px;height:30px;font-size:.75rem;margin-bottom:0}.delete-mark{color:var(--p-error);font-size:.75rem;font-weight:600}.new-player-row{display:flex;flex-direction:column}@supports (gap: 1px){.new-player-row{gap:var(--sp-sm)}}.colour-row{display:flex;flex-wrap:wrap}@supports (gap: 1px){.colour-row{gap:var(--sp-sm)}}.colour-dot{width:34px;height:34px;border-radius:var(--rad-full);border:2px solid transparent}.colour-dot.is-active{border-color:var(--p-text-bright);box-shadow:var(--shadow-glow-accent)}.lobby-list{width:100%;max-width:420px}.lobby-row{display:flex;align-items:center;min-height:44px}@supports (gap: 1px){.lobby-row{gap:var(--sp-sm)}}.lobby-row .profile-name{flex:1;text-align:left}.status-tag{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:var(--rad-sm);background:var(--p-surface);border:1px solid var(--p-border-strong);color:var(--p-text-secondary)}.status-ok{color:var(--p-success);border-color:var(--p-success);background:var(--p-success-subtle)}.status-info{color:var(--p-info);border-color:var(--p-info);background:var(--p-info-subtle)}.status-warn{color:var(--p-warning);border-color:var(--p-warning);background:var(--p-warning-subtle)}.placing{width:28px;text-align:right;color:var(--p-text-muted)}.leader-stats{font-size:.78rem;color:var(--p-text-muted)}.roundel{width:110px;max-width:100%;height:auto;border-radius:var(--rad-full);box-shadow:var(--shadow-glow-accent)}.code-row{display:flex}@supports (gap: 1px){.code-row{gap:var(--sp-sm)}}.code-input{letter-spacing:.3em;text-transform:uppercase;text-align:center;max-width:180px}.home-links{align-items:center}.qr{width:220px;height:220px;border-radius:var(--rad-md);background:#fff;padding:var(--sp-sm)}.join-url{font-size:.8rem;color:var(--p-text-muted);word-break:break-all}.login-card{width:100%;max-width:340px}.score-strip{display:flex;overflow-x:auto;padding:var(--sp-sm)}@supports (gap: 1px){.score-strip{gap:var(--sp-sm)}}.score-cell{display:flex;flex-direction:column;align-items:center;background:transparent;border:none;color:var(--p-text);min-width:64px;position:relative}.score-name{font-size:.7rem;color:var(--p-text-muted);max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-value{font-size:1.1rem;font-weight:500}.offline-dot{position:absolute;top:0;right:8px;width:8px;height:8px;border-radius:var(--rad-full);background:var(--p-error)}.question-meta{display:flex;flex-wrap:wrap}@supports (gap: 1px){.question-meta{gap:var(--sp-sm)}}.question-text{font-size:1.15rem;font-weight:600;color:var(--p-text-bright)}.option-list{list-style:none}.option{padding:10px var(--sp-md);border:1px solid var(--p-border);border-radius:var(--rad-md);margin-bottom:var(--sp-sm);background:var(--p-surface)}.option.is-correct{border-color:var(--p-success);background:var(--p-success-subtle)}.admin-answer{color:var(--p-accent)}.buzz-banner{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--p-primary-light)}.result-correct{color:var(--p-success);font-weight:600}.result-wrong{color:var(--p-error);font-weight:600}.ruling-answer{font-size:1.2rem;font-weight:600;color:var(--p-text-bright)}.admin-controls{display:flex;flex-wrap:wrap}@supports (gap: 1px){.admin-controls{gap:var(--sp-sm)}}.admin-controls .btn{flex:1}.phase2-note{opacity:.7}.play-screen{justify-content:space-between}.play-top{display:flex;flex-direction:column;align-items:center;min-height:104px}@supports (gap: 1px){.play-top{gap:var(--sp-sm)}}.timer-ring{position:relative;width:96px;height:96px}.timer-seconds{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:500;color:var(--p-text-bright)}.timer-bar{width:100%;height:10px;border-radius:var(--rad-full);background:var(--p-border);overflow:hidden}.timer-bar-fill{height:100%;width:100%;transform-origin:left center;border-radius:var(--rad-full)}.turn-banner{border:2px solid var(--p-primary);border-radius:var(--rad-md);padding:var(--sp-sm) var(--sp-md);text-align:center;font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:.06em;color:var(--p-text-bright);background:var(--p-surface)}.turn-banner.is-mine{background:var(--p-primary-subtle);box-shadow:var(--shadow-glow)}.score-cell.is-active-turn{background:var(--p-primary-subtle);border:2px solid var(--p-primary);border-radius:var(--rad-md)}.pad-panel{border:1px solid var(--p-accent);border-radius:var(--rad-md);padding:var(--sp-md);background:var(--p-accent-subtle)}.play-question{flex:1;justify-content:center;text-align:center}.play-question .question-text{font-size:1.3rem}.turn-note{color:var(--p-text-muted);font-size:1rem}.ruling-wait{font-size:1rem}.answer-options{display:flex;flex-direction:column}@supports (gap: 1px){.answer-options{gap:var(--sp-sm)}}@supports not (gap: 1px){.answer-options>*+*{margin-top:var(--sp-sm)}}.option-btn{background:var(--p-surface);color:var(--p-text);border:1px solid var(--p-border-strong);min-height:52px;font-size:1rem}.option-btn.is-submitted{border-color:var(--p-primary);background:var(--p-primary-subtle)}.answer-freetext{display:flex;flex-direction:column}@supports (gap: 1px){.answer-freetext{gap:var(--sp-sm)}}.buzz-banner.big{font-size:1.6rem;text-align:center}.mode-banner{flex:1;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--p-primary-light);text-transform:uppercase;letter-spacing:.1em;text-align:center}.play-bottom{display:flex;flex-direction:column;align-items:center;padding-bottom:env(safe-area-inset-bottom,0px)}@supports (gap: 1px){.play-bottom{gap:var(--sp-md)}}.buzz-button{width:min(64vw,240px);height:min(64vw,240px);border-radius:var(--rad-full);border:4px solid var(--p-primary-dark);background:var(--p-primary);color:#fff;font-family:var(--font-display);font-size:2rem;font-weight:700;letter-spacing:.12em;box-shadow:var(--shadow-glow)}.buzz-button:active:not(:disabled){background:var(--p-primary-light);transform:scale(.97)}.buzz-button:disabled{background:var(--p-surface);color:var(--p-text-muted);border-color:var(--p-border-strong);box-shadow:none;font-size:1.2rem}.play-bottom .score-strip{width:100%}.score-cell.is-me .score-name{color:var(--p-text-bright);font-weight:700}.score-cell.is-me .score-value{color:var(--p-accent)}.score-cell.is-active-turn .avatar{outline:2px solid var(--p-primary);outline-offset:2px}.reveal-card{border-radius:var(--rad-lg);padding:var(--sp-lg);border:1px solid var(--p-border)}.reveal-card.is-correct{border-color:var(--p-success);background:var(--p-success-subtle)}.reveal-card.is-wrong{border-color:var(--p-error);background:var(--p-error-subtle)}.reveal-heading{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--p-text-bright)}.reveal-answer{color:var(--p-text-secondary)}.reveal-answer strong{color:var(--p-text-bright)}.reconnect-banner{position:fixed;top:0;right:0;left:0;z-index:40;background:var(--p-error);color:#fff;text-align:center;padding:var(--sp-sm);font-size:.85rem;font-weight:600}.pause-banner{background:var(--p-info)}.avatar-big{width:72px;height:72px;font-size:1.5rem}.podium{display:flex;align-items:flex-end;justify-content:center}@supports (gap: 1px){.podium{gap:var(--sp-md)}}.podium-spot{display:flex;flex-direction:column;align-items:center}.podium-step{width:72px;border-radius:var(--rad-md) var(--rad-md) 0 0;background:var(--p-surface);border:1px solid var(--p-border);border-bottom-width:0;display:flex;align-items:flex-start;justify-content:center;color:var(--p-text-muted);font-size:1.2rem;padding-top:var(--sp-sm)}.podium-1 .podium-step{height:96px;background:var(--p-primary-subtle);border-color:var(--p-primary);color:var(--p-primary-light)}.podium-2 .podium-step{height:64px}.podium-3 .podium-step{height:44px}.podium-score{font-size:1.1rem;color:var(--p-accent);margin-bottom:var(--sp-sm)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:var(--sp-md);z-index:50}.modal{width:100%;max-width:360px;box-shadow:var(--shadow-lg)}.modal-actions{display:flex;justify-content:flex-end}@supports (gap: 1px){.modal-actions{gap:var(--sp-sm)}}.modal-actions .btn{flex:1}