/* Stage and result cards share the same responsive layout in game and studio. */
.race-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.race-menu-link{font-size:11px;color:#d1dcc9;white-space:nowrap}.race-menu-link:hover{color:var(--orange)}.race-details{width:100%;max-width:570px}.race-stamp{position:absolute;right:24px;top:24px;font:900 italic 52px Arial,sans-serif;letter-spacing:-3px;color:#d8e5ce10;pointer-events:none}.drive-overlay[data-screen]{position:relative;inset:auto;min-height:440px;padding:35px 7%;background:linear-gradient(100deg,#0c1716f5 30%,#13251de8 75%,#20332ce0);border-top:3px solid var(--country,#c5cf8d)}.game-frame:has(.drive-overlay[data-screen]:not([hidden])) #drive-canvas{position:absolute;top:62px;left:0;height:calc(100% - 62px);object-fit:cover;pointer-events:none}.drive-overlay[data-screen]>.eyebrow{color:var(--country);max-width:85%;line-height:1.6}.drive-overlay[data-screen] h2{font-size:clamp(30px,3.2vw,48px);max-width:580px;margin:12px 0 14px;line-height:1.02}.drive-overlay[data-screen]>p{max-width:510px;font-size:12px;line-height:1.65;margin:0 0 18px}.race-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin:0 0 16px;padding:19px 0;border-top:1px solid #7b94743d;border-bottom:1px solid #7b94743d}.race-stats dt{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:#a9b8a9;margin-bottom:7px}.race-stats dd{font:24px ui-monospace,SFMono-Regular,monospace;color:#f0f3e8;letter-spacing:-.8px;margin:0;white-space:nowrap}.race-stats>div:nth-child(n+3) dd{font-size:18px;color:var(--country)}.drive-overlay .race-detail-note{font-size:10px;line-height:1.7;margin:0 0 20px;max-width:510px;color:#a8b9a9}.intro-route{display:flex;gap:10px 18px;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 20px;counter-reset:stage}.intro-route li{font-size:10px;color:#8fa491;counter-increment:stage;display:flex;gap:6px;align-items:center}.intro-route li::before{content:"0" counter(stage);font:9px ui-monospace,monospace;opacity:.6}.intro-route li[aria-current]{color:var(--country)}.intro-route li[aria-current]::before{opacity:1}.finish-badge{display:inline-block;background:#c6e596;color:#1c2b1c;padding:6px 9px;font-size:9px;text-transform:uppercase;letter-spacing:1px;margin:0 0 19px}.drive-overlay[data-screen=failed]{border-color:#ff7847}.drive-overlay[data-screen=failed]>.eyebrow{color:#ff996f}.drive-overlay[data-screen=podium]{min-height:525px}.podium{display:flex;align-items:flex-end;gap:8px;list-style:none;padding:0;margin:5px 0 22px}.podium li{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;background:#d1ddc50c;border:1px solid #64775e70;padding:14px 6px 12px}.podium li:nth-child(1){order:2;border-top:3px solid #dfc785;min-height:111px;background:#dfc7850e}.podium li:nth-child(2){order:1;min-height:94px}.podium li:nth-child(3){order:3;min-height:84px}.podium span{font:10px ui-monospace,monospace;color:#9eb19b;margin-bottom:7px}.podium strong{font:700 23px ui-monospace,monospace;letter-spacing:1px;color:#e4eadc}.podium small{font-size:9px;color:#a9b8a8;margin-top:7px}.podium .is-player strong{color:var(--orange)}.drive-overlay[data-screen=podium] .race-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.drive-overlay[data-screen=podium] .race-stats dd{font-size:21px}.drive-overlay:not([data-screen]) .race-menu-link{display:none}.drive-overlay:has(#overlay-title:not(:empty)) .race-actions{position:relative;z-index:1}
@media(max-width:1000px){.drive-overlay[data-screen]{padding:30px 7%}.drive-overlay[data-screen] h2{font-size:34px}.race-stamp{right:16px;top:20px;font-size:42px}}
@media(max-width:740px){.game-frame:has(.drive-overlay[data-screen]:not([hidden])) #drive-canvas{top:54px;height:calc(100% - 54px)}.drive-overlay[data-screen]{min-height:415px;padding:26px 7%}.drive-overlay[data-screen] h2{font-size:35px}.drive-overlay[data-screen]>p{font-size:11px}.race-stats dd{font-size:24px}.race-stamp{font-size:45px}.intro-route{gap:10px 15px}.drive-overlay[data-screen=podium]{min-height:510px}}
@media(max-width:420px){.drive-overlay[data-screen]{padding:24px 22px}.drive-overlay[data-screen] h2{font-size:31px;letter-spacing:-1px}.drive-overlay[data-screen]>.eyebrow{font-size:8px;letter-spacing:1px}.race-stamp{font-size:34px;right:14px}.race-stats{gap:15px 20px;padding:15px 0}.race-stats dt{font-size:8px;letter-spacing:1px}.race-stats dd{font-size:22px}.race-actions{gap:14px;width:100%}.race-actions .primary{width:100%;justify-content:center;font-size:12px;padding:13px 12px}.race-menu-link{font-size:10px}.intro-route{display:grid;gap:8px}.intro-route li{font-size:10px}.drive-overlay .race-detail-note{font-size:10px;margin-bottom:18px}.podium strong{font-size:20px}.podium small{font-size:8px}.drive-overlay[data-screen=podium] .race-stats dd{font-size:17px}.drive-overlay[data-screen=podium] .race-stats{gap:12px}}