/* Separate placements: never change .setup-container or the game canvas dimensions. */
.race-page .ad-rail[hidden], .race-page .race-ad-horizontal[hidden] { display:none!important; }
.race-page .ad-rail { display:block; position:fixed; top:50%; transform:translateY(-50%); width:160px; height:622px; z-index:12; }
.race-page #adLeft { left:14px; }
.race-page #adRight { right:14px; }
.race-ad-label { display:block; height:22px; font-size:10px; text-align:center; line-height:22px; color:#aab5c9; text-shadow:0 1px 3px #10141f; }
.race-ad-sample { width:100%; height:600px; padding:22px 18px; background:#e2eadb; color:#22341e; border-radius:6px; box-shadow:0 8px 24px #0002; display:flex; flex-direction:column; justify-content:space-between; pointer-events:none; }
.race-ad-sample small { font-size:10px; letter-spacing:1.6px; }
.race-ad-sample strong { font-size:30px; line-height:1.3; letter-spacing:-1px; }
.race-ad-sample>span { font-size:12px; }
.race-ad-horizontal { width:728px; max-width:calc(100% - 40px); margin:28px auto; }
.race-ad-horizontal .race-ad-sample { height:90px; flex-direction:row; align-items:center; gap:20px; padding:16px 24px; }
.race-ad-horizontal .race-ad-sample strong { font-size:24px; }
.race-page:not(.race-has-ad-rails) .hud { left:14px; }
.race-page:not(.race-has-ad-rails) #toasts { left:14px; }
.race-has-ad-rails .hud, .race-has-ad-rails #toasts { left:190px; }
.race-has-ad-rails .racebtns, .race-has-ad-rails .runner-watch { right:190px; }
.race-has-ad-rails #raceTitle { max-width:calc(100% - 400px); }
.race-page.m .hud, .race-page.m #toasts { left:6px; }
@media(max-width:1439px),(max-height:679px) { .race-page .ad-rail { display:none!important; } }
@media(max-width:799px) { .race-page .race-ad-horizontal { display:none!important; } }