@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}:root{--team:var(--accent)}[data-team=comet],.team-comet{--team:var(--team-comet)}[data-team=nova],.team-nova{--team:var(--team-nova)}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg-space);min-height:100%;color:var(--text-primary);font-family:var(--font-body);margin:0;font-size:100%;line-height:1.4}html.in-test,html.in-test body{overscroll-behavior:none;height:100%;overflow:hidden}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tabular{font-variant-numeric:tabular-nums}:focus-visible{outline:3px solid var(--text-primary);outline-offset:2px}h1:focus{outline:none}.icon{flex:none;width:1.5em;height:1.5em}.btn{justify-content:center;align-items:center;gap:var(--touch-gap);min-width:var(--touch-min);min-height:var(--touch-min);border:2px solid var(--team);font:inherit;font-size:var(--size-button-rem);font-weight:var(--weight-button);cursor:pointer;transition:background-color var(--transition) ease-out, color var(--transition) ease-out, opacity var(--transition) ease-out;border-radius:12px;padding:.5rem 1.25rem;display:inline-flex}.btn-primary{background:var(--team);color:var(--bg-space)}.btn-secondary{color:var(--text-primary);border-color:var(--text-secondary);background:0 0}.btn:disabled{opacity:.6;cursor:default}.btn-small{font-size:var(--size-caption);border-color:var(--text-secondary);background:var(--bg-surface);color:var(--text-primary);padding:0 12px}.screen{padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left))}.menu-screen{flex-direction:column;gap:1.5rem;max-width:32rem;min-height:100dvh;margin:0 auto;display:flex}.screen-title{font-family:var(--font-display);font-size:var(--size-title-rem);font-weight:var(--weight-title);margin:0}.body-text{font-size:var(--size-body-rem);margin:0}.caption{color:var(--text-secondary);font-size:var(--size-caption-rem);margin:0}.role-cards{flex-direction:column;gap:1rem;display:flex}.role-card{border:2px solid var(--team);background:var(--bg-surface);min-height:6rem;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--transition) ease-out;border-radius:16px;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.role-card .icon{width:2.5rem;height:2.5rem;color:var(--team)}.role-card-text{flex-direction:column;gap:.25rem;display:flex}.role-card-label{font-size:var(--size-button-rem);font-weight:var(--weight-button)}.role-card-sub{color:var(--text-secondary);font-size:var(--size-body-rem)}.stack{flex-direction:column;gap:1rem;display:flex}.btn-block{width:100%}.btn-link{align-self:flex-start}.wordmark{color:var(--accent);font-family:var(--font-display);font-size:calc(var(--size-title-rem) * 1.5);font-weight:var(--weight-title);letter-spacing:.02em;margin:0}.pitch{font-family:var(--font-display);font-weight:var(--weight-button)}.field{flex-direction:column;gap:.5rem;display:flex}.field label,.check-row label{font-size:var(--size-body-rem);font-weight:var(--weight-button)}.input{min-height:var(--touch-min);border:2px solid var(--line-wall);background:var(--bg-surface);color:var(--text-primary);font:inherit;font-size:var(--size-body-rem);border-radius:12px;padding:.5rem .75rem}.input[aria-invalid=true]{border-color:var(--danger)}.input-code,.room-code{font-family:var(--font-display);font-size:3rem;font-weight:var(--weight-title);letter-spacing:.1em;text-transform:uppercase}.field-error{color:var(--danger);font-size:var(--size-body-rem);margin:0}.field-error:empty{display:none}.check-row{min-height:var(--touch-min);align-items:center;gap:.75rem;display:flex}.check-row input{width:1.5rem;height:1.5rem;accent-color:var(--team)}.room-share{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.room-code{margin:0}.qr{width:min(12rem,60vw);height:auto}.qr-bg{fill:var(--text-primary)}.qr-fg{fill:var(--bg-space)}.lobby-status{color:var(--text-secondary);text-align:center;justify-content:center}.team-columns{gap:var(--touch-gap);grid-template-columns:1fr 1fr;display:grid}.team-column{gap:var(--touch-gap);flex-direction:column;display:flex}.team-heading{font-family:var(--font-display);font-size:var(--size-body-rem);font-weight:var(--weight-title);align-items:center;gap:.5rem;margin:0;display:flex}.team-comet .team-heading,.team-tag.team-comet{color:var(--team)}.team-nova .team-heading,.team-tag.team-nova{color:var(--team-nova)}.seat-card{border:2px solid var(--team);background:var(--bg-surface);min-height:5.5rem;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;border-radius:12px;align-items:flex-start;gap:.5rem;padding:.75rem;display:flex}.seat-card.team-nova{border-color:var(--team-nova)}.seat-card .icon{color:var(--team)}.seat-card.team-nova .icon{color:var(--team-nova)}.seat-card[data-tone=open]{border-style:dashed}.seat-card:disabled{cursor:default}.seat-card.is-mine{outline:2px solid var(--text-primary);outline-offset:2px}.seat-text{flex-direction:column;gap:.125rem;min-width:0;display:flex}.seat-role{font-weight:var(--weight-button)}.seat-name{overflow-wrap:anywhere}.seat-status{color:var(--text-secondary);font-size:var(--size-caption-rem);align-items:center;gap:.25rem;display:inline-flex}.seat-status .icon{width:1rem;height:1rem}.seat-card[data-tone=ok] .seat-status{color:var(--success)}.seat-card[data-tone=warn] .seat-status{color:var(--warning)}.steps{gap:var(--touch-gap);margin:0;padding:0;list-style:none;display:flex}.step{border-bottom:3px solid var(--bg-surface);color:var(--text-secondary);font-size:var(--size-caption-rem);transition:color var(--transition) ease-out, border-color var(--transition) ease-out;flex:1;align-items:center;gap:.5rem;padding:.5rem;display:flex}.step.is-current{border-bottom-color:var(--team);color:var(--text-primary);font-weight:var(--weight-button)}.step.is-complete{border-bottom-color:var(--success)}.step-marker{border:2px solid;border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:inline-flex}.step-marker .icon{width:1.1rem;height:1.1rem;display:none}.step.is-complete .step-marker{border-color:var(--success);color:var(--success)}.step.is-complete .step-number{display:none}.step.is-complete .step-marker .icon{display:block}.setup-panel{flex-direction:column;gap:1rem;display:flex}.failure-card{border:2px solid var(--danger);background:var(--bg-surface);border-radius:16px;padding:1.25rem}.button-row{gap:var(--touch-gap);flex-wrap:wrap;display:flex}.hint{color:var(--text-secondary)}.tilt-track{background:var(--bg-surface);border-radius:1.5rem;height:3rem;position:relative}.tilt-track:before{content:"";background:var(--text-secondary);width:2px;position:absolute;top:20%;bottom:20%;left:50%}.tilt-dot{--tilt:0;top:50%;left:calc(50% + var(--tilt) * (50% - 1.25rem));background:var(--team);border-radius:50%;width:2rem;height:2rem;position:absolute;transform:translate(-50%,-50%)}.shake-once{font-size:var(--size-body-rem);font-weight:var(--weight-button);align-items:center;gap:.75rem;margin:0;display:flex}.shake-once-marker{border:2px dashed var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.shake-once-marker .icon{visibility:hidden;width:1.25rem;height:1.25rem}.shake-once.is-done .shake-once-marker{border:2px solid var(--success);color:var(--success)}.shake-once.is-done .shake-once-marker .icon{visibility:visible}.status-line{font-size:var(--size-body-rem);font-weight:var(--weight-button);align-items:center;gap:.5rem;margin:0;display:flex}.is-success{color:var(--success)}.calibration-hold{align-items:center;gap:1rem;min-height:4rem;display:flex}.calibration-ring{width:4rem;height:4rem}.calibration-status{font-size:var(--size-body-rem);font-weight:var(--weight-button);margin:0}.ring{--progress:0;transition:opacity var(--transition) ease-out;transform:rotate(-90deg)}.ring.is-idle{opacity:0}.ring-track{stroke:var(--bg-space);stroke-width:3px}.ring-fill{stroke:var(--team);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--progress))}.test-screen{gap:var(--touch-gap);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.match-hud{justify-content:space-between;align-items:center;gap:var(--touch-gap);flex:var(--layout-hud) 0 auto;font-family:var(--font-display);display:flex}.hud-team{border:1px solid #0000;border-radius:8px;justify-items:center;min-width:0;padding:4px 8px;display:grid}.hud-team.own-team{border-color:currentColor}.hud-team.team-comet,.result-card.team-comet,.screen-title.team-comet{color:var(--team)}.hud-team.team-nova,.result-card.team-nova,.screen-title.team-nova{color:var(--team-nova)}.rocket-silhouette{vertical-align:middle;width:48px;height:48px}.hud-label{font-size:var(--size-caption);font-weight:700}.hud-score{font-size:36px;line-height:1}.core-pips{color:var(--core);font-size:var(--size-caption);gap:4px;display:flex}.match-timer{font-size:36px;font-weight:700}.final-warning{color:var(--warning)}.timer-pulse{animation:timer-pulse var(--transition) ease-out}@keyframes timer-pulse{0%{transform:scale(1.08)}to{transform:scale(1)}}.hud-team{position:relative}.hud-center{justify-items:center;gap:2px;display:grid}.hud-mute{width:var(--touch-min);padding:0}.hud-mute .icon{width:22px;height:22px}.match-screen{position:relative}.match-screen .middle{overflow:hidden}.match-debug{position:absolute;bottom:0;right:0}.pause-controls{align-items:center;gap:8px;display:flex;position:absolute;top:8px;left:8px;right:8px}.arena.is-paused{opacity:.45;transition:opacity var(--transition) ease-out}.hold-bar{background:var(--bg-surface);border-radius:4px;flex:1;height:8px;overflow:hidden}.hold-bar-fill{background:var(--warning);transform-origin:0;height:100%;transform:scaleX(var(--hold,1));display:block}.result-seats{color:var(--text-primary);gap:4px;margin:0;padding:0;list-style:none;display:grid}.countdown-overlay{z-index:3;background:var(--bg-space);color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown-overlay.is-go{pointer-events:none;background:0 0}.countdown-numeral{font-family:var(--font-display);font-size:clamp(64px,20vw,120px)}.practice-arena{height:45dvh;min-height:240px;position:relative}.practice-screen .role-panel{flex:none}.result-card{background:var(--bg-surface);border:1px solid;border-radius:16px;padding:16px}.result-card p{color:var(--text-primary)}.result-total{font-family:var(--font-display);font-size:28px}.top-bar{flex:var(--layout-hud) 0 0%;align-items:center;gap:var(--touch-gap);flex-wrap:wrap;min-height:min-content;display:flex}.team-tag{color:var(--team);font-family:var(--font-display);font-size:var(--size-caption);font-weight:var(--weight-title);align-items:center;gap:4px;display:inline-flex}.team-tag .icon{width:16px;height:16px}.top-bar-title{font-family:var(--font-display);font-size:var(--size-body);font-weight:var(--weight-title);flex:1;margin:0}.top-bar-actions{gap:var(--touch-gap);display:flex}.middle{flex:var(--layout-arena) 1 0%;flex-direction:column;justify-content:center;min-height:0;display:flex;position:relative}.arena{border-radius:8px;flex:1;min-height:0;position:relative;overflow:hidden}.arena-canvas{width:100%;height:100%;position:absolute;inset:0}.role-panel{flex:var(--layout-panel) 0 0%;justify-content:center;gap:var(--touch-gap);background:var(--bg-surface);border-radius:16px;flex-direction:column;min-height:min-content;padding:12px;display:flex}.panel-hint{color:var(--text-secondary);font-size:var(--size-body);text-align:center;margin:0}.gauge,.tilt-indicator{align-items:center;gap:var(--touch-gap);display:flex}.gauge-side{color:var(--text-secondary);font-family:var(--font-display);font-size:var(--size-caption);font-weight:var(--weight-title)}.gauge-track{border:2px solid var(--line-wall);background:var(--bg-space);border-radius:8px;flex:1;height:40px;position:relative}.gauge-dead-zone{--band:0;top:0;bottom:0;left:calc(50% - var(--band) * 50%);width:calc(var(--band) * 100%);background:var(--bg-track);border-left:1px dashed var(--gate-idle);border-right:1px dashed var(--gate-idle);position:absolute}.gauge-end{background:var(--text-secondary);width:4px;position:absolute;top:-6px;bottom:-6px}.gauge-end-left{left:-3px}.gauge-end-right{right:-3px}.gauge-needle{--needle:0;top:-4px;bottom:-4px;left:calc(50% + var(--needle) * 50%);background:var(--team);border-radius:3px;width:6px;position:absolute;transform:translate(-50%)}.tilt-indicator{padding:0 4px}.selection-track{border-radius:20px;flex:1;height:40px}.selection-mark{background:var(--team);width:2px;position:absolute;top:6px;bottom:6px}.selection-mark-left{left:calc(50% - var(--mark) * 50%)}.selection-mark-right{left:calc(50% + var(--mark) * 50%)}.selection-track .tilt-dot{left:calc(50% + var(--tilt) * (50% - 16px));width:24px;height:24px}.energy-row{align-items:center;gap:var(--touch-gap);display:flex;position:relative}.energy-label{color:var(--text-secondary);font-size:var(--size-caption);font-weight:var(--weight-button)}.energy-meter{transition:box-shadow var(--transition) ease-out;border-radius:8px;flex:1;gap:4px;padding:3px;display:flex}.energy-meter.is-full{box-shadow:0 0 12px var(--team)}.energy-segment{border:2px solid var(--team);height:24px;transition:background-color var(--transition) ease-out;border-radius:4px;flex:1}.energy-segment.is-filled{background:var(--team)}.energy-value{min-width:3ch;font-family:var(--font-display);font-size:var(--size-button);font-weight:var(--weight-title);text-align:right}.energy-full{color:var(--team);font-family:var(--font-display);font-size:var(--size-caption);font-weight:var(--weight-title)}.charge-float{color:var(--team);font-family:var(--font-display);font-size:var(--size-body);font-weight:var(--weight-title);opacity:0;pointer-events:none;position:absolute;bottom:100%;right:0}.charge-float.float{animation:float-up var(--event-burst-max) ease-out}.selector{align-items:stretch;gap:var(--touch-gap);display:flex}.ability-tile{justify-content:center;align-items:center;gap:var(--touch-gap);min-height:var(--touch-min);border:2px solid var(--team);color:var(--text-primary);font-weight:var(--weight-button);transition:background-color var(--transition) ease-out, color var(--transition) ease-out;border-radius:12px;flex:1;padding:0 8px;display:flex;position:relative}.ability-tile.is-selected{background:var(--team);color:var(--bg-space)}.ability-tile .icon{width:20px;height:20px}.selection-ring{width:20px;height:20px;position:absolute;top:4px;right:4px}.ability-tile.is-selected .ring-fill{stroke:var(--bg-space)}.selector-center{flex:1;justify-content:center;align-items:center;display:flex}.selection-lock{color:var(--warning);font-size:var(--size-caption);font-weight:var(--weight-button);text-align:center;align-items:center;gap:4px;margin:0;display:flex}.selection-lock .icon{width:18px;height:18px}.fail-reason{visibility:hidden;min-height:1.4em;color:var(--danger);font-size:var(--size-body);font-weight:var(--weight-button);text-align:center;margin:0}.fail-reason.is-visible{visibility:visible}.activate{--sweep:0;width:100%;min-height:var(--activate-min-h);border:3px solid var(--team);color:var(--text-primary);font:inherit;font-family:var(--font-display);font-size:var(--size-button);font-weight:var(--weight-title);cursor:pointer;transition:background-color var(--transition) ease-out, color var(--transition) ease-out;background:0 0;border-radius:16px;position:relative;overflow:hidden}.activate .btn-label{position:relative}.activate:before{content:"";width:calc(var(--sweep) * 100%);background:color-mix(in srgb, var(--team) 30%, transparent);position:absolute;inset:0}.activate[data-state=ready],.activate[data-state=active]{background:var(--team);color:var(--bg-space)}.activate[data-state=active]{animation:effect-pulse var(--event-burst-max) ease-out infinite alternate}.activate[data-state=active].is-ending{animation:effect-flicker calc(var(--effect-flicker) / 2) ease-in-out infinite alternate}.activate.nudge{animation:nudge var(--fail-nudge) ease-out}.activate.flash,.activate.refill{animation:flash var(--event-burst-max) ease-out}.control-strip{border:1px dashed var(--warning);color:var(--warning);font-family:var(--font-display);font-size:var(--size-caption);font-weight:var(--weight-title);text-align:center;border-radius:8px;margin:0;padding:4px 8px}.arena-message{background:var(--bg-surface);color:var(--text-primary);font-size:var(--size-body);font-weight:var(--weight-button);text-align:center;border-radius:8px;margin:0;padding:8px 12px;position:absolute;inset:auto 8px 8px}.crew-status{font-family:var(--font-display);font-size:var(--size-body);font-weight:var(--weight-title);flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.crew-ability{color:var(--team)}.crew-state{flex:1}.crew-energy-label{color:var(--text-secondary);font-size:var(--size-caption)}.nova-panel{text-align:center}.room-code-small{font-family:var(--font-display);font-size:var(--size-body);font-weight:var(--weight-title);letter-spacing:.1em}.watch-seats{gap:4px var(--touch-gap);font-size:var(--size-caption);grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.watch-seats li{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.watch-seat-name{overflow-wrap:anywhere}.watch-seat-state{color:var(--text-secondary)}.pop{animation:pop var(--event-burst-max) ease-out}.bump{animation:bump var(--select-bump) ease-out}@keyframes pop{0%{transform:scale(1)}30%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes bump{50%{transform:scale(1.06)}}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-24px)}}@keyframes nudge{25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes flash{0%{filter:brightness(1.6)}to{filter:brightness()}}@keyframes effect-pulse{0%{box-shadow:0 0 0 var(--team)}to{box-shadow:0 0 20px var(--team)}}@keyframes effect-flicker{0%{opacity:1}to{opacity:.5}}.debug-panel{z-index:1;gap:var(--touch-gap);border:1px solid var(--line-wall);background:var(--bg-surface);font-size:var(--size-caption);touch-action:pan-y;overscroll-behavior:contain;-webkit-user-select:text;user-select:text;border-radius:8px;flex-direction:column;padding:12px;display:flex;position:absolute;inset:0;overflow-y:auto}.debug-values{grid-template-columns:auto 1fr;gap:2px 12px;margin:0;display:grid}.debug-values dt{color:var(--text-secondary)}.debug-values dd{overflow-wrap:anywhere;margin:0}.debug-slider{grid-template-columns:1fr auto;align-items:center;gap:4px 12px;display:grid}.debug-slider input{width:100%;min-height:var(--touch-min);accent-color:var(--team);grid-column:1/-1}.debug-copy-status{color:var(--text-secondary);margin:0}.debug-copy-fallback{border:1px solid var(--line-wall);background:var(--bg-space);width:100%;color:var(--text-primary);font:inherit}.rotate-overlay{z-index:10;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--bg-space);touch-action:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rotate-text{font-family:var(--font-display);font-size:var(--size-title);font-weight:var(--weight-title);text-align:center;margin:0}html:not(.in-test) body{background-color:var(--bg-space);background-image:radial-gradient(1px 1px at 12% 18%, var(--text-secondary), transparent), radial-gradient(1px 1px at 78% 9%, var(--text-secondary), transparent), radial-gradient(1.5px 1.5px at 64% 42%, var(--text-secondary), transparent), radial-gradient(1px 1px at 28% 66%, var(--text-secondary), transparent), radial-gradient(1.5px 1.5px at 90% 74%, var(--text-secondary), transparent), radial-gradient(1px 1px at 46% 92%, var(--text-secondary), transparent);background-attachment:fixed}.home-screen{justify-content:center}.hero-art{width:min(100%,22rem);height:auto;margin:1rem auto 0}.hero-star{fill:var(--text-secondary)}.hero-gate{stroke:var(--gate-next);stroke-width:3px}.hero-comet{color:var(--team-comet)}.hero-nova{color:var(--team-nova)}.pitch{color:var(--text-primary)}.tutorial-steps{gap:.5rem;margin:0;padding-left:1.5rem;display:grid}.tutorial-steps li::marker{color:var(--team);font-family:var(--font-display);font-weight:var(--weight-title)}.score-float{font-family:var(--font-display);font-size:var(--size-body);font-weight:var(--weight-title);opacity:0;pointer-events:none;position:absolute;top:0;right:4px}.score-float-gain{color:var(--text-primary)}.score-float-loss{color:var(--danger)}.score-float.float{animation:float-up var(--event-burst-max) ease-out}.hud-score.loss-flash,.core-pip.loss-flash{animation:loss-flash var(--event-burst-max) ease-out}.core-pip{display:inline-block}@keyframes loss-flash{0%{color:var(--danger);transform:scale(1.3)}to{transform:scale(1)}}.time-banner{z-index:2;color:var(--accent);font-family:var(--font-display);font-size:clamp(48px,16vw,96px);font-weight:var(--weight-title);letter-spacing:.06em;pointer-events:none;animation:pop var(--event-burst-max) ease-out;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.countdown-numeral{color:var(--accent)}.room-watch-screen .middle{min-height:0}.spectator-stage{flex:1;min-height:0;display:flex}.spectator-stage .middle{flex:1}.spectator-panel,.spectator-timer{display:none}.ticker{min-height:4.2em;color:var(--text-secondary);font-size:var(--size-caption);gap:2px;margin:0;padding:0;list-style:none;display:grid}.ticker li:first-child{color:var(--text-primary);font-weight:var(--weight-button)}@media (orientation:landscape) and (width>=900px) and (height>=500px){.room-watch-screen{gap:1.5vh}.room-watch-screen.in-match .watch-seats,.room-watch-screen.in-match .match-hud{display:none}.room-watch-screen.in-match .spectator-timer{display:block}.spectator-stage{gap:2vw}.room-watch-screen.in-match .spectator-panel{display:flex}.ticker{font-size:clamp(16px,2.6vh,40px)}.spectator-timer{font-family:var(--font-display);font-size:max(96px,9vh);font-weight:var(--weight-title);text-align:center;margin:0;line-height:1}.spectator-timer.final-warning{color:var(--warning)}.spectator-panel{border:2px solid var(--team);background:var(--bg-surface);border-radius:16px;flex-direction:column;flex:0 0 22vw;gap:1.5vh;padding:2vh 1.5vw;font-size:clamp(17px,2.6vh,42px)}.spectator-panel.is-active{box-shadow:0 0 24px var(--team)}.spectator-team{color:var(--team);font-family:var(--font-display);font-weight:var(--weight-title);align-items:center;gap:.5em;display:flex}.spectator-team .rocket-silhouette{width:2.5em;height:2.5em}.spectator-team .team-tag{font-size:1.4em}.spectator-team .team-tag .icon{width:1em;height:1em}.spectator-role{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.4em;margin:0;display:flex}.spectator-role .icon{width:1.1em;height:1.1em;color:var(--team)}.spectator-name{color:var(--text-primary);font-weight:var(--weight-button);overflow-wrap:anywhere}.spectator-score{color:var(--team);font-family:var(--font-display);font-size:3em;line-height:1}.spectator-pips{letter-spacing:.15em;font-size:1.4em}.spectator-panel .energy-segment{height:1.2em}.spectator-panel .energy-value{font-size:1em}.spectator-state{font-family:var(--font-display);font-weight:var(--weight-title);margin:0}}