:root{color-scheme:light;--bg: #f4efe4;--stage: #ece5d6;--surface: #fffefa;--surface-2: #f7f3ea;--text: #172033;--muted: #5b6672;--faint: #8c97a1;--accent: #126c63;--accent-ink: #ffffff;--accent-soft: #e8f6f3;--accent-soft-ink: #064a43;--eyebrow: #7c5b27;--gold: #c98a16;--gold-soft: #fbf0d6;--alert: #b4451f;--alert-soft: #fbe7df;--border: #d9d0bf;--border-2: #c8d1d9;--line: #e7dfd0;--correct-bg: #def7ec;--correct-border: #84e1bc;--correct-ink: #03543f;--incorrect-ink: #9b1c1c;--shadow: 0 18px 40px -22px rgb(23 32 51 / 45%);--radius: 16px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #0b0f14;--stage: #11161d;--surface: #1d242c;--surface-2: #161c23;--text: #edf3f1;--muted: #a9b6bf;--faint: #7f8c95;--accent: #28b09f;--accent-ink: #061110;--accent-soft: #123d39;--accent-soft-ink: #defaf5;--eyebrow: #d9b878;--gold: #e7b54e;--gold-soft: #2c2412;--alert: #f08a5d;--alert-soft: #3a1f15;--border: #394653;--border-2: #394653;--line: #28323c;--correct-bg: #123d39;--correct-border: #28b09f;--correct-ink: #c7f7ee;--incorrect-ink: #f3a3a3;--shadow: 0 18px 40px -20px rgb(0 0 0 / 70%)}}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}.shell{max-width:1280px;margin:0 auto;padding:16px 18px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}h1{font-size:1.2rem;margin:0}h2{font-size:1.02rem;margin:0 0 8px}.brand{font-weight:900;font-size:1.1rem;letter-spacing:-.01em}.brand .dot{color:var(--accent)}.eyebrow{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--eyebrow);margin:0}button{cursor:pointer;border-radius:12px;border:1px solid var(--border-2);background:var(--surface);font-weight:700;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .06s ease,background .15s ease}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button.alert{background:var(--alert);color:#fff;border-color:var(--alert)}button.ghost{background:transparent}input,textarea{background:var(--surface-2);border:1px solid var(--border-2);border-radius:12px;padding:11px 13px;font-size:1rem;color:var(--text);width:100%}textarea{resize:vertical;min-height:80px}:focus-visible{outline:3px solid var(--accent-soft);outline-offset:1px}.topbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.topbar .spacer{flex:1}.preSession{display:flex;flex-direction:column;gap:4px}.preSession small{color:var(--muted)}.codeChip{display:flex;flex-direction:column;gap:2px}.codeChip .k{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:800}.codeChip .v{font-size:1.5rem;font-weight:900;letter-spacing:.06em;font-variant-numeric:tabular-nums}.codeChip.token .v{font-size:.95rem;font-weight:700;color:var(--muted);cursor:pointer}.liveCount{display:flex;align-items:center;gap:7px;font-weight:800;color:var(--accent)}.liveCount span{font-size:1.3rem}.tabbar{display:inline-flex;border:1px solid var(--border-2);border-radius:999px;overflow:hidden;align-self:flex-start}.tabbar button{border:none;border-radius:0;background:var(--surface);color:var(--muted);font-weight:800;font-size:.86rem;padding:9px 16px;position:relative}.tabbar button.active{background:var(--accent);color:var(--accent-ink)}.tabbar .badge{position:absolute;top:4px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--alert)}.views{display:block}.view{display:none;flex-direction:column;gap:14px}.view.active{display:flex}@media(min-width:980px){.tabbar{display:none}.views{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.view{display:flex!important}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.sectionTitle{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--faint);font-weight:900;margin:0 0 8px}.mirror{background:var(--stage);border:1px solid var(--border);border-radius:12px;padding:16px;min-height:96px;display:flex;flex-direction:column;gap:8px}.mirror .now{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:800}.mirror .what{font-size:1.1rem;font-weight:800}.mirror .sub{color:var(--muted)}.modeGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modeCard{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:13px 14px;border:1px solid var(--border-2);border-radius:12px;background:var(--surface-2)}.modeCard .t{font-weight:800;display:inline-flex;gap:8px;align-items:center}.modeCard .d{color:var(--muted);font-size:.82rem;font-weight:500}.modeCard.showing{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-soft-ink)}.modeCard .badge{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:2px 8px;font-weight:800}.modeCard:disabled{opacity:.55}.disabledNote{color:var(--faint);font-size:.8rem;margin:8px 0 0}.controlStrip{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:520px){.controlStrip{grid-template-columns:2fr 1fr 1fr}}.spotMeta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:4px}.liveDot{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;border-radius:999px}.liveDot.live{background:var(--accent);color:var(--accent-ink)}.liveDot.paused{background:var(--gold-soft);color:var(--eyebrow)}.liveDot.revealed{background:var(--correct-bg);color:var(--correct-ink)}.dist{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.distRow{display:grid;grid-template-columns:1fr 90px 28px;gap:8px;align-items:center;font-size:.9rem}.distRow.correct .lab{font-weight:800;color:var(--correct-ink)}.distBar{height:9px;background:var(--surface-2);border-radius:999px;overflow:hidden}.distBar i{display:block;height:100%;background:var(--accent)}.distRow.correct .distBar i{background:var(--correct-border)}.heatStage{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border);margin-top:10px}.heatStage img{width:100%;display:block}.heatStage i{position:absolute;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);background:#126c638c}.heatStage b.answer{position:absolute;transform:translate(-50%,-50%);border:3px solid var(--gold);border-radius:50%;background:#c98a1640}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:520px){.tiles{grid-template-columns:repeat(4,1fr)}}.tile{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:2px}.tile .n{font-size:1.5rem;font-weight:900;font-variant-numeric:tabular-nums}.tile .l{font-size:.74rem;color:var(--faint);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.tile.alert{background:var(--alert-soft);border-color:var(--alert)}.tile.alert .n{color:var(--alert)}.tableWrap{overflow-x:auto}.classTable{width:100%;min-width:560px;border-collapse:collapse;font-size:.88rem}.classTable th{text-align:left;font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);padding:8px 10px;border-bottom:1px solid var(--line)}.classTable td{padding:9px 10px;border-bottom:1px solid var(--line)}.badgeCell{display:inline-block;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border-2);text-transform:capitalize}.badgeCell.active{color:var(--correct-ink);border-color:var(--correct-border);background:var(--correct-bg)}.badgeCell.away,.badgeCell.idle{color:var(--eyebrow);background:var(--gold-soft);border-color:var(--gold)}.badgeCell.disconnected{color:var(--alert);background:var(--alert-soft);border-color:var(--alert)}.handBtn{padding:4px 10px;font-size:.8rem}.handBtn:disabled{opacity:.35}.resp.correct{color:var(--correct-ink);font-weight:700}.resp.incorrect{color:var(--incorrect-ink);font-weight:700}.modal{position:fixed;inset:0;background:#080c108c;display:grid;place-items:center;padding:18px;z-index:20}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;width:min(560px,100%);max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:12px}.dialog .head{display:flex;align-items:center;justify-content:space-between}.rosterActions{display:flex;gap:8px;flex-wrap:wrap}.fileButton{display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid var(--border-2);border-radius:12px;background:var(--surface);font-weight:700;cursor:pointer}.fileButton input{display:none}.fileButton.disabled{opacity:.5;pointer-events:none}.codeGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.codeGrid article{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:4px}.codeGrid article strong{font-size:.92rem}.codeGrid article span{font-family:ui-monospace,monospace;font-size:1.05rem;letter-spacing:.08em;color:var(--accent)}.notice{color:var(--faint);font-size:.82rem;text-align:center;margin:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}