.live-page{background:#0c100e}.live-page header{padding:18px 3vw}.live-main{max-width:2000px;padding:24px 3vw 35px}.live-intro{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:18px}.live-intro h1{font-size:clamp(26px,3vw,43px);margin:10px 0}.live-intro .eyebrow{margin:0}.live-intro>p{font-size:13px;line-height:1.6;color:#a0aba1}.live-tools{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;padding:16px 0 20px}.layout-buttons,.live-size{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.live-tools button{font-size:13px;border:1px solid #394638;border-radius:5px;padding:10px 14px}.live-tools button[aria-pressed=true]{background:#d8ff45;color:#101312;border-color:#d8ff45}.live-size{font-size:12px;color:#a0aba1}.live-size input{width:100px;accent-color:#d8ff45}.live-size output{min-width:43px}.streams{display:grid;grid-template-columns:minmax(402px,1fr) minmax(402px,1fr);gap:16px;align-items:start}.streams[data-layout=stack]{grid-template-columns:minmax(402px,1fr)}.streams[data-layout=focus1]{grid-template-columns:minmax(402px,2.4fr) minmax(402px,1fr)}.streams[data-layout=focus2]{grid-template-columns:minmax(402px,1fr) minmax(402px,2.4fr)}.stream-card{background:#151c16;border:1px solid #343e32;border-radius:8px;overflow:hidden;min-width:0}.stream-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:13px 15px}.stream-heading h2{font-size:14px;margin:0}.stream-heading h2 span{color:#d8ff45;font-size:11px;margin-right:10px}.stream-heading a,.player-mobile a{font-size:12px;color:#b5c1af;text-decoration:none}.player-slot{position:relative;width:100%;aspect-ratio:16/9;min-height:300px;background:#080b09}.player-slot iframe{display:block;width:100%;height:100%;position:absolute;inset:0;border:0}.player-mobile{height:100%;min-height:220px;align-content:center;text-align:center;background:radial-gradient(ellipse at center,#273523,#0c100e)}.player-mobile p{font-size:18px;font-weight:700}.player-mobile a{display:inline-block;border:1px solid #687455;border-radius:5px;padding:12px 20px;color:#d8ff45}.live-rc{display:flex;gap:20px;align-items:baseline;padding:16px 2px;color:#a7b4a2;font-size:13px;line-height:1.5}.live-rc strong{white-space:nowrap;color:#d8ff45}.live-rc span{overflow-wrap:anywhere}#live-stage:fullscreen{background:#0c100e;overflow:auto;padding:16px;max-width:none}#live-stage:fullscreen .streams{min-height:calc(100vh - var(--banner-height,170px) - 100px)}@media(max-width:900px){.streams,.streams[data-layout=focus1],.streams[data-layout=focus2]{grid-template-columns:minmax(0,1fr)}.streams[data-layout=focus2] #stream2{order:-1}.streams[data-layout=focus1] #stream1{order:-1}}@media(max-width:550px){.live-intro{display:block}.live-intro>p{display:none}.live-main{padding:20px 12px}.live-tools{gap:14px}.live-tools button{font-size:12px;padding:9px 11px}.streams[data-layout=stack]{grid-template-columns:minmax(0,1fr)}.live-size{gap:8px}.live-rc{display:block}.live-rc strong{display:block;margin-bottom:6px}}

.live-banner{position:relative;width:100%;height:var(--banner-height,170px);margin-top:18px;container-type:size;overflow:hidden;isolation:isolate;background:var(--track-bg,linear-gradient(180deg,#071019,#04101a));color:var(--track-ink,#ecf5ff)}
.banner-grid{width:100%;height:100%;padding:min(1.3cqw,5cqh);padding-bottom:min(2.4cqw,12cqh);display:grid;grid-template-columns:1.2fr 1.3fr .8fr .9fr 1.4fr;gap:min(1cqw,4cqh);align-items:stretch}
.banner-card{border:1px solid #1c3547;border-radius:min(1.4cqw,6cqh);background:var(--track-card,rgba(10,25,38,.92));border-color:var(--track-border,#1c3547);padding:min(1.5cqw,5cqh);display:flex;flex-direction:column;justify-content:center;min-width:0;overflow:hidden}
.label{font-size:min(1.35cqw,8cqh);text-transform:uppercase;letter-spacing:.08em;color:var(--track-muted,#88a7bf);margin-bottom:min(.8cqw,3cqh);white-space:nowrap}
.value{font-size:min(4cqw,27cqh);font-weight:800;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.speed .value{font-size:min(8.6cqw,45cqh);letter-spacing:-.04em}.speed .unit{font-size:min(2cqw,10cqh);color:var(--track-muted,#8cb0ca);margin-top:1cqh;font-weight:700}
.driver .value{font-size:min(3.6cqw,24cqh)}
.meta,.error{position:absolute;bottom:2cqh;font-size:min(.95cqw,6cqh);max-width:48%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{left:1.3cqw;color:var(--track-muted,#88a7bf);max-width:63%}.error{right:1.3cqw;color:var(--track-error,#ff8e98);max-width:34%;text-align:right}

.live-banner[data-track="green"]{--track-bg:#126334;--track-card:rgba(4,40,22,.52);--track-ink:#f1fff5;--track-muted:#d2f7dc;--track-border:#76c88f}
.live-banner[data-track="yellow"]{--track-bg:#f2ca35;--track-card:rgba(255,243,176,.52);--track-ink:#241d03;--track-muted:#4e3e07;--track-border:#9a7c14;--track-error:#701600}
.live-banner[data-track="red"]{--track-bg:#a71e2c;--track-card:rgba(77,5,14,.42);--track-ink:#fff5f5;--track-muted:#ffe0e1;--track-border:#ed8991;--track-error:#fff3ab}
.live-banner[data-track="blue"]{--track-bg:#154b9e;--track-card:rgba(6,29,72,.5);--track-muted:#d9eaff;--track-border:#8db9fc}
.live-banner[data-track="white"]{--track-bg:#e8edf2;--track-card:rgba(255,255,255,.5);--track-ink:#142331;--track-muted:#354a5f;--track-border:#8497a7;--track-error:#971a27}
.live-banner[data-track="finished"]{--track-bg:repeating-conic-gradient(#293442 0% 25%,#0b1520 0% 50%) 0 0/36px 36px;--track-card:rgba(7,16,25,.9);--track-muted:#d6e2ee;--track-border:#8797a7}
.rain-layer{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;display:none}.live-banner.raining .rain-layer{display:block}.raindrop{position:absolute;top:-35%;left:var(--x);height:var(--length);width:1px;background:linear-gradient(transparent,rgba(220,241,255,.7));transform:rotate(13deg);animation:rain-fall var(--speed) linear infinite;animation-delay:var(--delay)}
@keyframes rain-fall{from{translate:0 -40cqh}to{translate:-8cqw 170cqh}}
.meta,.error{z-index:3}.banner-grid{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){.raindrop{animation:none;top:var(--still-y);opacity:.35}}

@media(max-width:550px){.live-banner .banner-grid{grid-template-columns:1.2fr .65fr .85fr 1.6fr}.live-banner .car{display:none}.live-banner .value,.live-banner .driver .value{font-size:min(5cqw,20cqh)}.live-banner .label{font-size:2cqw}.live-banner .meta,.live-banner .error{font-size:1.9cqw;bottom:3cqh}.live-banner .banner-grid{padding:3cqw 2cqw 10cqh}}