:root{--bg: #14110d;--desk: #1f1a14;--panel: #2a241c;--panel-hi: #352d23;--seam: #3e3529;--text: #efe4cc;--text-muted: #b3a68b;--amber: #ffb547;--amber-ink: #241805;--onair: #ff3b2f;--signal: #5fd38d;--danger: #e2574c;--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-legend: "Oswald", "Arial Narrow", sans-serif;--font-body: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--ease-out: cubic-bezier(.16, 1, .3, 1);color-scheme:dark}::selection{background:var(--amber);color:var(--amber-ink)}*{scrollbar-color:var(--seam) transparent}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#app{min-height:100%;height:100dvh}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.page-message{display:grid;place-items:center;height:100%;margin:0;font-family:var(--font-display);font-size:1.4rem;color:var(--text-muted)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.stage-host{position:relative;overflow:hidden;background:#000;touch-action:pan-y;-webkit-user-select:none;user-select:none}.stage{position:absolute;left:50%;top:50%;transform-origin:center center;overflow:hidden;background:var(--theme-bg);color:var(--theme-fg);font-family:var(--font-body);font-size:40px;line-height:1.25}.stage-enter{animation:stage-in .26s ease-out}@keyframes stage-in{0%{opacity:0}}.el{position:absolute;display:flex;overflow:hidden}.el[hidden]{display:none}.el.enter{animation:fragment-in .38s cubic-bezier(.2,.8,.2,1)}@keyframes fragment-in{0%{opacity:0;transform:translateY(24px)}}.el-text{flex-direction:column;justify-content:flex-start}.el-text[data-valign=middle]{justify-content:center}.el-text[data-valign=bottom]{justify-content:flex-end}.el-text-inner{white-space:pre-wrap;overflow-wrap:anywhere}[data-font=display]{font-family:var(--font-display);font-weight:var(--heading-weight, inherit);letter-spacing:var(--heading-tracking, -.02em);text-transform:var(--heading-transform, none)}[data-font=mono]{font-family:var(--font-mono);letter-spacing:.08em}.el-image img{width:100%;height:100%}.el.card{background:var(--card-bg, var(--theme-surface, color-mix(in srgb, var(--theme-fg) 8%, var(--theme-bg))));border:var(--card-border, 1px solid color-mix(in srgb, var(--theme-fg) 10%, transparent));border-radius:var(--card-radius, 28px);box-shadow:var(--card-shadow, 0 28px 56px -28px rgb(0 0 0 / .7));padding:var(--card-padding, 40px)}.el-mark{font-family:var(--font-accent, inherit);background-image:linear-gradient(transparent 58%,color-mix(in srgb,var(--theme-accent) 55%,transparent) 58%,color-mix(in srgb,var(--theme-accent) 55%,transparent) 92%,transparent 92%);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .08em}.el-icon{align-items:center;justify-content:center}.el-icon svg{width:100%;height:100%;overflow:visible}.el-chart svg,.el-decor svg{width:100%;height:100%;overflow:visible}.el-decor{pointer-events:none}.chart text{font-family:var(--font-body);font-variant-numeric:tabular-nums}.chart .chart-value,.chart .chart-total{fill:var(--theme-fg);font-weight:700}.chart .chart-total{font-family:var(--font-display)}.chart .chart-label{fill:var(--theme-muted)}.chart .chart-axis{stroke:color-mix(in srgb,var(--theme-fg) 28%,transparent)}.chart .chart-track{stroke:color-mix(in srgb,var(--theme-fg) 10%,transparent)}.stage-bg,.stage-bg>*{position:absolute;inset:0;pointer-events:none}.stage-bg-art{background-image:var(--bg-art)}.stage-bg-gradient{background-image:var(--bg-gradient)}.stage-bg-image{width:100%;height:100%;object-fit:cover}.stage-bg-dim{background:#000}.stage-bg-pattern[data-pattern=dots]{background-image:radial-gradient(color-mix(in srgb,var(--theme-fg) 16%,transparent) 2.5px,transparent 3px);background-size:40px 40px}.stage-bg-pattern[data-pattern=grid]{background-image:linear-gradient(color-mix(in srgb,var(--theme-fg) 9%,transparent) 2px,transparent 2px),linear-gradient(90deg,color-mix(in srgb,var(--theme-fg) 9%,transparent) 2px,transparent 2px);background-size:80px 80px}.stage-bg-pattern[data-pattern=lines]{background-image:repeating-linear-gradient(135deg,color-mix(in srgb,var(--theme-fg) 8%,transparent) 0 2px,transparent 2px 28px)}.stage-bg-pattern[data-pattern=noise]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.24 0 0 0 0 0.16 0 0 0 0 0.08 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:240px 240px;opacity:.45;mix-blend-mode:multiply}.el-qr{flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px;border-radius:32px;color:var(--theme-bg);background:var(--theme-fg)}.qr-code{flex:1;width:100%;min-height:0;display:grid;place-items:center}.qr-code svg{width:auto;height:100%;max-width:100%;aspect-ratio:1}.qr-code.qr-placeholder{flex:1;width:auto;max-width:100%;aspect-ratio:1;border:6px dashed currentColor;border-radius:24px;opacity:.35}.qr-caption{font-family:var(--font-mono);font-weight:700;font-size:34px;text-align:center;overflow-wrap:anywhere}.quiz{position:absolute;inset:90px 120px;display:flex;flex-direction:column;gap:56px}.quiz-question{margin:0;font-family:var(--font-display);font-size:68px;font-weight:var(--heading-weight, bold);line-height:1.08;letter-spacing:var(--heading-tracking, -.02em);text-transform:var(--heading-transform, none)}.quiz-options{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:28px;flex:1;align-content:start}.quiz-option{position:relative;display:flex;align-items:center;gap:28px;min-height:150px;padding:24px 36px;border-radius:28px;background:color-mix(in srgb,var(--theme-fg) 8%,transparent);border:4px solid color-mix(in srgb,var(--theme-fg) 14%,transparent);overflow:hidden;font-size:44px;font-weight:600}.quiz-key{position:relative;flex:none;display:grid;place-items:center;width:80px;height:80px;border-radius:20px;background:var(--theme-accent);color:var(--theme-on-accent, var(--theme-bg));font-family:var(--font-mono);font-weight:700}.quiz-label{position:relative;flex:1}.quiz-count{position:relative;font-family:var(--font-mono);font-weight:700;color:var(--theme-muted)}.quiz-bar{position:absolute;inset:0;transform:scaleX(var(--share, 0));transform-origin:left center;background:color-mix(in srgb,var(--theme-accent) 26%,transparent);transition:transform .4s cubic-bezier(.16,1,.3,1)}.quiz-option.is-correct{border-color:var(--signal);background:color-mix(in srgb,var(--signal) 18%,transparent)}.quiz-option.is-wrong{opacity:.45}.quiz-option.is-mine{outline:6px solid var(--theme-fg);outline-offset:4px}.preview{position:relative;height:100dvh;display:grid}.preview .stage-host{height:100%}.preview-counter{position:absolute;right:16px;bottom:calc(12px + var(--safe-bottom));padding:4px 10px;border-radius:999px;background:#0000008c;color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem;pointer-events:none}.stage-layer{position:absolute;inset:0;transform-origin:0 0}.stage-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden}.fx-animate .stage-layer{transition:transform .65s cubic-bezier(.16,1,.3,1)}.fx-focus{position:absolute;border-radius:28px;box-shadow:0 0 0 4000px #060503d6;outline:4px solid rgb(255 181 71 / .85);outline-offset:6px}.fx-animate .fx-focus{transition:left .45s cubic-bezier(.16,1,.3,1),top .45s cubic-bezier(.16,1,.3,1),width .45s cubic-bezier(.16,1,.3,1),height .45s cubic-bezier(.16,1,.3,1)}.fx-focus-enter{animation:focus-in .42s ease-out}@keyframes focus-in{0%{box-shadow:0 0 0 4000px #06050300;outline-color:transparent}}.fx-laser{position:absolute;left:-22px;top:-22px;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle,#fff3ef 0 18%,#ff3b2f 34%,#ff3b2f8c 58%,#ff3b2f00 72%);box-shadow:0 0 22px 8px #ff3b2f73;transition:transform 80ms linear;will-change:transform}.fx-laser.is-fresh{transition:none}@media(prefers-reduced-motion:reduce){.fx-laser{transition:none}}.fx-ripple{position:absolute;width:0;height:0}.fx-ripple span{position:absolute;left:-60px;top:-60px;width:120px;height:120px;border-radius:50%;border:10px solid #ffb547;box-shadow:0 0 0 4px #14110d8c,inset 0 0 0 4px #14110d8c;opacity:0;animation:ripple 1.1s cubic-bezier(.2,.7,.2,1) forwards}.fx-ripple span:nth-child(2){animation-delay:.16s}.fx-ripple span:nth-child(3){animation-delay:.32s}.fx-ripple:before{content:"";position:absolute;left:-18px;top:-18px;width:36px;height:36px;border-radius:50%;background:#ffb547;box-shadow:0 0 0 6px #14110d80;animation:ripple-dot 1.3s ease-out forwards}@keyframes ripple{0%{transform:scale(.2);opacity:1}to{transform:scale(2.6);opacity:0}}@keyframes ripple-dot{0%,70%{opacity:1}to{opacity:0;transform:scale(.6)}}@media(prefers-reduced-motion:reduce){.fx-ripple span{display:none}}@media(prefers-reduced-motion:reduce){.fx-ripple:before{animation:none}}.quiz-status{margin:0;font-family:var(--font-body);font-variant-numeric:tabular-nums;font-size:30px;color:var(--theme-muted)}.quiz-option.is-leading .quiz-count{color:var(--theme-fg)}.quiz-option.is-answer{border-style:dashed;border-color:color-mix(in srgb,var(--signal) 70%,transparent)}.quiz-option.is-correct .quiz-key{background:var(--signal)}.quiz-option{transition:opacity .4s ease,border-color .4s ease,background .4s ease}.preview-present{position:absolute;top:calc(12px + var(--safe-top));right:16px}.preview-note{position:absolute;left:16px;bottom:calc(12px + var(--safe-bottom));margin:0;padding:4px 10px;border-radius:6px;background:#0000008c;color:var(--text-muted);font-size:.8rem}.quiz-rank{display:none;position:relative;min-width:70px;font-family:var(--font-display);font-size:46px;font-weight:800;color:var(--theme-muted);font-variant-numeric:tabular-nums}.quiz[data-view=ranking] .quiz-options{grid-template-columns:1fr;gap:14px}.quiz[data-view=ranking] .quiz-option{min-height:0;padding:14px 32px}.quiz[data-view=ranking] .quiz-rank{display:block}.quiz[data-view=ranking][data-option-count="5"] .quiz-option,.quiz[data-view=ranking][data-option-count="6"] .quiz-option{padding-block:8px;font-size:38px}.quiz-option.is-first{border-color:var(--theme-accent);background:color-mix(in srgb,var(--theme-accent) 22%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-accent) 35%,transparent),0 18px 40px -18px color-mix(in srgb,var(--theme-accent) 80%,transparent)}.quiz-option.is-first .quiz-rank,.quiz-option.is-first .quiz-count{color:var(--theme-accent)}.quiz-option.is-first .quiz-bar{background:color-mix(in srgb,var(--theme-accent) 45%,transparent)}.quiz-option.is-correct.is-first{border-color:var(--signal);box-shadow:0 0 0 4px color-mix(in srgb,var(--signal) 40%,transparent)}.quiz[data-layout=zones]{inset:0;display:block;pointer-events:none}.quiz-zone{position:absolute;border-radius:18px;overflow:hidden;pointer-events:auto;cursor:pointer;transition:background .4s ease,box-shadow .4s ease,outline-color .4s ease}.quiz-zone>*{pointer-events:none}.quiz-zone .quiz-bar{background:color-mix(in srgb,var(--theme-accent) 38%,transparent)}.quiz-zone .quiz-count,.quiz-zone .quiz-rank{position:absolute;top:12px;display:block;min-width:0;padding:4px 16px;border-radius:999px;background:#0c0c0edb;color:#fff;font-family:var(--font-mono);font-size:36px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.quiz-zone .quiz-count{right:12px}.quiz-zone .quiz-rank{left:12px}.quiz-zone .quiz-count:empty,.quiz-zone .quiz-rank:empty{display:none}.quiz-zone.is-first{box-shadow:inset 0 0 0 6px var(--theme-accent)}.quiz-zone.is-first .quiz-bar{background:color-mix(in srgb,var(--theme-accent) 50%,transparent)}.quiz-zone.is-first .quiz-rank{background:var(--theme-accent);color:var(--theme-on-accent, #111)}.quiz-zone.is-mine{outline:6px solid #fff;outline-offset:4px;box-shadow:0 0 0 14px #00000073}.quiz-zone.is-first.is-mine{box-shadow:inset 0 0 0 6px var(--theme-accent),0 0 0 14px #00000073}.quiz-zone.is-answer{box-shadow:inset 0 0 0 6px color-mix(in srgb,var(--signal) 80%,transparent)}.quiz-zone.is-correct{background:color-mix(in srgb,var(--signal) 30%,transparent);box-shadow:inset 0 0 0 8px var(--signal),0 0 0 4px #00000080}.quiz-zone.is-correct .quiz-rank,.quiz-zone.is-correct .quiz-count{background:var(--signal);color:#0b0b0b}.quiz-zone.is-wrong{background:#00000080}.quiz-zone.is-wrong .quiz-bar{opacity:.5}.quiz[data-layout=zones] .quiz-status{position:absolute;left:50%;bottom:28px;transform:translate(-50%);padding:8px 24px;border-radius:999px;background:#0c0c0ed1;color:#fff;font-size:28px;white-space:nowrap}.quiz[data-layout=zones] .quiz-status:empty{display:none}.quiz-zone.has-guide{outline:4px dashed #fff;outline-offset:-4px;box-shadow:inset 0 0 0 8px #00000073}.quiz-zone-key{position:absolute;left:-18px;top:-18px;display:grid;place-items:center;width:56px;height:56px;border-radius:20px;background:#0c0c0edb;color:#fff;font-family:var(--font-mono);font-size:48px;font-weight:700}@media(prefers-reduced-motion:reduce){.quiz-zone,.quiz-zone .quiz-bar{transition:none}}.quiz-zone.has-guide{overflow:visible}.legend{font-family:var(--font-legend);font-weight:500;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.spacer{flex:1}.icon{width:20px;height:20px;flex:none}.lamp{--lamp: #4a3f31;display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:6px;border:1px solid var(--seam);background:#0f0c09;color:var(--text-muted);font-family:var(--font-legend);font-weight:600;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:color .4s var(--ease-out),box-shadow .6s var(--ease-out),border-color .4s}.lamp:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--lamp);transition:background .4s,box-shadow .6s var(--ease-out)}.lamp[data-state=on]{--lamp: var(--onair);color:#ffd9d4;border-color:color-mix(in srgb,var(--onair) 55%,var(--seam));box-shadow:0 0 22px -4px color-mix(in srgb,var(--onair) 70%,transparent);animation:lamp-warm .9s var(--ease-out)}.lamp[data-state=on]:before{box-shadow:0 0 10px 2px color-mix(in srgb,var(--onair) 80%,transparent)}.lamp[data-state=standby]{--lamp: var(--amber);color:var(--text)}@keyframes lamp-warm{0%{box-shadow:0 0 0 0 transparent;filter:brightness(.6)}40%{filter:brightness(1.35)}}.key{--key-bg: linear-gradient(180deg, var(--panel-hi), var(--panel));--key-fg: var(--text);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border:1px solid var(--seam);border-radius:10px;background:var(--key-bg);color:var(--key-fg);font-family:var(--font-legend);font-weight:500;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:0 2px #0a0806,0 4px 10px -4px #0009,inset 0 1px #ffffff12;transition:transform 80ms,box-shadow 80ms,filter .15s;-webkit-user-select:none;user-select:none;touch-action:manipulation}.key:hover:not(:disabled){filter:brightness(1.12)}.key:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 #0a0806,inset 0 2px 6px #00000080}.key:disabled{cursor:not-allowed;opacity:.42}.key[hidden]{display:none}.key-primary{--key-bg: linear-gradient(180deg, #ffc76d, var(--amber));--key-fg: var(--amber-ink);border-color:#c98a2a;font-weight:600}.key-onair{--key-bg: linear-gradient(180deg, #ff5a4f, var(--onair));--key-fg: #fff6f4;border-color:#b8241b;font-weight:600}.key-danger{--key-fg: #ffb3ab;border-color:color-mix(in srgb,var(--danger) 50%,var(--seam))}.key-ghost{--key-bg: transparent;box-shadow:none;color:var(--text-muted)}.key-icon{width:48px;padding:0}.key-icon .icon{width:22px;height:22px}.switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:14px;background:#0f0c09;border:1px solid var(--seam)}.key-switch[aria-pressed=true]{--key-bg: linear-gradient(180deg, #ffc76d, var(--amber));--key-fg: var(--amber-ink);border-color:#c98a2a}.key-switch[data-mode=live][aria-pressed=true]{--key-bg: linear-gradient(180deg, #ff5a4f, var(--onair));--key-fg: #fff6f4;border-color:#b8241b}.key-switch[aria-pressed=false]{--key-bg: transparent;box-shadow:none;color:var(--text-muted)}input,select{width:100%;min-height:52px;padding:0 16px;border-radius:10px;border:1px solid var(--seam);background:#0f0c09;color:var(--text);font:500 1.1rem var(--font-body);caret-color:var(--amber);box-shadow:inset 0 2px 4px #00000080}input::placeholder{color:#7d715b}input:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:1px}.form-error{margin:0;min-height:1.3em;color:#ffb3ab;font-size:.92rem}.field{display:grid;gap:8px}.field-hint,.join-hint{margin:0;color:var(--text-muted);font-size:.9rem}.join,.home,.aud-closed{min-height:100dvh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;max-width:460px;margin:0 auto;padding:calc(32px + var(--safe-top)) 20px calc(32px + var(--safe-bottom))}.join-title,.home-title,.aud-closed h1{margin:0;font-family:var(--font-display);font-size:clamp(2rem,8vw,2.8rem);font-weight:800;line-height:1.02;letter-spacing:-.03em;text-wrap:balance}.aud-closed p,.home-lead{margin:0;color:var(--text-muted);font-size:1.05rem;line-height:1.5}.join-form,.home-form{display:grid;gap:14px;width:100%;margin-top:8px}.home-links{display:grid;gap:6px;margin:0;width:100%}.home-links dd{margin:0 0 12px}.home-links code{display:block;padding:12px;border-radius:8px;background:#0f0c09;border:1px solid var(--seam);font-family:var(--font-mono);font-size:.85rem;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.aud{display:grid;grid-template-rows:auto auto auto 1fr;height:100dvh;background:var(--desk)}.aud-bar{display:flex;align-items:center;gap:10px;padding:calc(8px + var(--safe-top)) 12px 8px 16px;background:var(--bg);border-bottom:1px solid var(--seam)}.aud-title{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aud-count{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.aud-count:before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--signal);vertical-align:1px}.aud-stage{position:relative;aspect-ratio:16 / 9;background:#000}.aud-stage-host{position:absolute;inset:0}.aud-notice:empty{display:none}.aud-notice{position:absolute;left:50%;bottom:10px;transform:translate(-50%);padding:6px 12px;border-radius:6px;background:#0f0c09d9;border:1px solid var(--seam);font-family:var(--font-legend);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;white-space:nowrap}.aud-controls{display:grid;gap:10px;padding:12px 16px;background:var(--desk);border-bottom:1px solid var(--seam)}.aud-explore-nav{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:8px}.aud[data-mode=live] .aud-explore-nav{display:none}.aud-pos{text-align:center;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-muted)}.aud-panel{overflow:auto;padding:16px 16px calc(16px + var(--safe-bottom))}.aud-banner{margin:0 0 12px;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--amber) 14%,var(--panel));border:1px solid color-mix(in srgb,var(--amber) 40%,var(--seam))}.aud-who{margin:0;color:var(--text-muted);font-size:.9rem}[hidden]{display:none!important}.aud-waiting{grid-row:2 / -1;display:flex;flex-direction:column;gap:16px;padding:24px 16px calc(24px + var(--safe-bottom));overflow:auto}.aud-waiting-title{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,7vw,2.6rem);line-height:1.04;letter-spacing:-.03em;text-wrap:balance}.aud-waiting-sub{margin:0;color:var(--text-muted);line-height:1.45}.arcade{display:grid;gap:6px}.arcade-canvas{width:100%;aspect-ratio:640 / 220;border-radius:12px;border:1px solid var(--seam);background:linear-gradient(180deg,#19140f,#110e0a);touch-action:manipulation;cursor:pointer}.arcade-best{margin:0;min-height:1.2em;font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted)}.aud-waiting-share{display:flex;align-items:center;gap:14px;padding:14px;border-radius:12px;border:1px solid var(--seam);background:var(--panel)}.aud-waiting-share p{margin:0;color:var(--text-muted);font-size:.92rem}.aud-waiting-qr{flex:none;width:92px;aspect-ratio:1}.aud-waiting-qr svg{display:block;width:100%;height:100%}@media(orientation:landscape)and (max-height:560px){.aud{display:block;position:relative;background:#000}.aud-stage{position:absolute;inset:0;aspect-ratio:auto}.aud-bar,.aud-controls{position:absolute;left:0;right:0;z-index:2;opacity:0;pointer-events:none;transition:opacity .22s var(--ease-out),transform .22s var(--ease-out);background:#14110deb;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.aud-bar{top:0;transform:translateY(-8px)}.aud-controls{bottom:0;grid-template-columns:minmax(240px,320px) 1fr;align-items:center;transform:translateY(8px);padding-bottom:calc(10px + var(--safe-bottom))}.aud.chrome-visible .aud-bar,.aud.chrome-visible .aud-controls{opacity:1;pointer-events:auto;transform:none}.aud-panel{display:none}.aud-waiting{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-content:center;background:var(--desk)}}@media(min-width:900px)and (min-height:561px){.aud{grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:auto auto 1fr}.aud-bar{grid-column:1 / -1}.aud-stage{grid-column:1;grid-row:2 / 4;aspect-ratio:auto}.aud-controls{grid-column:2;grid-row:2;border-left:1px solid var(--seam)}.aud-panel{grid-column:2;grid-row:3;border-left:1px solid var(--seam)}.aud-waiting{grid-column:1 / -1;max-width:720px;width:100%;margin:0 auto;justify-content:center}}.sheet{width:min(460px,calc(100vw - 24px));margin:auto auto 12px;padding:24px 20px calc(20px + var(--safe-bottom));border:1px solid var(--seam);border-radius:18px;background:var(--panel);color:var(--text);box-shadow:0 24px 60px -12px #000000bf}.sheet[open]{animation:sheet-in .28s var(--ease-out)}@media(min-width:700px){.sheet{margin:auto}}.sheet::backdrop{background:#080604b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes sheet-in{0%{transform:translateY(24px);opacity:0}}.sheet h2{margin:0 0 10px;padding-right:48px;font-family:var(--font-display);font-size:1.45rem;line-height:1.15;letter-spacing:-.02em}.sheet p{margin:0 0 16px;color:var(--text-muted);line-height:1.5}.sheet-actions{display:flex;flex-wrap:wrap;gap:10px}.sheet-actions .key{flex:1 1 auto}.sheet-close{position:absolute;top:14px;right:14px}.share-qr{width:min(260px,70vw);aspect-ratio:1;margin:8px auto 12px;padding:16px;border-radius:14px;background:var(--text)}.share-qr svg{display:block;width:100%;height:100%}.share-url{text-align:center;font-family:var(--font-mono);font-size:.95rem;color:var(--text)!important;overflow-wrap:anywhere}.share-status{margin:10px 0 0!important;min-height:1.3em;text-align:center}.console{display:grid;grid-template-rows:auto 1fr auto;height:100dvh;background:var(--desk)}.console-bar,.console-transport{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--bg);flex-wrap:wrap}.console-bar{border-bottom:1px solid var(--seam)}.console-transport{border-top:1px solid var(--seam)}.console-title{font-family:var(--font-display);font-size:1.1rem}.console-stat,.console-conn{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.console-conn{color:var(--amber)}.console-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,30%);gap:16px;padding:16px;min-height:0}.monitor{position:relative;display:grid;grid-template-rows:auto 1fr;gap:8px;min-height:0}.monitor-label{font-family:var(--font-legend);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.monitor-program .monitor-label{color:#ffb3ab}.monitor-host{border-radius:10px;border:1px solid var(--seam);min-height:0}.monitor-program .monitor-host{box-shadow:0 0 0 2px color-mix(in srgb,var(--onair) 45%,transparent)}.monitor-next .monitor-host{aspect-ratio:16 / 9}.monitor-next[data-empty=true]:after{content:"Última diapositiva";display:grid;place-items:center;aspect-ratio:16 / 9;border-radius:10px;border:1px dashed var(--seam);color:var(--text-muted);font-family:var(--font-legend);letter-spacing:.1em;text-transform:uppercase;font-size:.8rem}.console-side{display:flex;flex-direction:column;gap:14px;min-height:0}.console-meters{display:flex;justify-content:space-between;align-items:baseline;padding:12px 14px;border-radius:10px;background:#0f0c09;border:1px solid var(--seam);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.console-timer{font-size:2rem;font-weight:700;color:var(--amber)}.console-slide-no{color:var(--text-muted)}.console-side .legend{margin:4px 0 -6px}.console-notes{flex:1;overflow:auto;padding:14px;border-radius:10px;background:var(--panel);border:1px solid var(--seam);font-size:1.1rem;line-height:1.5;white-space:pre-wrap}.key-transport{min-height:56px;min-width:140px}.transport-gap{width:32px}@media(max-width:900px){.console-body{grid-template-columns:1fr;overflow:auto}.monitor-program .monitor-host{aspect-ratio:16 / 9}}.screen{position:fixed;inset:0;background:#000}.screen-host{position:absolute;inset:0}.screen-hint{position:absolute;left:50%;bottom:16px;transform:translate(-50%);margin:0;padding:6px 12px;border-radius:6px;background:#0009;color:var(--text-muted);font-family:var(--font-legend);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;opacity:0;transition:opacity .3s;pointer-events:none}.screen-hint.visible{opacity:1}.cursor-hidden,.cursor-hidden *{cursor:none!important}.remote{display:grid;grid-template-rows:auto auto 1fr auto auto;gap:12px;height:100dvh;padding-bottom:calc(12px + var(--safe-bottom));background:var(--desk)}.remote-preview{position:relative;aspect-ratio:16 / 9;margin:0 12px;border-radius:10px}.remote-notes{margin:0 12px}.remote-slide-no,.remote-timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-muted)}.remote-timer{color:var(--amber)}.remote-transport{display:grid;grid-template-columns:1fr 2fr;gap:10px;padding:0 12px}.remote-transport .key{min-height:72px}.remote-actions{display:flex;gap:8px;padding:0 12px}.remote-actions .key{flex:1;font-size:.8rem;padding:0 8px}.aud[data-status=waiting] .aud-panel{display:none}.monitor-program{align-content:start}.monitor-program .monitor-host{aspect-ratio:16 / 9;width:min(100%,calc((100dvh - 230px) * 16 / 9))}.fx-select{position:absolute;border:2px dashed var(--amber);background:#ffb5471f;border-radius:6px;pointer-events:none;z-index:3}.fx-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.fx-tools .key{min-height:40px;padding:0 12px;font-size:.82rem}.fx-tools .key[aria-pressed=true]{--key-bg: linear-gradient(180deg, #ffc76d, var(--amber));--key-fg: var(--amber-ink);border-color:#c98a2a}.fx-tools kbd{font-family:var(--font-mono);font-size:.72rem;opacity:.7}.monitor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.monitor-program .monitor-host{cursor:crosshair}.quiz-panel{display:grid;gap:10px;margin-bottom:18px}.quiz-panel .legend,.score-panel .legend{margin:0}.quiz-panel-status{margin:0;font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.quiz-panel-options{display:grid;gap:8px}.vote{position:relative;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;min-height:56px;padding:8px 14px 8px 8px;border-radius:12px;border:1px solid var(--seam);background:linear-gradient(180deg,var(--panel-hi),var(--panel));color:var(--text);text-align:left;font:600 1.02rem var(--font-body);cursor:pointer;box-shadow:0 2px #0a0806,inset 0 1px #ffffff0f;transition:transform 80ms,box-shadow 80ms,border-color .2s;touch-action:manipulation}.vote:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 6px #00000080}.vote:disabled{cursor:default;opacity:.75}.vote-key{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#0f0c09;border:1px solid var(--seam);font-family:var(--font-mono);font-weight:700;color:var(--amber)}.vote-share{font-family:var(--font-mono);font-size:.9rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.vote[aria-pressed=true]{border-color:#c98a2a;background:linear-gradient(180deg,#4a3a22,#3a2d1a)}.vote[aria-pressed=true] .vote-key{background:var(--amber);color:var(--amber-ink);border-color:#c98a2a}.vote.is-correct{border-color:color-mix(in srgb,var(--signal) 70%,var(--seam));background:linear-gradient(180deg,#1f3a2a,#183022)}.vote.is-correct .vote-key{background:var(--signal);color:#0b1f13}.vote.is-wrong{border-color:color-mix(in srgb,var(--danger) 60%,var(--seam))}.quiz-panel-result{margin:0;min-height:1.3em;font-weight:600}.quiz-panel-result[data-tone=ok]{color:var(--signal)}.quiz-panel-result[data-tone=bad]{color:#ffb3ab}.quiz-panel-result[data-tone=neutral]{color:var(--text-muted);font-weight:500}.quiz-panel-hint{margin:0;font-size:.82rem;color:var(--text-muted)}@media(hover:none){.quiz-panel-hint{display:none}}.score-panel{display:grid;gap:8px;margin-bottom:18px}.score-mine{margin:0;font-weight:600}.leaderboard{list-style:none;margin:0;padding:0;display:grid;gap:4px}.leaderboard li{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;background:var(--panel);border:1px solid var(--seam)}.leaderboard li.is-me{border-color:#c98a2a}.lb-rank,.lb-score{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-muted)}.lb-rank{color:var(--amber);font-weight:700}.lb-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-empty{display:block!important;color:var(--text-muted);font-size:.9rem}.pq,.pq-board{display:grid;gap:8px;padding:12px;border-radius:10px;background:var(--panel);border:1px solid var(--seam)}.pq .legend{margin:0}.pq-status{margin:0;font-family:var(--font-mono);font-size:.85rem;color:var(--amber)}.pq-bars{list-style:none;margin:0;padding:0;display:grid;gap:4px}.pq-bars li{position:relative;display:grid;grid-template-columns:24px 1fr auto;gap:8px;padding:6px 8px;border-radius:6px;overflow:hidden;background:#0f0c09;font-size:.92rem}.pq-bars li:before{content:"";position:absolute;inset:0;transform:scaleX(var(--share, 0));transform-origin:left center;background:color-mix(in srgb,var(--amber) 22%,transparent);transition:transform .3s var(--ease-out)}.pq-bars li>*{position:relative}.pq-bars li.is-answer .pq-key{color:var(--signal)}.pq-key,.pq-count{font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums}.pq-actions{display:flex;gap:8px}.pq-actions .key{flex:1;min-height:42px;font-size:.82rem;padding:0 10px}.pq-switch{display:flex;align-items:center;gap:10px;font-weight:600;cursor:pointer}.pq-switch input{appearance:none;width:44px;min-height:0;height:24px;padding:0;border-radius:12px;background:#0f0c09;border:1px solid var(--seam);position:relative;cursor:pointer;flex:none}.pq-switch input:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--text-muted);transition:transform .18s var(--ease-out),background .18s}.pq-switch input:checked{background:color-mix(in srgb,var(--amber) 30%,#0f0c09);border-color:#c98a2a}.pq-switch input:checked:after{transform:translate(20px);background:var(--amber)}.console-side{overflow:auto}.console-notes{min-height:120px}.remote-middle{display:grid;gap:10px;align-content:start;overflow:auto;padding:0 12px;min-height:0}.remote-middle .remote-notes{margin:0}.console-side>*{flex:none}.console-side>.console-notes{flex:1 0 120px}.reaction-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.reaction-key{min-height:48px;border-radius:12px;border:1px solid var(--seam);background:#0f0c09;font-size:1.45rem;line-height:1;cursor:pointer;touch-action:manipulation;transition:transform 90ms,background .15s}.reaction-key:active:not(:disabled){transform:scale(.9);background:var(--panel-hi)}.reaction-key:disabled{opacity:.35;cursor:default}.floaters{position:absolute;right:4%;bottom:0;width:22%;height:80%;pointer-events:none;overflow:hidden;z-index:2}.floater{position:absolute;bottom:-10%;left:50%;font-size:clamp(22px,4vw,40px);line-height:1;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .5));opacity:0;animation:float-up var(--d, 2.6s) cubic-bezier(.2,.6,.3,1) forwards}.floaters-screen .floater{font-size:clamp(36px,4vw,72px)}@keyframes float-up{0%{transform:translate(-50%) scale(.6);opacity:0}12%{opacity:1;transform:translate(calc(-50% + var(--x) * .3),-12vh) scale(1.1)}to{transform:translate(calc(-50% + var(--x)),-80vh) scale(.9);opacity:0}}.monitor-program{position:relative}.monitor .floaters{top:40px;height:auto}.reaction-counter{list-style:none;margin:0;padding:0;display:grid;gap:4px}.reaction-counter li{display:grid;grid-template-columns:28px 1fr 44px;align-items:center;gap:8px}.rc-emoji{font-size:1.2rem}.rc-bar{height:10px;border-radius:5px;background:linear-gradient(90deg,var(--amber) calc(var(--share, 0) * 100%),#0f0c09 0);border:1px solid var(--seam)}.rc-n{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-muted)}.screen-counter{position:absolute;left:16px;bottom:16px;width:240px;padding:12px;border-radius:12px;background:#0f0c09d1;border:1px solid var(--seam)}.chat{display:flex;flex-direction:column;gap:10px;min-height:0}.chat-head{display:flex;align-items:baseline;gap:10px;min-height:48px;padding-right:56px}.chat .chat-title{margin:0;padding:0;font-family:var(--font-display);font-size:1.45rem;line-height:48px;letter-spacing:-.02em}.chat .chat-mode{margin:0;font-family:var(--font-legend);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.chat:not([data-mode=off]):not([data-paused]) .chat-mode:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--signal);vertical-align:.15em}.sheet .chat .chat-status{margin:0;padding:12px 14px;border-radius:10px;background:var(--desk);border:1px solid var(--seam);font-family:var(--font-body);font-size:.92rem;color:var(--text)}.chat .chat-status{margin:0;font-size:.85rem;color:var(--text-muted)}.chat-scroll{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.chat-list{list-style:none;flex:1 1 auto;min-height:0;margin:0 -8px;padding:6px 0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--seam) transparent;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14px,#000 calc(100% - 6px),transparent);mask-image:linear-gradient(to bottom,transparent,#000 14px,#000 calc(100% - 6px),transparent)}.chat-list:empty{display:none}.chat-msg{position:relative;margin-top:10px;padding:7px 10px 8px;border-radius:10px;overflow-wrap:anywhere}.chat-msg:first-child{margin-top:0}.chat-msg.is-cont{margin-top:0;padding-top:2px}.chat-msg.is-cont .chat-meta{display:none}.chat-msg.is-mine{background:color-mix(in srgb,var(--amber) 9%,transparent)}.chat-msg.is-mine.is-cont{border-top-left-radius:0;border-top-right-radius:0}.chat-msg:has(+.is-cont){padding-bottom:2px}.chat-msg.is-mine:has(+.is-mine.is-cont){border-bottom-left-radius:0;border-bottom-right-radius:0}.chat-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.chat-name{font-weight:600;font-size:.9rem;color:var(--amber)}.chat-time{font-family:var(--font-mono);font-size:.7rem;font-variant-numeric:tabular-nums;color:var(--text-muted)}.chat .chat-text{margin:0;font-size:1rem;line-height:1.42;color:var(--text)}.chat-sticker{display:block;width:auto;max-width:min(160px,100%);height:auto;max-height:140px;object-fit:contain;margin-top:2px;border-radius:6px}.chat-mods{position:absolute;top:4px;right:6px;display:flex;gap:2px;padding:2px;border-radius:8px;background:var(--panel-hi);box-shadow:0 2px 8px -2px #00000080}.chat-mod{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:6px;background:none;color:var(--text-muted);cursor:pointer}.chat-mod .icon{width:16px;height:16px}.chat-mod:hover,.chat-mod:focus-visible{background:color-mix(in srgb,var(--danger) 18%,transparent);color:#ffb3ab}@media(hover:hover){.chat-mods{opacity:0;transition:opacity .12s var(--ease-out)}.chat-msg:hover,.chat-msg:focus-within{background:var(--panel-hi)}.chat-msg:hover .chat-mods,.chat-msg:focus-within .chat-mods{opacity:1}}.chat-empty{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:140px;padding:24px 12px;text-align:center;color:var(--text-muted)}.chat-empty[hidden]{display:none}.chat-empty .icon{width:28px;height:28px;margin-bottom:6px;color:var(--seam);stroke-width:1.6}.chat-empty strong{font-weight:600;color:var(--text)}.chat-empty span{font-size:.92rem}.chat-jump{position:absolute;left:50%;bottom:10px;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px 0 14px;border:1px solid #c98a2a;border-radius:18px;background:linear-gradient(180deg,#ffc76d,var(--amber));color:var(--amber-ink);font:600 .85rem/1 var(--font-body);box-shadow:0 6px 16px -4px #0009;transform:translate(-50%);cursor:pointer;animation:chat-jump-in .22s var(--ease-out)}.chat-jump[hidden]{display:none}.chat-jump .icon{width:16px;height:16px}@keyframes chat-jump-in{0%{opacity:0;transform:translate(-50%,8px)}}.chat-form{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;margin:0 -20px;padding:10px 20px calc(12px + var(--safe-bottom));background:var(--desk);border-top:1px solid var(--seam)}.chat-form[hidden]{display:none}.chat-form:has(.chat-sticker-btn[hidden]){grid-template-columns:1fr auto}.chat-form:has(.chat-input[hidden]){grid-template-columns:1fr}.chat-form .chat-input{min-height:48px}.chat-form .chat-input[hidden]+.key{display:none}.chat-send .icon{width:20px;height:20px;transform:translate(-1px)}.chat-sticker-btn{padding:0 12px;font-family:var(--font-mono);font-weight:700}.chat-sticker-btn[hidden]{display:none}.chat .chat-error{margin:-4px 0 0;font-size:.85rem;color:#ffb3ab}.chat-error:empty{display:none}.chat-sheet{display:flex;flex-direction:column;height:min(78dvh,640px);padding-top:14px;padding-bottom:0}.chat-sheet:not([open]){display:none}.chat-sheet .chat{flex:1}.chat-sheet:has(.chat[data-mode=off]):not(.chat-drawer){height:fit-content;padding-bottom:calc(20px + var(--safe-bottom))}.chat-drawer{width:min(540px,calc(100vw - 24px));height:min(86dvh,760px);padding-bottom:14px}.chat-drawer>h2{margin:0 0 6px;line-height:48px}.chat-drawer .chat{margin-top:12px;padding-top:12px;border-top:1px solid var(--seam)}.chat-drawer .chat-head{display:none}.chat-drawer .pa-note{margin:8px 0 0}.chat-drawer .pq-switch{margin-top:10px}.sticker-tray{display:flex;flex-direction:column;gap:8px;flex:0 0 auto;margin:0 -20px -10px;padding:12px 20px 10px;background:var(--desk);border-top:1px solid var(--seam)}.sticker-tray[hidden]{display:none}.sticker-search{min-height:44px}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));grid-auto-rows:max-content;gap:6px;height:clamp(132px,30dvh,268px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--seam) transparent}.sticker-pick{position:relative;min-width:0;aspect-ratio:1;padding:6px;border-radius:10px;border:1px solid var(--seam);background:#0f0c09;cursor:pointer;overflow:hidden;transition:border-color .12s ease,transform .12s ease}.sticker-pick img{display:block;width:100%;height:100%;object-fit:contain}.sticker-pick:hover,.sticker-pick:focus-visible{border-color:var(--amber)}.sticker-pick:active{transform:scale(.96)}.sticker-foot{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.sticker-note,.giphy-credit{margin:0;font-size:.78rem;color:var(--text-muted)}.giphy-credit{margin-left:auto}.chat.has-tray .chat-form{padding-top:0;border-top:0}.chat.has-tray .chat-empty{display:none}.chat.has-tray .chat-sticker-btn{background:var(--amber);color:var(--amber-ink)}@media(prefers-reduced-motion:reduce){.sticker-pick{transition:none}}.pa{display:grid;gap:10px;padding:12px;border-radius:10px;background:var(--panel);border:1px solid var(--seam)}.pa .legend,.pa-label{margin:0}.pa-label{font-weight:600;margin-top:4px}.pa-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.pa-modes .key{min-height:38px;padding:0 6px;font-size:.75rem}.pa-modes .key[aria-pressed=true]{--key-bg: linear-gradient(180deg, #ffc76d, var(--amber));--key-fg: var(--amber-ink);border-color:#c98a2a}@media(orientation:landscape)and (max-height:560px){.aud-controls{grid-template-columns:minmax(220px,300px) minmax(160px,1fr) minmax(260px,340px)}.aud[data-mode=live] .aud-controls{grid-template-columns:minmax(220px,300px) 1fr minmax(260px,340px)}.aud[data-mode=live] .aud-controls .reaction-bar{grid-column:3}}.aud-stage{overflow:hidden}.monitor .floaters{top:0;height:90%}.end-panel{grid-column:1 / -1;align-self:center;justify-self:center;display:grid;gap:16px;justify-items:start;max-width:560px;padding:32px;border-radius:16px;background:var(--panel);border:1px solid var(--seam)}.end-panel h2{margin:0;font-family:var(--font-display);font-size:2.2rem;letter-spacing:-.03em}.end-stats{margin:0;font-family:var(--font-mono);color:var(--amber)}.end-note{margin:0;color:var(--text-muted);line-height:1.5}.end-panel .sheet-actions{width:100%}.home-code{font-family:var(--font-mono);color:var(--amber);letter-spacing:.06em}.aud-waiting-qr{padding:8px;border-radius:10px;background:var(--text)}.aud-idle{margin:0 0 12px;color:var(--text-muted);line-height:1.5}.aud-who{margin-bottom:12px}.quiz-panel-status,.pq-status,.end-stats,.console-stat,.console-conn,.chat-status{font-family:var(--font-body);font-variant-numeric:tabular-nums}.console-stat .num{font-family:var(--font-mono)}.console-main{display:grid;grid-template-rows:auto 1fr;gap:14px;min-height:0}.console-main .monitor-program .monitor-host{width:min(100%,calc((100dvh - 360px) * 16 / 9))}.console-desk{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;align-items:start;overflow:auto;min-height:0}.console-side{overflow:hidden}.monitor-next .monitor-host{box-shadow:0 0 0 2px color-mix(in srgb,var(--signal) 40%,transparent)}.monitor-next .monitor-label{color:color-mix(in srgb,var(--signal) 70%,var(--text-muted))}@media(max-width:900px){.console-main .monitor-program .monitor-host{width:100%}.console-side{overflow:visible}}@media(orientation:landscape)and (max-height:560px){.aud-bar,.aud-controls{background:var(--bg)}}.key-switch{white-space:nowrap;padding:0 10px;letter-spacing:.05em}.console-main .monitor-program .monitor-host{width:min(100%,calc((100dvh - 470px) * 16 / 9))}.aud-pos{font-family:var(--font-body);font-variant-numeric:tabular-nums}.monitor-program .monitor-label{color:color-mix(in srgb,var(--onair) 75%,var(--text))}.aud{grid-template-columns:minmax(0,1fr)}.aud>*,.aud-controls>*,.switch>*,.reaction-bar>*{min-width:0}.aud-bar{gap:8px;padding-left:12px}.aud-bar .key-icon{width:44px;min-height:44px;flex:none}.aud-count{flex:none}.aud-title{font-size:clamp(.9rem,3.6vw,1rem)}.key-switch{min-height:46px;font-size:clamp(.78rem,3.4vw,.95rem)}.reaction-key{min-height:44px;font-size:clamp(1.15rem,5.4vw,1.45rem)}.aud-panel{min-height:0;overscroll-behavior:contain}.vote{min-height:52px}.stage-expand,.theater-exit{position:absolute;z-index:3;display:grid;place-items:center;width:40px;height:40px;border:1px solid rgb(239 228 204 / .25);border-radius:10px;background:#0f0c09b8;color:var(--text);cursor:pointer}.stage-expand{right:8px;bottom:8px}.theater-exit{top:calc(10px + var(--safe-top));right:calc(10px + env(safe-area-inset-right,0px));display:none}.aud-waiting{gap:18px}.aud-waiting-info{display:grid;gap:12px}.aud-waiting-share{margin-top:4px}.arcade{display:grid;gap:10px;justify-items:center}.arcade-picker{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;width:100%;padding:5px;border-radius:14px;background:#0f0c09;border:1px solid var(--seam)}.arcade-pick{min-height:42px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-muted);font-family:var(--font-legend);font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.arcade-pick[aria-pressed=true]{background:linear-gradient(180deg,#ffc76d,var(--amber));border-color:#c98a2a;color:var(--amber-ink)}.arcade-screen{display:grid;place-items:center;width:100%}.arcade-canvas{display:block;width:min(100%,calc(58dvh * 360 / 540));height:auto;border-radius:16px;border:1px solid var(--seam);box-shadow:0 12px 30px -16px #000c;touch-action:manipulation;cursor:pointer;background:#17120d}.arcade-best{text-align:center;font-family:var(--font-body)}@media(orientation:landscape)and (max-height:560px){.aud-waiting{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));overflow:hidden}.aud-waiting-title{font-size:1.6rem}.aud-waiting-share{padding:10px}.aud-waiting-qr{width:72px}.arcade{height:100%;align-content:center}.arcade-canvas{width:auto;height:calc(100dvh - 110px)}.stage-expand{display:none}}.aud.is-theater .aud-stage{position:fixed;inset:0;z-index:40;aspect-ratio:auto;background:#000}.aud.is-theater .stage-expand{display:none}.aud.is-theater .theater-exit{display:grid}.aud.is-theater .aud-bar,.aud.is-theater .aud-controls{visibility:hidden}.aud.is-rotated .aud-stage{inset:0 auto auto 0;width:100dvh;height:100dvw;transform-origin:top left;transform:rotate(90deg) translateY(-100%)}.aud.is-rotated .theater-exit{top:10px;right:10px}@media(min-width:900px)and (min-height:561px){.stage-expand{display:grid}.aud-waiting{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;max-width:980px}}.stage-expand{width:34px;height:34px;right:6px;bottom:6px;opacity:.8}.stage-expand .icon{width:18px;height:18px}@media(orientation:landscape)and (max-height:560px){.aud{overflow:hidden}}.vote.is-first:not(.is-correct){border-color:#c98a2a;box-shadow:0 0 0 2px #ffb54759,0 2px #0a0806}.vote.is-first .vote-share{color:var(--amber);font-weight:700}.pq-bars li.is-first{outline:2px solid var(--amber)}.pq-bars li.is-first .pq-key,.pq-bars li.is-first .pq-count{color:var(--amber)}.chat-btn{position:relative}.chat-btn.is-live:after{content:"";position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--signal)}.badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--amber);color:var(--amber-ink);font:700 .72rem/20px var(--font-body);font-variant-numeric:tabular-nums}.screen-board{position:absolute;bottom:24px;right:24px;width:min(360px,30vw);padding:16px;border-radius:14px;background:#0f0c09e0;border:1px solid var(--seam);display:grid;gap:10px;font-size:clamp(.9rem,1.4vw,1.2rem)}.screen-board .legend{margin:0}.screen-board .leaderboard li:first-child{border-color:#c98a2a;background:color-mix(in srgb,var(--amber) 16%,var(--panel))}.present-nav,.monitor-head>.key{display:none}.console.is-presenting{background:#000}.console.is-presenting .console-bar,.console.is-presenting .console-transport,.console.is-presenting .console-side,.console.is-presenting .console-desk,.console.is-presenting .monitor-label{display:none}.console.is-presenting .console-body{padding:0;grid-template-columns:1fr}.console.is-presenting .monitor-program .monitor-host{position:fixed;inset:0;width:auto;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}.console.is-presenting .monitor-head{position:fixed;left:50%;bottom:20px;z-index:5;transform:translate(-50%,12px);padding:8px;border-radius:14px;background:#0f0c09e6;border:1px solid var(--seam);box-shadow:0 16px 40px -16px #000000e6;opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}.console.is-presenting.controls-visible .monitor-head{opacity:1;pointer-events:auto;transform:translate(-50%)}.console.is-presenting .present-nav{display:flex;gap:6px}.console.is-presenting .monitor-head>.key{display:inline-flex;min-height:40px}.console.is-presenting:not(.controls-visible),.console.is-presenting:not(.controls-visible) *{cursor:none!important}.remote-tools{padding:0 12px;display:grid;grid-template-columns:repeat(4,1fr)}.remote-tools .key{padding:0 6px}.remote-tools .key[aria-pressed=true]{--key-bg: linear-gradient(180deg, #ffc76d, var(--amber));--key-fg: var(--amber-ink);border-color:#c98a2a}.remote{grid-template-rows:auto auto auto 1fr auto auto}.screen-board{bottom:12px;right:12px;left:auto;width:auto;max-width:calc(100vw - 24px);padding:8px 12px;display:flex;align-items:center;gap:12px}.screen-board .leaderboard{display:flex;gap:8px;overflow:hidden}.screen-board .leaderboard li{grid-template-columns:auto auto auto;padding:4px 10px;white-space:nowrap}.pa-note{margin:0;font-size:.85rem;color:var(--text-muted);line-height:1.45}.console-bar .key{min-height:40px;padding:0 12px;font-size:.8rem}@media(max-width:1500px){.console-bar .key span:not(.badge){display:none}.console-bar .key{width:44px;padding:0}.console-bar .key-primary{width:auto;padding:0 12px}.console-bar .key-primary span{display:inline}}.preview .preview-present{position:absolute;top:calc(12px + var(--safe-top));right:16px;z-index:2}.preview .preview-note{position:absolute;z-index:2}.present-dialog{width:min(620px,calc(100vw - 24px))}.po-form{display:grid;gap:10px}.po-form h2{margin-bottom:6px}.po-form h3{margin:12px 0 2px}.po-option,.po-screen{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:10px 12px;border-radius:12px;border:1px solid var(--seam);background:#0f0c09;cursor:pointer}.po-option input,.po-screen input{width:22px;min-height:0;height:22px;accent-color:var(--amber);box-shadow:none}.po-text{display:grid;gap:2px}.po-text span{color:var(--text-muted);font-size:.88rem}.po-art{position:relative;width:72px;height:46px;border-radius:6px;border:1px solid var(--seam);background:var(--panel)}.po-art:before,.po-art:after{content:"";position:absolute;border-radius:3px}.po-art-presenter:before{inset:6px 6px 14px 26px;background:var(--text-muted)}.po-art-presenter:after{left:6px;bottom:6px;width:26px;height:16px;border:2px solid var(--amber);background:var(--desk)}.po-art-start:before{inset:12px 18px 6px 6px;border:1px solid var(--text-muted)}.po-art-start:after{inset:6px 6px 12px 18px;border:2px solid var(--amber);background:var(--panel-hi)}.po-art-full:before{inset:5px;border:2px solid var(--amber);background:color-mix(in srgb,var(--amber) 20%,transparent)}.po-screens{display:grid;gap:6px}.po-screen-icon{color:var(--text-muted)}.po-permission:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid #c98a2a}.po-permission p{margin:0;color:var(--text)}.po-actions{justify-content:flex-end;margin-top:6px}.po-actions .key{flex:0 0 auto}.console.is-presenting.projection-only .monitor-head{display:none}.console.is-presenting.projection-only,.console.is-presenting.projection-only *{cursor:none!important}.console.is-presenting .fs-prompt{cursor:pointer!important}.fs-prompt{position:absolute;left:50%;top:50%;z-index:6;transform:translate(-50%,-50%)}.fs-prompt[hidden]{display:none}.console:not(.is-presenting) .fs-prompt{display:none}.present-recover,.present-corner{display:none}.console.is-presenting .present-recover:not([hidden]){position:absolute;left:50%;bottom:28px;z-index:7;transform:translate(-50%);display:grid;gap:10px;padding:14px 16px;border-radius:14px;background:#0f0c09f0;border:1px solid var(--seam);box-shadow:0 16px 40px -16px #000000e6;cursor:default!important}.present-recover p{margin:0;color:var(--text)}.present-recover-actions{display:flex;gap:8px}.console.is-presenting .present-recover *,.console.is-presenting .present-corner{cursor:pointer!important}.console.is-presenting.projection-only.controls-visible .present-corner{position:absolute;top:16px;right:16px;z-index:7;display:inline-flex;min-height:40px;opacity:.85}.po-note{margin:0;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--signal) 12%,transparent);border:1px solid color-mix(in srgb,var(--signal) 40%,var(--seam));font-size:.9rem}.po-option[hidden]{display:none}.screen-start{position:absolute;inset:0;z-index:5;display:grid;place-content:center;justify-items:center;gap:16px;border:0;background:#0000008c;color:#fff;font:600 clamp(1.2rem,2.4vw,2rem) var(--font-body);cursor:pointer}.screen-start .icon{width:56px;height:56px}.screen-start[hidden]{display:none}.po-permission.is-irrelevant{display:none!important}.share-pill:not([hidden]){display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 6px 0 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--onair) 55%,var(--seam));background:color-mix(in srgb,var(--onair) 14%,var(--bg));font-size:.85rem;white-space:nowrap}.share-pill-text{max-width:260px;overflow:hidden;text-overflow:ellipsis}.share-pill-stop{height:30px;padding:0 12px;border:0;border-radius:999px;background:var(--onair);color:#fff6f4;font:600 .78rem var(--font-legend);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.share-pill-stop:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.console-body{grid-template-columns:minmax(0,1fr) clamp(300px,26vw,400px)}.console-main .monitor-program .monitor-host{width:100%;aspect-ratio:16 / 9}.console-main{overflow:auto}.console-side{display:flex;flex-direction:column;gap:14px;min-height:0;overflow:hidden}.console-side>.monitor-next{flex:none}.console-bar .console-meters{display:inline-flex;align-items:baseline;gap:10px;height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--seam);background:#0f0c09;font-family:var(--font-mono);font-variant-numeric:tabular-nums;line-height:40px}.console-bar .console-timer{font-size:1.05rem;font-weight:700;color:var(--amber)}.console-bar .console-slide-no{font-size:.85rem;color:var(--text-muted)}.fx-tools .key.is-active:after{content:"";position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--onair);box-shadow:0 0 6px 1px color-mix(in srgb,var(--onair) 70%,transparent)}.fx-tools .key.is-active{border-color:color-mix(in srgb,var(--onair) 60%,var(--seam))}.fx-tools .key:disabled{opacity:.32}.presenter-chat{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;background:var(--panel);border:1px solid var(--seam)}.pc-head{display:flex;align-items:center;gap:8px}.pc-head .legend{margin:0}.pc-mode{padding:2px 8px;border-radius:999px;font-size:.72rem;font-family:var(--font-legend);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--seam);color:var(--text-muted)}.pc-mode[data-state=on]{color:var(--signal);border-color:color-mix(in srgb,var(--signal) 50%,var(--seam))}.pc-mode[data-state=paused]{color:var(--amber);border-color:#c98a2a}.pc-gear{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--seam);background:#0f0c09;color:var(--text-muted);cursor:pointer}.pc-gear[aria-expanded=true]{color:var(--amber);border-color:#c98a2a}.pc-gear .icon{width:18px;height:18px}.pc-settings:not([hidden]){display:grid;gap:10px;padding:10px;border-radius:8px;background:#0f0c09;border:1px solid var(--seam)}.presenter-chat .chat{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;margin:0}.presenter-chat .chat-list{flex:1 1 auto;min-height:0;max-height:none}.chat-more{position:absolute;top:4px;right:6px;display:none;place-items:center;width:32px;height:32px;border:0;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer}.chat-more .icon{width:18px;height:18px}@media(hover:none){.chat-msg.is-moderated{padding-right:44px}.chat-more{display:grid}.chat-msg.is-moderated .chat-mods{display:none}.chat-msg.is-moderated.is-open .chat-mods{display:flex;right:42px}}.presenter-chat .chat-head{display:none}.console-body{grid-template-columns:auto minmax(320px,1fr)}.console-main{width:min(calc((100dvh - 400px) * 16 / 9),calc(100vw - 368px));grid-template-rows:auto minmax(170px,1fr);overflow:hidden}.console-desk{min-height:0;overflow:auto}@media(max-width:900px){.console-body{grid-template-columns:1fr}.console-main{width:auto;overflow:visible}}.console-main{width:min(calc((100dvh - 230px) * 16 / 9),calc(100vw - 400px));grid-template-rows:auto minmax(0,1fr);overflow:hidden}.console-side>.pq{flex:none}.console-settings{flex:none;border-radius:10px;border:1px solid var(--seam);background:var(--panel)}.console-settings>summary{padding:10px 12px;cursor:pointer;font-family:var(--font-legend);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.console-settings[open]>summary{color:var(--text)}.console-settings-body{display:grid;gap:10px;max-height:40vh;overflow:auto;padding:0 10px 10px}.console-settings-body>*{border:0;padding:0;background:none}.console-side{overflow-y:auto}.console-side>.presenter-chat{min-height:200px}@media(min-width:900px)and (min-height:561px){.aud{--aud-side: clamp(280px, 22vw, 320px);grid-template-columns:minmax(0,1fr) var(--aud-side);grid-template-rows:auto auto minmax(0,auto) minmax(0,1fr)}.aud-stage{grid-row:2 / 5}.aud-panel{grid-row:3 / 5}.aud-controls{padding-left:12px;padding-right:12px}.aud-controls .reaction-bar{gap:4px}.aud.has-chat-dock .aud-panel{grid-row:3;max-height:46vh;padding-bottom:12px}.aud.has-chat-dock .aud-panel:has(.aud-idle:not([hidden])):not(:has(.aud-banner:not([hidden]))){padding-bottom:4px}.aud-chat{grid-column:2;grid-row:4;display:flex;flex-direction:column;min-height:0;padding:4px 16px 0;border-left:1px solid var(--seam);border-top:1px solid var(--seam);background:var(--desk)}.aud-chat[hidden]{display:none}.aud-chat .chat{flex:1}.aud-chat .chat-head{min-height:40px;padding-right:0}.aud-chat .chat .chat-title{font-size:1.1rem;line-height:40px}.aud-chat .chat-form{margin:0 -16px;padding:10px 16px 12px;background:var(--bg)}.aud-chat .chat-list{margin:0 -6px}.aud-chat .chat-msg{padding-left:6px;padding-right:6px}.aud-chat .chat-text{font-size:.95rem}}.aud-mode-hint{margin:0;font-size:.82rem;line-height:1.35;color:var(--text-muted);text-wrap:pretty}@media(orientation:landscape)and (max-height:560px){.aud-mode-hint{display:none}}.explore-sheet .sheet-actions .key{flex:1 1 0}@media(max-width:480px){.explore-sheet .sheet-actions{flex-direction:column-reverse}}@media(orientation:landscape)and (max-height:560px){.aud[data-status=waiting]{display:flex;flex-direction:column}.aud[data-status=waiting] .aud-bar{position:relative;opacity:1;pointer-events:auto;transform:none;flex:0 0 auto}.aud[data-status=waiting] .aud-waiting:not([hidden]){position:relative;inset:auto;flex:1 1 auto;min-height:0;align-content:safe center;align-items:safe center;overflow-y:auto}.aud[data-status=waiting] .arcade-canvas{height:max(150px,calc(100dvh - 190px))}}.pace-timer{font-variant-numeric:tabular-nums;transition:color .2s ease}.pace-timer[data-pace=""]{color:var(--text)}.pace-timer[data-pace=ok]{color:var(--signal)}.pace-timer[data-pace=near]{color:#ffd23f}.pace-timer[data-pace=over]{color:#ff5a4e}.console-bar .console-timer{display:inline-flex;align-items:center;height:40px;padding:0 10px;margin:0 -10px;border:0;border-radius:8px;background:transparent;font:inherit;font-size:1.05rem;font-weight:700;color:var(--amber);cursor:pointer}.console-bar .console-timer:hover,.console-bar .console-timer:focus-visible{background:var(--panel-hi)}.console-bar .console-meters:has([data-pace=over]){border-color:#ff5a4e;box-shadow:0 0 0 1px #ff5a4e59}.console-bar .console-meters:has([data-pace=near]){border-color:#c9a227}@media(prefers-reduced-motion:reduce){.pace-timer{transition:none}}.console-bar .console-meters{align-items:center;gap:8px}.console-bar .console-meters .icon{width:16px;height:16px;flex:0 0 auto;color:var(--text-muted)}.console-bar .console-slides{padding-right:14px}.console-bar .console-slides .console-slide-no{font-size:.95rem;color:var(--text)}.remote{grid-template-rows:auto auto auto minmax(0,1fr) auto auto;gap:10px}.remote .aud-bar{gap:10px}.remote-count{font-size:.82rem;color:var(--text-muted);white-space:nowrap}.remote-timer{height:36px;padding:0 10px;border:1px solid var(--seam);border-radius:8px;background:#0f0c09;font:inherit;font-family:var(--font-mono);font-weight:700;cursor:pointer}.tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;margin:0 12px;padding:4px;border-radius:12px;border:1px solid var(--seam);background:#0f0c09}.tab{position:relative;min-height:40px;border:0;border-radius:8px;background:transparent;color:var(--text-muted);font-family:var(--font-legend);font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.tab[aria-selected=true]{background:var(--panel-hi);color:var(--text)}.tab:focus-visible{outline:2px solid var(--amber);outline-offset:1px}.tab[data-unread=true]:after{content:"";position:absolute;top:8px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--amber)}.remote-panels{min-height:0;display:flex;flex-direction:column}.remote-panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;overscroll-behavior:contain}.remote-panel[hidden]{display:none}.remote-panel>:not(.remote-tools){margin-left:12px;margin-right:12px}.remote-tools{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.remote-tools .key{min-width:0;font-size:.78rem}.remote-chat{overflow:hidden}.remote-chat .presenter-chat{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.remote-chat .presenter-chat .chat{flex:1 1 auto;min-height:0}.remote-limit{justify-self:start}.remote:has(.remote-end){grid-template-rows:auto minmax(0,1fr)}.remote-end{min-height:0;overflow-y:auto;padding:0 12px}.remote-timer{display:inline-flex;align-items:center;gap:6px}.remote-timer .icon{width:16px;height:16px;color:var(--text-muted)}:is(.console-clock,.remote-timer)>.icon{transform-origin:50% 12%}:is(.console-clock,.remote-timer):has(.pace-timer[data-pace=near])>.icon{color:#ffd23f}:is(.console-clock,.remote-timer):has(.pace-timer[data-pace=over])>.icon{color:#ff5a4e}:is(.console-clock,.remote-timer):has(.pace-timer[data-ring=near])>.icon{animation:bell-soft .8s ease-in-out 3}:is(.console-clock,.remote-timer):has(.pace-timer[data-ring=over])>.icon{animation:bell-strong .4s ease-in-out 8}:is(.console-clock,.remote-timer):has(.pace-timer[data-ring=remind])>.icon{animation:bell-strong .35s ease-in-out 4}@keyframes bell-soft{0%,to{transform:rotate(0)}25%{transform:rotate(14deg)}75%{transform:rotate(-14deg)}}@keyframes bell-strong{0%,to{transform:rotate(0) scale(1.08)}25%{transform:rotate(22deg) scale(1.15)}75%{transform:rotate(-22deg) scale(1.15)}}@media(prefers-reduced-motion:reduce){:is(.console-clock,.remote-timer)>.icon{animation:none!important}}