:root{color:#f3f1e8;background:#0b0d0e;font-family:Arial Narrow,Roboto Condensed,Arial,sans-serif;font-synthesis:none;--ink: #0b0d0e;--surface: #15191a;--line: #3b4242;--muted: #a6afac;--live: #e8ff3d;--warning: #ffb000;--danger: #ff5d43}*{box-sizing:border-box}html{min-width:320px;background:var(--ink)}body{margin:0;min-height:100vh;background:repeating-linear-gradient(135deg,transparent 0 18px,rgb(255 255 255 / .018) 18px 19px),var(--ink)}button,video{font:inherit}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:20;padding:.8rem 1rem;color:var(--ink);background:var(--live)}.skip-link:focus{top:1rem}.signal-rail{height:6px;display:grid;grid-template-columns:3fr 1fr 1fr;gap:4px}.signal-rail span:first-child{background:var(--live)}.signal-rail span:nth-child(2){background:var(--warning)}.signal-rail span:last-child{background:var(--danger)}.masthead,footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1440px;margin:auto;padding:1.2rem clamp(1rem,4vw,4rem);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.75rem;color:inherit;text-decoration:none;font-weight:800;letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:42px;height:34px;border:1px solid var(--live);color:var(--live);font-size:.75rem}.environment,.eyebrow,.state-label,footer{margin:0;color:var(--muted);font-size:.7rem;letter-spacing:.16em}.page-shell{max-width:1440px;margin:auto;padding:clamp(1.5rem,4vw,4rem);display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:clamp(1.5rem,3vw,3rem)}.broadcast-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem}.eyebrow{color:var(--live)}h1{margin:.35rem 0 0;font-size:clamp(1.8rem,4vw,4rem);line-height:.95;letter-spacing:-.035em;text-transform:uppercase}.status-chip{flex:none;display:flex;align-items:center;gap:.65rem;min-width:135px;padding:.65rem .8rem;border:1px solid var(--line);color:var(--muted);font-size:.72rem;letter-spacing:.1em}.status-light{width:9px;height:9px;background:currentColor}.status-chip[data-status=live]{color:var(--live);border-color:var(--live)}.status-chip[data-status=stalled],.status-chip[data-status=connecting],.status-chip[data-status=ready]{color:var(--warning)}.status-chip[data-status=offline],.status-chip[data-status=unsupported]{color:var(--danger)}.video-frame{position:relative;overflow:hidden;aspect-ratio:16 / 9;background:#030404;border:1px solid #545b59;box-shadow:10px 10px #252a2a}video{display:block;width:100%;height:100%;object-fit:contain;background:#030404}.video-overlay{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.65rem;padding:2rem;text-align:center;background:radial-gradient(circle at center,#1b2020 0,#090b0c 68%)}.video-overlay[hidden]{display:none}.video-overlay p{margin:0;font-size:clamp(1.15rem,2.5vw,2rem);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.video-overlay span{color:var(--muted);max-width:42ch;line-height:1.5}.pulse{width:30px;height:30px;border:3px solid var(--live);animation:pulse 1.6s steps(2,end) infinite}.frame-index{position:absolute;right:0;top:0;padding:.5rem .65rem;color:var(--ink);background:var(--live);font-size:.65rem;font-weight:800;letter-spacing:.12em}.control-strip{margin-top:1.5rem;display:grid;grid-template-columns:1.3fr 1fr auto;gap:1px;background:var(--line);border:1px solid var(--line)}.control-strip>*{margin:0;padding:1rem;background:var(--surface)}.control-strip p{margin:.35rem 0 0;line-height:1.4}.retry{min-height:48px;padding-inline:1.3rem;border:0;color:var(--ink);background:var(--live);cursor:pointer;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.retry:hover{background:#fff}.retry:focus-visible,.brand:focus-visible{outline:3px solid var(--warning);outline-offset:4px}.event-info{border-left:1px solid var(--line);padding-left:1.5rem;display:flex;flex-direction:column;gap:2rem;color:var(--muted)}.event-info p{margin:.45rem 0 0;line-height:1.55;overflow-wrap:anywhere}.info-number{font-size:5rem;line-height:.8;color:#2d3433;font-weight:900}footer{border-top:1px solid var(--line);border-bottom:0;margin-top:2rem}@keyframes pulse{50%{transform:scale(.7);opacity:.35}}@media(max-width:850px){.environment{display:none}.page-shell{grid-template-columns:1fr}.event-info{border-left:0;border-top:1px solid var(--line);padding:1.5rem 0 0;display:grid;grid-template-columns:auto 1fr}.event-info>:last-child{grid-column:2}.control-strip{grid-template-columns:1fr}.broadcast-heading{align-items:start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.pulse{animation:none}}