@media(min-width:901px){.broadcast-grid{grid-template-columns:minmax(350px,430px) minmax(420px,1fr) minmax(250px,310px)}.battle-card{position:static;display:block;padding:24px 20px}.battle-position{margin-top:26px;color:var(--amber);font-size:3.6rem;font-weight:950;line-height:1}.battle-card h2{font-size:1.55rem;margin:12px 0 5px}.battle-card p{margin:0;color:var(--muted)}.battle-stats{display:grid;gap:8px;margin-top:30px}.battle-stats div{padding:13px;background:#090d10;border-radius:7px;display:grid;grid-template-columns:1fr auto;gap:8px}.battle-stats span{color:var(--muted);font-size:.68rem;letter-spacing:.1em}.broadcast-map .broadcast-flag,.broadcast-map .broadcast-weather{position:absolute;top:15px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#0b0f12;font-size:.72rem;font-weight:800}.broadcast-map .broadcast-flag{left:15px}.broadcast-map .broadcast-weather{right:15px}.broadcast-ticker{grid-template-columns:auto 1fr auto}.broadcast-ticker small{padding:0 18px;color:var(--muted)}}

.broadcast-body{height:100vh;min-height:620px;overflow:hidden;background:#07090b}
.broadcast-header{position:static;height:80px;min-height:80px;grid-template-columns:clamp(600px,30vw,900px) minmax(0,1fr) auto auto auto;grid-template-rows:1fr;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);background:#0b0e11e8}
.broadcast-header-primary{grid-column:1;grid-row:1;gap:24px}
.broadcast-track-visual{width:116px;height:56px}
.broadcast-session-copy{display:grid;gap:4px;min-width:0}
.broadcast-session-copy>strong,.broadcast-session-copy>span{display:flex;align-items:baseline;gap:6px;min-width:0}
.broadcast-session-copy #broadcastTrack{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.broadcast-session-copy #broadcastSession{white-space:normal;line-height:1.25}
.broadcast-session-copy #broadcastTrack{font-size:1.03rem}
.broadcast-session-copy #broadcastSession{color:#aab5bc;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}
.broadcast-session-visuals{grid-column:2;grid-row:1;justify-self:start;gap:16px;max-width:100%;overflow:hidden}
.broadcast-lap,.broadcast-clock{display:block;text-align:right;white-space:nowrap}
.broadcast-lap span,.broadcast-clock span{display:block;color:var(--muted);font-size:.62rem;letter-spacing:.12em}
.broadcast-lap strong,.broadcast-clock strong{font-size:1.3rem}
.broadcast-grid{height:calc(100vh - 122px);display:grid;grid-template-columns:minmax(620px,44vw) minmax(480px,1fr);grid-template-rows:minmax(0,1fr) auto;gap:10px;padding:10px}
.broadcast-tower,.broadcast-map,.battle-card{min-width:0;min-height:0;border:1px solid var(--line);border-radius:11px;background:linear-gradient(155deg,#151a1f,#0d1114)}
.broadcast-tower{grid-row:1/3;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;padding:12px}
.broadcast-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
.broadcast-panel-heading h1{margin:3px 0 0;font-size:1.35rem}
.broadcast-panel-heading .standings-switch{justify-content:flex-end;max-width:62%;overflow-x:auto}
.broadcast-panel-heading .standings-switch button{min-height:27px;padding:4px 8px}
.broadcast-panel-heading .standings-class-image{width:18px;height:18px}
.broadcast-tower-head,.broadcast-row{display:grid;grid-template-columns:34px 38px 92px minmax(120px,1fr) 60px 34px 72px 68px;gap:6px;align-items:center}
.broadcast-tower-head{padding:4px 8px;color:var(--muted);font-size:.58rem;letter-spacing:.075em;text-align:center}
.broadcast-tower-head>span:nth-child(4){text-align:left}
.broadcast-rows{min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:#596873 transparent}
.broadcast-row{min-height:70px;margin-top:5px;padding:6px 8px;border-left:3px solid var(--row-accent,#46515b);border-radius:6px;background:#181e23;cursor:pointer;transition:background 140ms,border-color 140ms}
.broadcast-row:hover{background:#1d252a}
.broadcast-row.focus{border-color:var(--amber);background:#2b2414;box-shadow:inset 0 0 0 1px #f4b94255}
.broadcast-row.pit,.broadcast-row.garage{opacity:.68}
.broadcast-position{font-size:1.25rem;text-align:center}
.broadcast-trend{font-size:.72rem;text-align:center}.broadcast-trend.gain{color:var(--green)}.broadcast-trend.loss{color:var(--red)}.broadcast-trend.neutral{color:var(--muted)}
.broadcast-vehicle{display:grid;grid-template-rows:14px 34px;place-items:center;gap:3px;min-width:0}
.broadcast-vehicle .class-image{width:20px;height:14px;overflow:visible}
.broadcast-vehicle .car-image-placeholder,.broadcast-vehicle .car-image-placeholder.has-car-image{width:84px;max-width:84px;height:34px;aspect-ratio:auto}
.broadcast-driver,.broadcast-status,.broadcast-last{display:grid;align-content:center;min-width:0}
.broadcast-driver>strong,.broadcast-driver>small,.broadcast-status>strong,.broadcast-status>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.broadcast-driver>strong{font-size:.86rem}.broadcast-driver>small,.broadcast-status>small{color:var(--muted);font-size:.57rem}
.broadcast-status{text-align:center}.broadcast-status>strong{font-size:.61rem}.broadcast-laps{text-align:center}
.broadcast-gap{font-style:normal;font-weight:850;text-align:right;white-space:nowrap}
.broadcast-last{text-align:right}.broadcast-last>strong{color:#a8b4bc;font-size:.68rem}.broadcast-last>small{font-size:.65rem;font-weight:800}.broadcast-last>small.positive{color:var(--red)}.broadcast-last>small.negative{color:var(--green)}
.broadcast-map{grid-column:2;grid-row:1;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#1c242a,#090c0f 72%)}
.broadcast-map svg{width:96%;height:92%}
.broadcast-map .broadcast-flag,.broadcast-map .broadcast-weather{position:absolute;top:14px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#0b0f12e8;font-size:.68rem;font-weight:800;backdrop-filter:blur(8px)}
.broadcast-map .broadcast-flag{left:14px}.broadcast-map .broadcast-weather{right:14px;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.battle-card{grid-column:2;grid-row:2;position:static;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(390px,1.25fr) auto;align-items:center;gap:14px;padding:11px 14px;overflow:hidden}
.battle-card>.eyebrow{display:none}
.battle-identity{display:grid;grid-template-columns:auto 112px minmax(0,1fr);grid-template-areas:"position vehicle copy";align-items:center;gap:10px;margin:0}
.battle-position{grid-area:position;margin:0;color:var(--amber);font-size:2.55rem;font-weight:950;line-height:1}
.battle-vehicle{grid-area:vehicle;display:grid;grid-template-columns:27px 80px;align-items:center;justify-self:center;gap:5px}
.battle-vehicle .class-image{width:27px;height:28px}.battle-vehicle .car-image-placeholder,.battle-vehicle .car-image-placeholder.has-car-image{width:80px;max-width:80px}
.battle-copy{grid-area:copy;min-width:0;margin:0}.battle-card h2{overflow:hidden;margin:0;font-size:1.15rem;text-overflow:ellipsis;white-space:nowrap}.battle-card p{overflow:hidden;margin:4px 0 0;color:var(--muted);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}
.battle-stats{display:grid;grid-template-columns:repeat(4,minmax(84px,1fr));gap:7px;margin:0}.battle-stats div{display:grid;grid-template-columns:1fr;padding:8px;background:#090d10;border-radius:7px}.battle-stats span{color:var(--muted);font-size:.62rem;letter-spacing:.08em}.battle-stats strong{text-align:right}
.broadcast-reset{margin:0;padding:9px 12px;border:1px solid #5d522f;border-radius:7px;background:#211c10;color:var(--amber);font:inherit;font-size:.66rem;font-weight:850;letter-spacing:.06em;cursor:pointer}.broadcast-reset:hover{border-color:var(--amber)}
.broadcast-ticker{height:42px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;overflow:hidden;border-top:1px solid var(--line);background:#11161a}.broadcast-ticker>strong{height:100%;display:grid;place-items:center;padding:0 22px;background:var(--amber);color:#171109;letter-spacing:.11em}.broadcast-ticker span{overflow:hidden;padding-left:20px;text-overflow:ellipsis;white-space:nowrap}.broadcast-ticker small{padding:0 16px;color:var(--muted);white-space:nowrap}
@media(max-width:1500px){.broadcast-header{grid-template-columns:minmax(520px,50vw) minmax(0,1fr) auto auto}.broadcast-header .connection{display:none}.broadcast-grid{grid-template-columns:minmax(540px,52vw) minmax(420px,1fr)}.battle-card{grid-template-columns:minmax(260px,1fr) minmax(300px,1.2fr)}.battle-identity{grid-template-columns:auto 90px minmax(0,1fr)}.battle-stats{grid-template-columns:repeat(4,minmax(72px,1fr))}.broadcast-reset{display:none}.battle-vehicle{grid-template-columns:22px 64px}.battle-vehicle .class-image{width:22px;height:23px}.battle-vehicle .car-image-placeholder,.battle-vehicle .car-image-placeholder.has-car-image{width:64px;max-width:64px}.battle-position{font-size:2rem}}
@media(max-width:1250px){.broadcast-header{height:132px;min-height:132px;grid-template-columns:minmax(520px,50vw) minmax(0,1fr) auto auto;grid-template-rows:68px 40px}.broadcast-session-visuals{grid-column:2/-1;grid-row:2;gap:12px}.broadcast-grid{height:calc(100vh - 174px)}}
@media(max-width:1100px){.broadcast-grid{grid-template-columns:minmax(500px,58vw) minmax(360px,1fr)}.broadcast-tower-head,.broadcast-row{grid-template-columns:32px 34px 80px minmax(105px,1fr) 54px 30px 64px 60px;gap:4px}.broadcast-vehicle .car-image-placeholder,.broadcast-vehicle .car-image-placeholder.has-car-image{width:72px;max-width:72px}.battle-card{grid-template-columns:1fr}.battle-stats{display:none}.battle-identity{grid-template-columns:auto 90px minmax(0,1fr)}}
@media(max-width:820px){.broadcast-body{height:auto;min-height:100vh;overflow-y:auto}.broadcast-header{height:auto;min-height:150px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;padding:10px 12px}.broadcast-header-primary{grid-column:1/-1;grid-row:1}.broadcast-session-visuals{grid-column:1/-1;grid-row:2;justify-self:start;margin-top:4px}.broadcast-lap{grid-column:1;grid-row:3;text-align:left}.broadcast-clock{grid-column:2;grid-row:3}.broadcast-grid{height:auto;grid-template-columns:1fr;grid-template-rows:auto;overflow:visible}.broadcast-tower{grid-row:auto;min-height:620px}.broadcast-map{min-height:480px}.battle-card{grid-column:auto;grid-row:auto;display:flex}.battle-card>.eyebrow,.battle-stats{display:grid}.battle-stats{grid-template-columns:repeat(2,1fr)}.broadcast-reset{margin-top:14px}.broadcast-ticker{position:sticky;bottom:0}.broadcast-track-visual{width:86px;height:46px}}
@media(max-width:620px){.broadcast-track-visual{display:none}.broadcast-header-primary{gap:9px}.broadcast-header-primary .brand>span:last-child{display:none}.broadcast-panel-heading{display:grid}.broadcast-panel-heading .standings-switch{justify-content:flex-start;max-width:100%}.broadcast-tower{padding:8px}.broadcast-tower-head,.broadcast-row{grid-template-columns:30px 30px 72px minmax(95px,1fr) 30px 58px;gap:3px}.broadcast-tower-head>span:nth-child(5),.broadcast-row .broadcast-status,.broadcast-tower-head>span:nth-child(6),.broadcast-row .broadcast-laps{display:none}.broadcast-vehicle .car-image-placeholder,.broadcast-vehicle .car-image-placeholder.has-car-image{width:64px;max-width:64px}.broadcast-ticker small{display:none}}

/* Keep the header and focus area in their own rows so neither can squeeze its neighbours. */
.broadcast-body{display:grid;grid-template-rows:auto minmax(0,1fr) 42px;height:100dvh;min-height:0;overflow:hidden}
.broadcast-header{height:auto;min-height:0;grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-rows:auto auto;gap:8px 16px;padding:10px 16px 9px}
.broadcast-header-primary{grid-column:1;grid-row:1;gap:14px;min-width:0}
.broadcast-header-primary .brand{flex:0 0 auto}
.broadcast-session-copy{min-width:0;overflow:hidden}
.broadcast-session-copy .session-track,.broadcast-session-copy .session-meta{min-width:0;overflow:hidden;white-space:nowrap}
.broadcast-session-copy #broadcastTrack,.broadcast-session-copy #broadcastSession{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.broadcast-session-visuals{grid-column:1/-1;grid-row:2;justify-self:center;justify-content:center;width:max-content;max-width:100%;min-height:42px;gap:14px;overflow:hidden}
.broadcast-session-visuals .session-classes{max-width:40%}
.broadcast-session-visuals .session-models{flex:0 1 auto;max-width:100%;min-width:0}
.broadcast-lap{grid-column:2;grid-row:1}.broadcast-clock{grid-column:3;grid-row:1}.broadcast-header .connection{grid-column:4;grid-row:1}
.broadcast-grid{height:auto;min-height:0;grid-template-columns:minmax(520px,48%) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
.battle-card{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity reset" "stats stats";gap:8px 12px;min-width:0}
.battle-identity{grid-area:identity;min-width:0}.battle-stats{grid-area:stats;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}.broadcast-reset{grid-area:reset}
.battle-stats div,.battle-stats span,.battle-stats strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:1500px){
  .broadcast-header{grid-template-columns:minmax(0,1fr) auto auto}
  .broadcast-header .connection{display:none}
  .battle-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"identity" "stats"}
  .broadcast-reset{display:none}
}
@media(max-width:1250px){
  .broadcast-tower-head,.broadcast-row{grid-template-columns:32px 34px 80px minmax(105px,1fr) 54px 30px 64px 60px;gap:4px}
  .broadcast-vehicle .car-image-placeholder,.broadcast-vehicle .car-image-placeholder.has-car-image{width:72px;max-width:72px}
}
@media(max-width:1000px){
  .broadcast-body{display:block;height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto}
  .broadcast-header{grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto auto}
  .broadcast-clock{grid-column:3;grid-row:1}
  .broadcast-grid{height:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:auto}
  .broadcast-tower{grid-row:auto;min-height:450px;max-height:65vh}
  .broadcast-map{grid-column:1;grid-row:auto;min-height:390px}
  .battle-card{grid-column:1;grid-row:auto}
  .broadcast-ticker{position:static}
}
@media(max-width:620px){
  .broadcast-header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto}
  .broadcast-header-primary{grid-column:1;grid-row:1}
  .broadcast-session-visuals{grid-column:1/-1;grid-row:2}
  .broadcast-clock{grid-column:2;grid-row:1;align-self:start}
  .battle-identity{grid-template-columns:auto 90px minmax(0,1fr)}
  .battle-position{font-size:2rem}
  .battle-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-height:650px) and (min-width:1001px){
  .broadcast-body{display:block;height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto}
  .broadcast-grid{height:auto;min-height:620px}
  .broadcast-ticker{position:static}
}