.watch-mode{--watch-bg:#0b0d10;--watch-fg:#e8eaed;--watch-muted:#9aa0a6;--watch-accent:#4ade80;--watch-edge:#ffffff14;background:var(--watch-bg);color:var(--watch-fg);flex-direction:column;min-height:100vh;padding:0;font-family:Inter,system-ui,sans-serif;display:flex}.watch-mode .arena-debug-toggle,.watch-mode .arena-debug-states,.watch-mode .arena-connect-cta,.watch-mode .arena-signed-in-badge,.watch-mode .table-interact-panel,.watch-mode .seated-banner{display:none!important}.watch-pill{border-bottom:1px solid var(--watch-edge);letter-spacing:.01em;background:linear-gradient(#ffffff0a 0%,#0000 100%);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:flex}.watch-pill-live{background:var(--watch-accent);border-radius:50%;width:8px;height:8px;animation:2s ease-out infinite watch-pulse;display:inline-block;box-shadow:0 0 #4ade808c}@keyframes watch-pulse{0%{box-shadow:0 0 #4ade808c}70%{box-shadow:0 0 0 6px #4ade8000}to{box-shadow:0 0 #4ade8000}}@media (prefers-reduced-motion:reduce){.watch-pill-live{animation:none}}.watch-pill-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--watch-muted);font-size:11px}.watch-pill-label{color:var(--watch-fg);font-size:15px;font-weight:600}.watch-pill-format{border:1px solid var(--watch-edge);color:#b8c0c8;background:#ffffff08;border-radius:4px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:11px}.watch-pill-blind{color:var(--watch-muted);font-family:JetBrains Mono,monospace;font-size:12px}.watch-pill-divider{color:#3a3f47}.watch-pill-countdown{color:var(--watch-muted);min-width:110px;font-family:JetBrains Mono,monospace;font-size:12px}.watch-pill-controls{gap:4px;margin-left:auto;display:inline-flex}.watch-pill-btn{border:1px solid var(--watch-edge);color:var(--watch-fg);cursor:pointer;background:#ffffff08;border-radius:4px;min-width:32px;padding:4px 10px;font-family:inherit;font-size:13px;transition:background-color 80ms,border-color 80ms}.watch-pill-btn:hover{background:#ffffff14;border-color:#ffffff29}.watch-pill-btn:focus-visible{outline:2px solid var(--watch-accent);outline-offset:1px}.watch-pill-btn--pause[aria-pressed=true]{color:#e8c547;background:#e8c54714;border-color:#e8c5474d}.watch-felt{flex:auto;min-height:60vh;position:relative}.watch-rail{border-top:1px solid var(--watch-edge);background:#0006;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;display:flex;overflow-x:auto}.watch-rail-list{gap:6px;margin:0;padding:0;list-style:none;display:inline-flex}.watch-rail-pip{border:1px solid var(--watch-edge);color:var(--watch-fg);cursor:pointer;white-space:nowrap;background:#ffffff05;border-radius:4px;flex-direction:column;align-items:flex-start;gap:1px;padding:4px 9px;font-family:inherit;font-size:12px;transition:background-color 80ms,border-color 80ms;display:inline-flex}.watch-rail-pip:hover{background:#ffffff0f;border-color:#ffffff29}.watch-rail-pip:focus-visible{outline:2px solid var(--watch-accent);outline-offset:1px}.watch-rail-pip-num{color:var(--watch-muted);font-family:JetBrains Mono,monospace;font-size:10px}.watch-rail-pip-label{color:var(--watch-fg);font-size:12px}.watch-rail-pip--active{background:#4ade801a;border-color:#4ade8066}.watch-rail-pip--active .watch-rail-pip-num{color:var(--watch-accent)}.watch-rail-exit{color:var(--watch-muted);white-space:nowrap;border-radius:4px;margin-left:auto;padding:4px 9px;font-size:12px;text-decoration:none;transition:color 80ms,background-color 80ms}.watch-rail-exit:hover{color:var(--watch-fg);background:#ffffff0a}.watch-overlay{z-index:2;pointer-events:auto;max-width:320px;position:absolute;top:12px;right:12px}.watch-overlay .follows-tray{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-color:#ffffff1f;margin:0}.watch-overlay .follows-tray-heading{color:#9aa0a6}.cheer-tray{z-index:2;pointer-events:auto;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:16px;right:16px}.cheer-tray-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#9aa0a6b3;background:#00000080;border:1px solid #ffffff0f;border-radius:3px;padding:2px 6px;font-size:10px}.cheer-tray-buttons{flex-direction:column;gap:4px;display:flex}.cheer-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#0000008c;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:18px;transition:transform 80ms,border-color 80ms,background-color 80ms;display:inline-flex}.cheer-btn:hover{background:#000000b3;border-color:#ffffff52;transform:scale(1.08)}.cheer-btn:active{transform:scale(.92)}.cheer-btn:focus-visible{outline:2px solid var(--watch-accent);outline-offset:1px}.cheer-tray-count{color:#9aa0a6d9;background:#00000080;border:1px solid #ffffff0f;border-radius:3px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:11px}.cheer-floats{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cheer-float{pointer-events:none;filter:drop-shadow(0 2px 4px #0009);font-size:28px;line-height:1;animation-name:cheer-rise;animation-timing-function:ease-out;animation-fill-mode:forwards;position:absolute;bottom:0}@keyframes cheer-rise{0%{opacity:0;transform:translateY(0)scale(.6)}10%{opacity:1;transform:translateY(-8%)scale(1.1)}to{opacity:0;transform:translateY(-90vh)scale(.9)}}@media (prefers-reduced-motion:reduce){.cheer-float{animation:.8s ease-out forwards cheer-fade}@keyframes cheer-fade{0%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}}
