:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#0b0f0e;color:#f2f4ef;font-synthesis:none;--green:#b5e850;--muted:#9ba79d;--line:#29312c}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 12% 4%,#18352355,transparent 42%),#0b0f0e}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:6px}
.masthead,footer{width:100%;padding:28px 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:14px;font-size:15px;letter-spacing:2.5px;font-weight:400}
.brand strong{font-weight:800}
.brand-mark{display:flex;font-style:italic;font-weight:900;font-size:23px;letter-spacing:-4px;line-height:36px;color:#0b0f0e;background:var(--green);width:42px;height:36px;padding-left:7px;transform:skew(-9deg);border-radius:2px}
.brand-mark span{color:#35531a}
.car-label{font-size:10px;font-weight:700;letter-spacing:2px;color:#b3beb4}
.car-label span{margin:0 10px;color:var(--green)}
main{width:100%;flex:1;display:flex;flex-direction:column;justify-content:center;padding:20px 4.5vw 36px}
.broadcast{width:min(100%,1240px);margin:0 auto}
.broadcast-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px}
.eyebrow{color:var(--green);font-size:10px;font-weight:700;letter-spacing:2.4px;margin:0 0 10px}
h1{font-size:clamp(23px,3.1vw,38px);font-weight:500;letter-spacing:-1.2px;margin:0;line-height:1.15}
.status{flex-shrink:0;margin:0 0 4px;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px;line-height:1.4}
.status:before{content:"";display:inline-block;width:6px;height:6px;background:#7b897d;border-radius:50%}
.player-shell{width:100%;aspect-ratio:16/9;background:#080b09;border:1px solid var(--line);border-radius:8px;overflow:hidden;position:relative;box-shadow:0 25px 80px #0004}
.player-shell:fullscreen{border:0;border-radius:0;display:flex;align-items:center;justify-content:center;background:#000;aspect-ratio:auto}
.player-shell iframe{display:block;width:100%;height:100%;border:0}
.player-shell:fullscreen iframe{height:100%;max-height:100vh;aspect-ratio:16/9}
.waiting{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:radial-gradient(ellipse at 50% 90%,#20302048,transparent 70%)}
.waiting-icon{display:flex;align-items:center;justify-content:center;gap:5px;width:60px;height:60px;border:1px solid #344630;border-radius:50%;margin-bottom:22px}
.waiting-icon span{width:4px;height:15px;background:var(--green);border-radius:2px;transform:skew(-14deg)}
.waiting-icon span:nth-child(2){height:24px}
.waiting h2{font-weight:500;font-size:clamp(18px,2.5vw,26px);letter-spacing:-.5px;margin:0 0 12px}
.waiting p{margin:0;color:var(--muted);font-size:13px;line-height:1.6;max-width:360px}
.player-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px;min-height:30px}
.player-toolbar p{font-size:11px;color:var(--muted);line-height:1.7;margin:0}
.player-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}
.action,.text-button{border:0;background:transparent;padding:4px 0;color:#e5eae2;font-size:11px;font-weight:600;cursor:pointer;line-height:1.5}
.action:hover,.text-button:hover{color:var(--green)}
.action span{color:var(--green);margin-left:6px}
.text-button{margin-top:18px;text-decoration:underline;text-underline-offset:4px}
footer{border-top:1px solid #1b241d;padding-top:18px;padding-bottom:22px;color:#6e7c70;font-size:9px;letter-spacing:1.8px}
.footer-domain{letter-spacing:1px}
.no-script{margin:20px auto;color:var(--green);font-size:14px}
@media(min-width:1600px){.broadcast{max-width:min(1440px,calc((100svh - 280px)*16/9))}}
@media(max-width:680px){.masthead{padding:22px 22px}.brand{font-size:12px;letter-spacing:1.5px;gap:10px}.brand-mark{width:36px;height:32px;font-size:21px;line-height:32px;padding-left:5px}.car-label{display:none}main{padding:30px 18px 40px}.broadcast-heading{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:16px}.eyebrow{font-size:9px}.status{font-size:10px}.player-shell{border-radius:5px}.waiting{padding:16px}.waiting-icon{width:40px;height:40px;margin-bottom:12px}.waiting-icon span{width:3px;height:12px}.waiting-icon span:nth-child(2){height:18px}.waiting h2{font-size:17px;margin-bottom:6px}.waiting p{font-size:11px;max-width:280px}.player-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.player-actions{gap:22px}footer{padding:18px 22px;font-size:8px;letter-spacing:1px}}
@media(prefers-reduced-motion:no-preference){.action,.text-button{transition:color .15s}}