: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;--brand-wordmark: #d9482c;--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}:root[data-theme=dark]{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;--brand-wordmark: #e8917b;--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;color:var(--brand-wordmark)}.brand .dot{color:var(--gold)}.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}button.alert.ghost{background:transparent;color:var(--alert);border-color:var(--alert)}button.alert.ghost:hover{background:var(--alert-soft)}.themeToggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;flex:0 0 auto;cursor:pointer;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;transition:color .15s ease,border-color .15s ease}.themeToggle:hover{color:var(--text);border-color:var(--accent)}.themeToggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.keepAwakeToggle.on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.installNudge{width:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:12px;font:800 .92rem/1 inherit;color:var(--accent-ink);background:var(--accent);border:1px solid var(--accent);box-shadow:0 12px 26px -14px var(--accent);transition:filter .15s ease,transform .05s ease}.installNudge:hover{filter:brightness(1.06)}.installNudge:active{transform:scale(.99)}.installNudge:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rejoinRow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}.rejoinLabel{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--faint)}.rejoinChip{display:inline-flex;align-items:center;border:1px solid var(--border-2);border-radius:999px;overflow:hidden;background:var(--surface-2)}.rejoinBtn{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--text);font-weight:700;letter-spacing:.05em;padding:5px 10px;cursor:pointer}.rejoinBtn:hover:not(:disabled){color:var(--accent)}.rejoinBtn:disabled{opacity:.5;cursor:default}.rejoinForget{border:0;background:transparent;color:var(--faint);padding:5px 8px;cursor:pointer;font-size:1rem;line-height:1}.rejoinForget:hover{color:var(--alert)}.iosInstall{width:100%}.iosInstall .installNudge{margin-top:0}.iosSteps{position:relative;margin-top:10px;padding:14px 16px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:12px;color:var(--text)}.iosTitle{margin:0 0 8px;font-weight:800;font-size:.9rem}.iosSteps ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--muted)}.iosSteps ol b{color:var(--text)}.iosClose{position:absolute;top:8px;right:8px;width:26px;height:26px;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:0;border-radius:999px;color:var(--faint);font-size:1.1rem;line-height:1}.iosClose:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}.legal{color:var(--faint);font-size:.72rem;text-align:center;margin:20px 0 6px;opacity:.85}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}.appbar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;padding:2px 2px 12px}.appbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--brand-wordmark),var(--gold) 55%,transparent);opacity:.55}.appbarEnd{display:flex;align-items:center;gap:10px}.homeBar{width:100%;max-width:560px;margin:0 auto}.homeTabs{display:inline-flex;gap:6px}.homeTabs button{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--eyebrow);background:transparent;border:1px solid var(--border);border-radius:999px;padding:6px 13px}.homeTabs button:hover{color:var(--text);border-color:var(--accent)}.homeTabs button.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.homeCard{width:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.homeBlock{display:flex;flex-direction:column;gap:10px}.homeBlock h1{font-size:1.2rem}.homeBlock h2{font-size:1rem;margin:0}.homeBlock label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.84rem;color:var(--muted)}.homeBlock .primary{width:100%;padding:13px 16px;font-size:1rem}.homeDivider{height:1px;background:var(--line);margin:2px 0}.homeHint{color:var(--muted);margin:0}.history{margin-top:2px;display:flex;flex-direction:column;gap:8px}.history h2{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--faint);margin:0}.historyList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.historyItem{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:10px 13px;transition:border-color .15s ease,background .15s ease,transform .05s ease}.historyItem:hover{border-color:var(--accent)}.historyItem:active{transform:scale(.99)}.historyItem:disabled{opacity:.5;cursor:default}.historyItem .label{font-weight:800;letter-spacing:.05em;font-variant-numeric:tabular-nums}.historyItem .meta{color:var(--faint);font-size:.8rem}.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:8px;align-items:stretch}.preSession small{color:var(--muted)}.customCodeInput{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--border-2);border-radius:12px;background:var(--surface);font:800 1rem/1 inherit;letter-spacing:.12em;text-transform:uppercase;text-align:center;font-variant-numeric:tabular-nums;color:inherit}.customCodeInput::placeholder{letter-spacing:normal;text-transform:none;font-weight:600;color:var(--faint)}.customCodeInput:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.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}}