/* Broadcast first: quiet dark surfaces, readable controls, lime reserved for live/action. */
:root{color-scheme:dark;--bg:#0c1013;--panel:#141a1e;--line:#2b353b;--text:#f0f3f5;--muted:#a2aeb5;--lime:#c6f34a;--cyan:#a2c6d2;--red:#ff837a;--amber:#edc36b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}button,input,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;color:#839099;background:#192126}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button:hover:enabled{filter:brightness(1.16)}
.topbar{min-height:68px;padding:16px max(24px,calc((100vw - 1600px)/2));display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:20px;font-weight:850;letter-spacing:-.04em;color:var(--text);text-decoration:none}.brand span{color:var(--lime)}.section-name{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--muted);border-left:1px solid var(--line);padding-left:24px}.status{font-size:12px;font-weight:750;letter-spacing:.08em;margin-left:auto;white-space:nowrap}.status:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;background:currentColor}.status-live{color:var(--lime)}.status-offline{color:var(--red)}.status-wait{color:var(--amber)}.identity{font-size:13px;color:var(--muted)}
main{width:min(1600px,calc(100% - 48px));margin:0 auto 48px}.headline{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:28px 0 22px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--muted);margin:0 0 8px}h1{font-size:clamp(22px,2.4vw,34px);font-weight:700;line-height:1.2;letter-spacing:-.035em;margin:0}.headline>p{margin:0 0 3px;font-size:14px;color:var(--muted)}
.stage-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.stage{min-width:0}.stream-shell{aspect-ratio:16/9;position:relative;background:#050709;overflow:hidden;border:1px solid var(--line);border-radius:10px}.stream-shell:fullscreen{width:100%;height:100%;border:0;border-radius:0;aspect-ratio:auto}.offline-card{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--muted);padding:32px}.offline-card strong{font-size:14px;letter-spacing:.12em;color:var(--text)}.offline-card p{font-size:14px;line-height:1.6;max-width:420px;margin:12px auto}.offline-mark{font-size:46px;color:var(--muted);margin-bottom:16px}
.video-toolbar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:25px 14px 12px;background:linear-gradient(transparent,#000c);cursor:default}.video-toolbar button{border:0;border-radius:5px;background:#ffffff14;color:var(--text);min-height:36px;padding:6px 10px;font-size:13px}.video-toolbar .live-button{color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.04em;background:#080d0cbb}.video-toolbar #playback-status{flex:1;color:#d2d8dc;font-size:12px}.video-toolbar #fullscreen{font-size:25px;line-height:1}.telemetry-strip{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:16px 2px;font-size:12px;color:var(--muted)}#server-name{color:var(--text);font-weight:650;margin-right:auto}
.control-panel{border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}.control-panel section{padding:20px}.control-panel section+section{border-top:1px solid var(--line)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);font-size:12px}.panel-heading h2{font-size:14px;font-weight:650;color:var(--text);margin:0}.clock{color:var(--lime);background:#c6f34a0c;border:1px solid #c6f34a30;border-radius:5px;padding:4px 7px;font-variant-numeric:tabular-nums;min-width:45px;text-align:center}.controller{font-size:21px;font-weight:700;letter-spacing:-.025em;margin:16px 0 6px;overflow-wrap:anywhere}.muted{font-size:14px;color:var(--muted);line-height:1.5;margin:0 0 18px}.primary{width:100%;border:0;border-radius:6px;background:var(--lime);color:#142005;font-size:14px;font-weight:750;min-height:44px;padding:10px 12px}.primary:disabled{background:#263135;color:#a3adb2}#auth-actions{margin-top:12px;font-size:12px;text-align:center}.auth-link{color:var(--lime);font-size:12px;text-decoration:none;font-weight:600}.logout{border:0;background:transparent;color:var(--muted);font-size:12px;padding:3px}.queue-list{margin:12px 0 0;padding-left:24px;color:var(--muted);font-size:14px}.queue-list li{padding:4px 0}.queue-list strong{color:var(--text);font-weight:500}.empty{font-size:14px;line-height:1.5;color:var(--muted)}
.control-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px}.control-row button,.move-grid button,.look-grid button{border:1px solid var(--line);border-radius:6px;background:#1c252b;color:var(--text);min-height:54px;font-size:25px}.control-row small,.move-grid small{display:block;font-size:12px;font-weight:500;color:var(--muted);margin:2px 0 5px}.control-row button:disabled,.move-grid button:disabled,.look-grid button:disabled{color:#839099;opacity:.65}.move-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0 7px}.move-grid button{font-size:16px}.look-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.look-grid button{font-size:14px;min-height:40px}.extra-controls{margin-top:14px;border-top:1px solid var(--line);padding-top:14px}.extra-controls summary{font-size:14px;color:var(--muted);cursor:pointer;padding:4px 0}.mutator-controls{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px}.mutator-controls label{grid-column:1/-1;font-size:13px;color:var(--muted)}.mutator-controls select,.mutator-controls button{background:#1c252b;border:1px solid var(--line);border-radius:5px;color:var(--text);padding:9px;font-size:14px;min-width:0}.turn-hint{font-size:12px;color:var(--muted);line-height:1.6;padding:0 20px 18px;margin:0}
.players-section{margin-top:6px;padding:20px 0;border-top:1px solid var(--line)}.players{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:16px}.player{border-left:2px solid #435258;background:var(--panel);padding:12px 14px;border-radius:0 5px 5px 0;min-width:0}.player strong{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}.player span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.toast{position:fixed;z-index:20;left:50%;bottom:24px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);padding:14px 20px;border:1px solid var(--line);border-radius:8px;background:#243139;box-shadow:0 8px 40px #0008;font-size:14px}
@media(min-width:1800px){.stage-grid{grid-template-columns:minmax(0,1fr) 340px}}
@media(max-width:1000px){.stage-grid{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.control-panel section{padding:16px}.headline>p{display:none}}
@media(max-width:780px){main{width:calc(100% - 28px)}.topbar{padding:16px;gap:14px}.identity{display:none}.stage-grid{grid-template-columns:1fr}.headline{padding:22px 0 18px}.control-panel{display:grid;grid-template-columns:1fr 1fr}.control-panel .camera-section{grid-row:1/4;grid-column:2;border-left:1px solid var(--line);border-top:0}.turn-hint{padding:0 16px 16px}.video-toolbar #playback-status{font-size:11px}.players{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.control-panel{display:block}.control-panel .camera-section{border-left:0;border-top:1px solid var(--line)}.section-name{padding-left:12px}.video-toolbar{gap:6px;padding:22px 8px 8px;flex-wrap:wrap}.video-toolbar #playback-status{position:absolute;bottom:49px;left:12px;right:12px;text-shadow:0 1px 4px #000}.video-toolbar #reconnect{margin-left:auto}.headline h1{font-size:23px}.telemetry-strip{gap:10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.server-section label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.server-section select{width:100%;min-width:0;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:10px;margin-bottom:10px}.server-section button{width:100%}

.viewer-messages{height:230px;overflow-y:auto;overscroll-behavior:contain;margin:12px 0}.viewer-message{padding:9px 0;border-bottom:1px solid var(--line);font-size:13px;overflow-wrap:anywhere}.viewer-message strong{color:var(--cyan)}.viewer-message time{float:right;color:var(--muted);font-size:11px}.viewer-message p{margin:5px 0;white-space:pre-wrap}.viewer-compose{display:flex;gap:8px;margin-top:8px}.viewer-compose input{min-width:0;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);padding:9px;border-radius:5px}.viewer-compose button,.chat-moderation button,#viewer-chat-mutes button{background:var(--panel);color:var(--text);border:1px solid var(--line);padding:7px;border-radius:5px}.chat-moderation{display:flex;gap:6px}.viewer-chat .panel-heading span{font-size:10px}.viewer-chat .muted{font-size:12px}

.steam-identity{display:inline-flex;align-items:center;gap:9px;color:inherit;text-decoration:none;max-width:100%}.steam-identity:hover span{text-decoration:underline}.steam-avatar{width:30px;height:30px;object-fit:cover;border-radius:50%;flex:0 0 30px}.identity .steam-avatar{width:24px;height:24px;flex-basis:24px}.steam-identity span{overflow-wrap:anywhere}

.player strong{display:flex;align-items:center;gap:7px}.player-status{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.player-status.alive{color:#65dc89}.player-status.dead{color:#ff6971}.player-status.spectator{color:#a9c8e6}.player-status.unknown{color:#aab4bb}

.player-details{display:flex;align-items:center;gap:8px;margin-top:7px;min-height:38px}.player-details>span{margin-top:0}.perk-badge{width:42px;height:42px;object-fit:contain;flex:0 0 42px}

.watching-summary{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.watching-summary strong{font-size:19px;color:#d3ff51;background:#1c2814;border:1px solid #50662b;border-radius:8px;padding:9px 14px}.watching-summary>span{font-size:12px;color:var(--muted)}.watching-panel{padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:12px 0}.watching-label{font-size:12px;font-weight:600;margin-bottom:8px}.watching-list{display:flex;flex-wrap:wrap;gap:8px}.watching-person{padding:5px 8px;border-radius:7px;background:#1b252b;font-size:12px}.watching-panel small{display:block;margin-top:8px}.watching-person .steam-avatar{width:25px;height:25px;flex-basis:25px}@media(max-width:780px){.watching-summary{align-items:flex-start}}

.bot-connection{display:inline-flex;align-items:center;gap:6px;font-size:12px!important;font-weight:700;padding:5px 8px;border-radius:6px}.bot-connection:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.bot-connection.connected{color:#77e59a;background:#173522}.bot-connection.connecting{color:#ffd375;background:#392d17}.bot-connection.offline{color:#ff8f98;background:#3a1b23}.bot-connection.unknown{color:#b4bec5;background:#252e35}.bot-connection-panel p{margin:12px 0 0}

.health-bar{display:block;appearance:none;-webkit-appearance:none;width:100%;height:6px;margin-top:9px;border:0;border-radius:3px;background:#303c40;overflow:hidden;color:#65dc89}.health-bar::-webkit-progress-bar{background:#303c40;border-radius:3px}.health-bar::-webkit-progress-value{background:#65dc89;border-radius:3px}.health-bar::-moz-progress-bar{background:#65dc89;border-radius:3px}.health-bar.hurt{color:#f0bf55}.health-bar.hurt::-webkit-progress-value{background:#f0bf55}.health-bar.hurt::-moz-progress-bar{background:#f0bf55}.health-bar.critical{color:#ff6971}.health-bar.critical::-webkit-progress-value{background:#ff6971}.health-bar.critical::-moz-progress-bar{background:#ff6971}

/* Names are inline text; glyphs must never inherit card metadata layout. */
.player .steam-identity{min-width:0;flex:1}.steam-identity .identity-name{display:block;min-width:0;margin:0;font:inherit;color:inherit;line-height:1.4}.steam-identity .identity-name .name-glyph,.steam-identity .identity-name .name-colour{display:inline;margin:0;font:inherit;line-height:inherit}.player strong{align-items:flex-start}.player strong>.player-status{margin-top:6px}
.playback-preference{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:12px 0}.playback-preference button{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:9px 12px;font:inherit;font-size:12px;cursor:pointer}.playback-preference button[aria-pressed=true]{border-color:var(--lime);color:var(--lime)}.playback-preference span{color:var(--muted);font-size:12px}.playback-preference button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}