.event-start-countdown{padding:24px;margin:24px 0;text-align:center;background:#292d34;border:1px solid #687180;border-top:4px solid #f00}.event-start-countdown[hidden]{display:none}.event-start-countdown h2{font-size:clamp(26px,5vw,42px)}.event-start-countdown [role=timer]{display:block;margin:12px 0;font:800 clamp(48px,9vw,76px)/1.1 'Barlow Condensed',monospace;font-variant-numeric:tabular-nums;color:#fff}.event-start-countdown p{line-height:1.6;color:#d5dae2}
.event-race-dialog{position:fixed;inset:0;margin:auto;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;background:#22262c;color:#fff;border:1px solid #747d8c;border-top:5px solid #f00;border-radius:8px;padding:30px;text-align:center;box-shadow:0 20px 80px #0009}.event-race-dialog::backdrop{background:#000c}.event-race-dialog h2{font:800 40px/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:12px 0}.event-race-dialog p{line-height:1.7}.event-race-dialog .stage-button{width:100%;margin:16px 0}.event-race-dialog .text-button{display:block;width:100%;padding:12px;font-size:14px}.event-race-dialog:not([open]){display:none}
/* Event advertising: stable media area below a compact race countdown. */
.event-ad-box{margin:24px 0;border:1px solid #515864;border-top:4px solid #f00;background:#252930}.event-ad-box:has(>.event-start-countdown[hidden]):not(.has-ads){display:none}.event-ad-box .ad-countdown{margin:0;border:0;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;text-align:left}.event-ad-box .ad-countdown[hidden]{display:none}.ad-countdown>p:first-child{display:none}.event-ad-box .ad-countdown h2{display:flex;align-items:center;gap:22px;margin:0;flex-shrink:0}.event-ad-box .countdown-label{font:700 12px/1.4 'IBM Plex Sans',sans-serif;letter-spacing:1.3px;text-transform:uppercase}.event-ad-box .ad-countdown [role=timer]{font:800 32px/1.2 'Barlow Condensed',monospace;margin:0;white-space:nowrap}.ad-countdown>p:last-child{margin:0;max-width:440px;font-size:12px;text-align:right}.event-ad[hidden]{display:none}.event-ad-media{height:clamp(210px,28vw,410px);position:relative;background:#090b0e;display:flex;align-items:center;justify-content:center;overflow:hidden}.event-ad-media>a{display:block;width:100%;height:100%}.event-ad-media img,.event-ad-media iframe{display:block;width:100%;height:100%;object-fit:contain;border:0}.event-ad-media>p{padding:20px;color:#c4cbd6;text-align:center}.event-ad-disclosure{position:absolute;right:12px;top:12px;background:#0b0e14bd;color:#fff;font-size:9px;letter-spacing:1.5px;padding:3px 8px;pointer-events:none}.event-ad-footer{display:flex;align-items:center;gap:16px;padding:9px 16px;background:#191c21;font-size:12px;color:#c6ccd5;min-height:44px}.event-ad-title{overflow-wrap:anywhere}.event-ad-footer>a{color:#fff;margin-left:auto;white-space:nowrap}.event-ad-nav{margin-left:auto;display:flex;align-items:center;gap:12px;flex-shrink:0}.event-ad-nav[hidden]{display:none}.event-ad-nav button{padding:2px 5px;background:none;border:0;min-width:26px;color:#fff;font-size:18px}.event-ad-controls{margin:24px 0;border:1px solid #444b57;padding:0 22px;background:#191c21}.event-ad-controls[hidden]{display:none}.event-ad-controls summary{display:flex;align-items:center;justify-content:space-between;padding:19px 0;cursor:pointer;font-size:22px;font-weight:700}.event-ad-controls summary span{font-size:11px;font-weight:400;color:#b8c1cf}.event-ad-upload{display:grid;grid-template-columns:1fr 1fr;gap:14px}.event-ad-upload label{display:grid;gap:6px;font-size:13px}.event-ad-upload input{width:100%;min-width:0}.event-ad-upload .help{font-size:12px;margin:0}.event-ad-upload>button{justify-self:start}.event-ad-status{min-height:20px}.event-ad-item{display:flex;gap:16px;align-items:center;justify-content:space-between;border-top:1px solid #434955;padding:15px 0}.event-ad-item strong,.event-ad-item span{display:block;overflow-wrap:anywhere}.event-ad-item span{font-size:12px;color:#b9c1ce}.event-ad-item>div:last-child{display:flex;gap:8px}.event-ad-item button{padding:8px 12px;font-size:12px}.event-ad-item form{display:flex;gap:8px;flex-wrap:wrap}.event-ad-item input{min-width:0;width:180px}
@media(max-width:650px){.event-ad-box .ad-countdown{padding:13px 15px;gap:8px}.event-ad-box .ad-countdown h2{width:100%;justify-content:space-between;gap:8px;flex-shrink:1}.event-ad-box .ad-countdown [role=timer]{font-size:25px;white-space:normal;text-align:right}.event-ad-box .countdown-label{font-size:10px;max-width:110px}.ad-countdown>p:last-child{display:none}.event-ad-media{height:auto;aspect-ratio:4/3}.event-ad-footer{flex-wrap:wrap;gap:8px 12px;font-size:11px;padding:10px}.event-ad-title{max-width:100%}.event-ad-controls{padding:0 16px}.event-ad-upload{grid-template-columns:1fr}.event-ad-item{align-items:flex-start;flex-direction:column}.event-ad-nav{gap:6px}}
/* Standard 16:9 ad canvas and unobtrusive overlay controls. */
.event-ad-box{border-left:0;border-right:0;border-bottom:0}.event-ad{position:relative}.event-ad-media{height:auto;aspect-ratio:16/9;width:100%;padding:0}.event-ad-media img{object-fit:cover}.event-ad-media video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;border:0;pointer-events:none}.event-ad-footer{position:absolute;inset:auto 12px 12px;min-height:0;padding:0;background:none;pointer-events:none;z-index:2}.event-ad-title{display:none}.event-ad-footer>a,.event-ad-nav{pointer-events:auto;background:#090d14ba;backdrop-filter:blur(5px);border-radius:5px;padding:6px 10px;color:#fff}.event-ad-footer>a{margin-left:0;text-decoration:none}.event-ad-nav{margin-left:auto;gap:8px;font-size:11px}.event-ad-nav button{font-size:19px;min-width:30px;min-height:30px}.event-ad-sound{position:absolute;left:12px;top:12px;z-index:2;background:#090d14ba;border:0;border-radius:5px;padding:9px 12px;color:#fff;font-size:12px;cursor:pointer;backdrop-filter:blur(5px)}.event-ad-sound:disabled{opacity:.65}.event-ad-sound:focus-visible,.event-ad-nav button:focus-visible{outline:2px solid white;outline-offset:2px}@media(max-width:650px){.event-ad-media{aspect-ratio:16/9}.event-ad-footer{inset:auto 8px 8px;gap:6px}.event-ad-footer>a,.event-ad-nav{padding:3px 7px;font-size:10px}.event-ad-nav{gap:3px}.event-ad-nav button{min-width:28px;min-height:28px}.event-ad-sound{left:8px;top:8px;padding:7px 9px;font-size:11px}.event-ad-disclosure{top:8px;right:8px;font-size:8px}}
/* Event viewing hub: racers and live viewers frame the sponsor screen. */
.event-ad-box:has(>.event-start-countdown[hidden]):not(.has-ads){display:block}.event-watch-grid{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,2.5fr) minmax(170px,1fr);height:clamp(240px,29vw,340px);background:#121519}.event-watch-center{min-width:0;position:relative;overflow:hidden;display:flex;align-items:center;background:#080a0c}.event-watch-center>.event-ad{width:100%}.event-watch-center .event-ad-media{height:auto;aspect-ratio:16/9}.event-watch-rail{min-width:0;min-height:0;padding:14px 12px;display:flex;flex-direction:column;background:#1c2026}.event-watch-racers{border-right:1px solid #424850}.event-watch-viewers{border-left:1px solid #424850}.event-watch-rail .panel-heading{gap:8px;flex:none;margin:0 0 10px}.event-watch-rail h2{font-size:20px;margin:0;white-space:nowrap}.event-watch-rail .small{font-size:11px;white-space:nowrap;color:#b8c2cd}.event-watch-rail .entry-list,.event-watch-rail ul{padding:0;margin:0;list-style:none;overflow:auto;min-height:0;max-height:none;scrollbar-width:thin;flex:1}.event-watch-rail .entry-list li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:2px 5px;padding:8px 4px;border-bottom:1px solid #343b44;line-height:1.25;font-size:12px}.event-watch-rail .presence-badge{grid-column:2;justify-self:start;margin:2px 0 0;padding:2px 5px;font-size:9px;line-height:16px;background:transparent}.event-watch-rail button.presence-badge{cursor:pointer;background:#303840;color:white;min-height:24px}.event-watch-rail .presence-ready button.presence-badge{background:#245438;color:#d5ffe4}.event-watch-rail .entry-number{font-size:10px}.event-watch-viewers li{padding:10px 2px;border-bottom:1px solid #343b44;display:grid;grid-template-columns:7px minmax(0,1fr);gap:3px 7px;font-size:12px}.event-watch-viewers li:before{content:'';width:6px;height:6px;border-radius:50%;background:#72e0a0;margin-top:5px}.event-watch-viewers li span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#c9f6db}.event-watch-viewers li small{grid-column:2;color:#a5afb9;font-size:10px}.event-watch-empty{width:100%;padding:30px;text-align:center;color:#9ba5b3;font-size:11px;letter-spacing:2px}.event-watch-empty img{width:100%;max-width:360px}.has-ads .event-watch-empty{display:none}.event-watch-rail #presence-message{font-size:10px;margin:4px 0}.event-watch-center .event-ad-footer{inset:auto 7px 7px;gap:4px}.event-watch-center .event-ad-footer>a,.event-watch-center .event-ad-nav{padding:3px 6px;font-size:10px}.event-watch-center .event-ad-nav{gap:2px}
@media(max-width:760px){.event-watch-grid{height:auto;grid-template-columns:1fr 1fr}.event-watch-center{grid-column:1/-1;grid-row:1}.event-watch-rail{height:190px;padding:10px}.event-watch-viewers{border-left:0}.event-watch-rail h2{font-size:18px}.event-watch-rail .entry-list li{padding:6px 2px}.event-watch-empty{padding:35px}}
@media(min-width:761px){.event-watch-center>.event-ad,.event-watch-center .event-ad-media{height:100%;aspect-ratio:auto}}
.event-watch-rail .entry-list li:not(:has(.entry-name)){display:block}