.presenter-view{gap:var(--qm-chrome-gap);box-sizing:border-box;background:var(--qm-chrome-bg);width:100%;height:100%;color:var(--qm-chrome-text);font-family:var(--qm-chrome-font-body);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"bar""main""deck";padding:12px;display:grid}.presenter-view>.show-bar{grid-area:bar}.presenter-view>.control-deck{grid-area:deck}.presenter-view .presenter-main{gap:var(--qm-chrome-gap);grid-area:main;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);min-height:0;display:grid}.presenter-view .stage-panel{grid-template-rows:auto minmax(0,1fr) auto;gap:4px;min-height:0;display:grid}.presenter-view .stage-panel .panel-caption{min-height:var(--qm-chrome-target);font-weight:600;font-size:var(--qm-chrome-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--qm-chrome-text-muted);align-items:center;margin:0;display:flex}.green-room{box-sizing:border-box;background:var(--qm-chrome-bg);width:100%;max-width:960px;height:100%;color:var(--qm-chrome-text);font-family:var(--qm-chrome-font-body);font-size:var(--qm-chrome-size-md);grid-template-rows:auto auto auto;align-content:start;gap:24px;margin:0 auto;padding:32px 24px;display:grid;overflow-y:auto}.green-room .room-title{font-family:var(--qm-chrome-font-display);font-size:var(--qm-chrome-size-2xl);margin:0;font-weight:700;line-height:1.15}.green-room .room-steps{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:16px;display:grid}.green-room .room-step{background:var(--qm-chrome-surface);border:1px solid var(--qm-chrome-border);border-radius:var(--qm-chrome-radius);flex-direction:column;gap:12px;padding:20px;display:flex}.green-room .step-head{min-height:var(--qm-chrome-target);justify-content:space-between;align-items:center;gap:12px;display:flex}.green-room .step-title{font-family:var(--qm-chrome-font-display);font-size:var(--qm-chrome-size-lg);align-items:center;gap:8px;margin:0;font-weight:700;display:flex}.green-room .step-mark{color:var(--qm-chrome-correct)}.green-room .room-step.is-done .step-title{color:var(--qm-chrome-text-muted);font-size:var(--qm-chrome-size-md)}.green-room .step-summary{color:var(--qm-chrome-text);font-size:var(--qm-chrome-size-md);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.green-room .step-rule{color:var(--qm-chrome-text);font-size:var(--qm-chrome-size-md);margin:0}.green-room .step-scores{font-size:var(--qm-chrome-size-md);flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.green-room .step-scores li{justify-content:space-between;gap:16px;display:flex}.green-room .step-score-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.green-room .step-score{font-variant-numeric:tabular-nums;font-weight:700}.green-room .step-actions{flex-wrap:wrap;gap:8px;display:flex}.green-room .step-button,.green-room .step-link{min-height:var(--qm-chrome-target);border:1px solid var(--qm-chrome-border);border-radius:var(--qm-chrome-radius-sm);color:var(--qm-chrome-text);font:inherit;font-size:var(--qm-chrome-size-sm);cursor:pointer;background:0 0;padding:0 16px;font-weight:600}.green-room .step-link{padding:0 14px}.green-room .step-blocked{color:var(--qm-chrome-wrong);font-size:var(--qm-chrome-size-sm);margin:0}.green-room .step-blocked a{color:var(--qm-chrome-link)}.green-room .room-foot{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.green-room .go-live{background:var(--qm-chrome-accent);border-radius:var(--qm-chrome-radius);min-height:56px;color:var(--qm-chrome-accent-text);font-family:var(--qm-chrome-font-display);font-size:var(--qm-chrome-size-xl);cursor:pointer;border:none;padding:0 40px;font-weight:700;transition:translate .1s ease-out}.green-room .go-live:not(:disabled):active{translate:0 1px}.green-room .go-live:disabled{background:var(--qm-chrome-surface-raised);color:var(--qm-chrome-text-muted);cursor:default}.green-room .start-again{border:1px solid var(--qm-chrome-border);border-radius:var(--qm-chrome-radius);min-height:56px;color:var(--qm-chrome-text);font:inherit;font-size:var(--qm-chrome-size-md);cursor:pointer;background:0 0;padding:0 24px;font-weight:600}.green-room .start-again:disabled{color:var(--qm-chrome-text-muted);cursor:default}.green-room .go-live-hint{color:var(--qm-chrome-text-muted);font-size:var(--qm-chrome-size-sm);margin:0}.green-room .room-language{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.green-room .room-language-legend{color:var(--qm-chrome-text-muted);font-size:var(--qm-chrome-size-sm);padding:0;font-weight:600}.green-room .room-language-segments{grid-template-columns:1fr 1fr;gap:8px;display:grid}.green-room .room-language-segment{min-height:var(--qm-chrome-target);border:1px solid var(--qm-chrome-border);border-radius:var(--qm-chrome-radius-sm);color:var(--qm-chrome-text);font-size:var(--qm-chrome-size-sm);cursor:pointer;justify-content:center;align-items:center;padding:0 12px;transition:transform .16s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.green-room .room-language-segment input{opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}.green-room .room-language-segment:has(input:checked){border:2px solid var(--qm-chrome-text);font-weight:700}.green-room .room-language-segment:active{transform:scale(.97)}.green-room .room-language-segment:has(input:focus-visible){outline:2px solid var(--qm-chrome-focus);outline-offset:3px}.green-room .room-language[aria-busy=true] .room-language-segment{cursor:progress}@media (hover:hover) and (pointer:fine){.green-room .room-language:not([aria-busy=true]) .room-language-segment:not(:has(input:checked)):hover,.green-room .step-button:hover,.green-room .step-link:hover,.green-room .start-again:not(:disabled):hover{background:var(--qm-chrome-border)}.green-room .go-live:not(:disabled):hover{filter:brightness(1.08)}}.green-room .go-live:focus-visible,.green-room .start-again:focus-visible,.green-room .step-button:focus-visible,.green-room .step-link:focus-visible,.green-room .step-blocked a:focus-visible{outline:2px solid var(--qm-chrome-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){.green-room .go-live,.green-room .room-language-segment{transition:none}.green-room .room-language-segment:active{transform:none}}.green-room .step-jokers li{min-height:var(--qm-chrome-target);align-items:center}.green-room .step-joker-pick{max-width:60%;min-height:var(--qm-chrome-target);border:1px solid var(--qm-chrome-border);border-radius:var(--qm-chrome-radius-sm);background:var(--qm-chrome-surface-raised);color:var(--qm-chrome-text);font:inherit;text-overflow:ellipsis;flex:none;padding:0 12px}.green-room .step-joker-pick:focus-visible{outline:2px solid var(--qm-chrome-focus);outline-offset:2px}.green-room .step-joker{font-weight:700}.green-room .room-column{flex-direction:column;gap:16px;min-width:0;display:flex}.preview-panel{grid-template-rows:auto minmax(0,1fr);gap:4px;min-height:96px;display:grid}.preview-panel .panel-head{justify-content:space-between;align-items:baseline;gap:var(--qm-chrome-gap);display:flex}.preview-panel .up-next-held{color:var(--qm-chrome-warning);font-size:var(--qm-chrome-size-xs);white-space:nowrap;margin:0;font-weight:700}.preview-panel .up-next-held:empty{display:none}.preview-panel .panel-caption{font-size:var(--qm-chrome-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--qm-chrome-text-muted);margin:0}.preview-panel .deck-end{border-radius:var(--qm-chrome-radius);background:var(--qm-chrome-surface);width:100%;height:100%;color:var(--qm-chrome-text-muted);font-size:var(--qm-chrome-size-md);justify-content:center;align-items:center;display:flex}.preview-panel .up-next-frame{place-items:start center;min-height:0;display:grid;container-type:size}.preview-panel .up-next-stage{aspect-ratio:16/9;outline:1px solid var(--qm-chrome-border);border-radius:2px;width:min(100cqw,177.778cqh)}.preview-panel.is-unheld .up-next-stage{outline:2px dashed var(--qm-chrome-warning);outline-offset:2px}.script-column{gap:var(--qm-chrome-gap);grid-template-rows:auto minmax(0,max-content) minmax(140px,1fr);grid-template-areas:"answer""notes""next";min-height:0;display:grid}.script-column>.answer-card{grid-area:answer}.script-column>.notes-panel{grid-area:notes}.script-column>.preview-panel{grid-area:next}.script-column:not(:has(>.notes-panel)){grid-template-rows:auto minmax(140px,1fr);grid-template-areas:"answer""next"}.control-deck{background:var(--qm-chrome-surface);border-radius:var(--qm-chrome-radius);padding:10px;display:grid}.control-deck:has(>.team-rail[data-waits]){outline:2px solid var(--qm-chrome-text);outline-offset:-2px}.show-bar{align-items:center;gap:var(--qm-chrome-gap);background:var(--qm-chrome-surface);border-radius:var(--qm-chrome-radius);min-height:56px;color:var(--qm-chrome-text);font-size:var(--qm-chrome-size-md);padding:6px 6px 6px 16px;display:flex}.show-bar .show-title{font-family:var(--qm-chrome-font-display);font-size:var(--qm-chrome-size-lg);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;max-width:22ch;font-weight:800;overflow:hidden}.show-bar .show-sep{color:var(--qm-chrome-text-muted)}.show-bar .show-where{color:var(--qm-chrome-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.show-bar .show-award{color:var(--qm-chrome-text);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-weight:700}.show-bar .show-spacer{flex:1}.show-bar .show-position{min-height:var(--qm-chrome-target);background:var(--qm-chrome-surface);border:2px solid var(--qm-chrome-text);border-radius:var(--qm-chrome-radius-sm);color:var(--qm-chrome-text);font:inherit;font-family:var(--qm-chrome-font-display);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-weight:800;display:inline-flex}@media (hover:hover) and (pointer:fine){.show-bar .show-position:hover{background:var(--qm-chrome-border)}}.show-bar .show-clock{text-align:right;min-width:7ch;color:var(--qm-chrome-text-muted);font-variant-numeric:tabular-nums}.show-bar .show-sounds{align-items:center;gap:6px;display:inline-flex}.show-bar .show-sounds-button,.show-bar .show-sound-stop,.show-bar .show-menu-button{min-height:var(--qm-chrome-target);min-width:var(--qm-chrome-target);background:var(--qm-chrome-surface-raised);border:1px solid var(--qm-chrome-border);border-radius:var(--qm-chrome-radius-sm);color:var(--qm-chrome-text);font:inherit;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;padding:0 12px;font-weight:600;display:inline-flex}.show-bar .show-sound-stop{border-color:var(--qm-chrome-text)}.show-bar .show-menu-button{padding:0;font-size:1.25em;line-height:1}@media (hover:hover) and (pointer:fine){.show-bar .show-sounds-button:hover,.show-bar .show-sound-stop:hover,.show-bar .show-menu-button:hover{background:var(--qm-chrome-border)}}.show-bar .sound-unavailable{color:var(--qm-chrome-text-muted);white-space:nowrap}.show-bar .show-menu{position:relative}.show-bar .show-menu-scrim{z-index:40;position:fixed;inset:0}.show-bar .show-menu-list{z-index:41;background:var(--qm-chrome-bg);border:1px solid var(--qm-chrome-border);border-radius:var(--qm-chrome-radius);flex-direction:column;gap:2px;min-width:220px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000002e}.show-bar .show-menu-list>button{width:100%;min-height:var(--qm-chrome-target);border-radius:var(--qm-chrome-radius-sm);color:var(--qm-chrome-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;padding:0 12px;font-weight:600;display:flex}@media (hover:hover) and (pointer:fine){.show-bar .show-menu-list>button:hover{background:var(--qm-chrome-surface-raised)}}.show-bar .show-menu-list>.show-leave{border-top:1px solid var(--qm-chrome-border);color:var(--qm-chrome-text-muted);border-radius:0;margin-top:4px}.show-bar .show-position:focus-visible,.show-bar .show-sounds-button:focus-visible,.show-bar .show-sound-stop:focus-visible,.show-bar .show-menu-button:focus-visible,.show-bar .show-menu-list>button:focus-visible{outline:2px solid var(--qm-chrome-focus);outline-offset:2px}.show-bar .show-held{color:var(--qm-chrome-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.show-bar .show-held.is-near{color:var(--qm-chrome-warning);font-weight:600}.presenter-preview{width:100%;height:100%;position:relative;overflow:hidden}.control-deck.presenter-preview-band--teams .team-rail{opacity:.5}.hero{gap:var(--huzzah-space-4);flex-direction:column;display:flex;container-type:inline-size}.hero-scene{height:38.75cqw;position:relative}.hero-panel{width:62%;transition:transform .7s cubic-bezier(.4,.14,.3,1),opacity .7s cubic-bezier(.4,.14,.3,1);position:absolute;top:50%}.hero-laptop{transform-origin:0;left:0;transform:translateY(-50%)}.hero-tv{transform-origin:100%;right:0;transform:translateY(-50%)scale(.55)}.hero-scene[data-focus=tv] .hero-laptop{transform:translateY(-50%)scale(.55)}.hero-scene[data-focus=tv] .hero-tv{transform:translateY(-50%)}.hero-screen{border-radius:var(--huzzah-radius-lg);position:relative;overflow:hidden}.hero-laptop-screen{aspect-ratio:1280/800;border:1px solid var(--border-strong);background:var(--background)}.hero-camera{transform-origin:0 0;transition:transform .9s cubic-bezier(.4,.14,.3,1);position:absolute;inset:0}.hero-window .h-dvh{height:100%}.hero-window .control-deck{height:clamp(180px, calc(.26 * var(--window-height)), 260px)}.hero-window{transform:scale(var(--fit));transform-origin:0 0;background:var(--background);color:var(--foreground);position:absolute;top:0;left:0}.hero-picker-host{z-index:40;pointer-events:none;position:absolute;inset:0}.hero-tv-frame{aspect-ratio:16/9;box-shadow:0 0 0 1px var(--border-strong);background:#000}.hero-tv-screen{position:absolute;inset:0}.hero-still{object-fit:cover;width:100%;height:100%;display:block}.hero-cursor{z-index:60;transform-origin:3px 2.5px;filter:drop-shadow(0 3px 6px #00000080);pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.hero-line{font-family:var(--huzzah-font-display);font-size:var(--huzzah-text-2xl);font-weight:700;line-height:var(--huzzah-leading-tight);text-align:center;text-wrap:balance;margin:0}.hero-line>span{animation:.32s cubic-bezier(.23,1,.32,1) hero-line-in;display:inline-block}@keyframes hero-line-in{0%{opacity:0;transform:translateY(6px)}}.hero-controls{align-items:center;gap:var(--huzzah-space-4);display:flex}.hero-play,.hero-sound{min-width:6rem;min-height:var(--huzzah-target);padding:0 var(--huzzah-space-4);border:1px solid var(--border-strong);border-radius:var(--huzzah-radius-full);background:var(--card);color:var(--foreground);font:600 var(--huzzah-text-sm) / 1 var(--huzzah-font-body);cursor:pointer;flex:none}.hero-beats{grid-template-columns:repeat(var(--beats,5), minmax(0, 1fr));gap:var(--huzzah-space-2);flex:1;margin:0;padding:0;list-style:none;display:grid}.hero-beat{gap:var(--huzzah-space-2);width:100%;min-height:var(--huzzah-target);padding:var(--huzzah-space-2) 0;color:var(--muted-foreground);font:500 var(--huzzah-text-xs) / 1.3 var(--huzzah-font-body);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;display:flex}.hero-beat-bar{border-radius:var(--huzzah-radius-full);background:var(--border);height:3px;display:block;position:relative;overflow:hidden}.hero-beat[data-done] .hero-beat-bar{background:var(--primary)}.hero-beat-fill{background:var(--primary);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.hero-beat[aria-current]{color:var(--foreground)}.hero-play,.hero-sound,.hero-beat{touch-action:manipulation;transition:color .14s var(--huzzah-ease-out), border-color .14s var(--huzzah-ease-out)}@media (hover:hover) and (pointer:fine){.hero-play:not(:disabled):hover,.hero-sound:hover{border-color:var(--foreground)}.hero-beat:not(:disabled):hover{color:var(--foreground)}}.hero-play:focus-visible,.hero-sound:focus-visible,.hero-beat:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.hero-play[data-hidden]{visibility:hidden}.hero-beat:disabled{cursor:default}@container (width<=719px){.hero-scene{gap:var(--huzzah-space-3);flex-direction:column;height:auto;display:flex}.hero-panel,.hero-scene[data-focus] .hero-panel{width:100%;position:relative;top:auto;transform:none}.hero-scene[data-focus=laptop] .hero-tv,.hero-scene[data-focus=tv] .hero-laptop{opacity:.55}.hero-line{font-size:var(--huzzah-text-xl)}.hero-controls{flex-wrap:wrap}.hero-beats{flex-basis:100%;order:-1}.hero-beat-line{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.hero-panel,.hero-camera{transition:none}.hero-line>span{animation:none}}