/* Driver Edition: one next action, a readable garage and a clear racing HUD. */
:root{--yellow:#ffb36a;--ink:#111821;--panel:#111b27;--muted:#9aabba}body{font-family:Barlow,Arial,sans-serif;background:#080e16}.vignette{background:linear-gradient(90deg,#080e18f5,#091322c7),linear-gradient(0deg,#080f1c,transparent)}header{height:76px;left:3%;right:3%;border-color:#8098b622}nav{gap:24px}nav button{font-weight:600}.brand-icon{color:var(--yellow)}.brand i{color:#a7b7c5}.credits{color:#ffb36a}.utilities button{background:#172432;font-weight:600}.primary{background:var(--yellow);color:#151b23;border-radius:7px;box-shadow:none;min-width:0;font-size:11px;padding:16px 20px}.secondary{background:#1b2a3a;border-color:#61758c50;font-size:11px;font-weight:700}.panel-kicker{font-size:9px;letter-spacing:1.6px;color:#9aabba;margin:0}.eyebrow{color:#b4c3d2;letter-spacing:2.4px}.eyebrow>span{background:var(--yellow)}
#menu.paddock{position:absolute;inset:76px 3% 45px;display:grid;grid-template-columns:minmax(300px,5fr) minmax(300px,7fr);gap:22px 38px;padding:25px 0 20px;overflow:auto;scrollbar-width:thin;align-content:start;overscroll-behavior:contain}.paddock-story{max-width:540px}#menu h1{font-size:clamp(44px,5vw,72px);line-height:.96;letter-spacing:-.7px;margin:16px 0 12px}#menu h1 em{color:#f3f7fb;font-style:normal}#menu .intro{font-size:12px;line-height:1.5;max-width:none;margin:0 0 20px;color:#94a8bc}.next-event{padding:20px;border:1px solid #f5b67555;background:linear-gradient(120deg,#23303b,#141e2bf5);border-radius:12px;position:relative}.event-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:16px}.event-top>span:last-child{font-size:9px;color:var(--yellow);font-weight:700}.next-event>small{display:block;font-size:9px;color:#b4c4d5;letter-spacing:.7px}.next-event h2{font:700 32px 'Barlow Condensed',Impact,sans-serif;margin:6px 0;text-transform:uppercase}.next-event p{color:#c2cedb;font-size:12px;margin:0 0 16px}.next-event .primary{width:100%;margin:0}.career-track{height:3px;background:#ffffff14;margin:17px 0 10px;border-radius:4px}.career-track i{display:block;height:100%;background:var(--yellow)}#menu .event-links{max-width:none;gap:7px;margin-top:12px;display:flex;flex-wrap:wrap}#menu .event-links button{background:#192637;border-color:#7186a52e;font-size:8px;padding:11px 10px;flex:1;white-space:nowrap}
.showcase{display:flex;flex-direction:column;min-width:0;border:1px solid #7899b328;border-radius:13px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#2a394b,#0d1725 75%);position:relative;min-height:390px}.showcase-top{padding:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;z-index:1}.showcase-top button{background:transparent;color:#b9d7ee;font-size:9px;font-weight:700}.showroom-art{width:min(88%,460px);aspect-ratio:1;margin:-42px auto -65px;background-image:url('assets/supercars.webp');background-size:300% 200%;background-repeat:no-repeat;mix-blend-mode:lighten;pointer-events:none}.showcase .car-caption{position:relative;inset:auto;text-align:left;padding:0 25px 18px;gap:6px;margin-top:auto;z-index:1}.showcase .car-caption span{color:var(--yellow);font-size:9px;letter-spacing:1px}.showcase .car-caption strong{font:700 35px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.4px}.showcase .car-caption small{font-size:7px;letter-spacing:1.7px;color:#8ea3b6}.showroom-specs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff16;background:#0e1927bb}.showroom-specs>div{padding:16px 20px;border-right:1px solid #ffffff10}.showroom-specs small{display:block;font-size:8px;letter-spacing:1px;color:#8ea4b8;margin-bottom:5px}.showroom-specs b{font-size:24px;font-variant-numeric:tabular-nums}.showroom-specs em{font-size:11px;font-weight:400;font-style:normal;color:#93a9bd}
.quick-play{min-width:0}.quick-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.quick-heading .secondary{padding:10px 14px;margin:0;min-width:0}#menu .modes{position:static;display:grid;grid-template-columns:repeat(3,1fr);width:100%;max-width:none;gap:8px}.mode{padding:16px 12px;background:#132132;border-radius:8px;backdrop-filter:none;box-shadow:none}.mode.selected{border-color:#ffb36a;background:#27303b}.mode small{font-size:7px;letter-spacing:1px}.mode strong{font-size:20px;margin-top:12px;letter-spacing:0}.mode b{color:var(--yellow)}.mode p{font-size:10px;line-height:1.5;color:#9aafbf;margin:7px 0 0}.route-panel{position:static;width:auto;display:block;padding:17px 20px;background:#101d2ce6;backdrop-filter:none;border-radius:10px}.route-panel>.panel-kicker{margin-bottom:12px;display:block}.route-options{grid-template-columns:1fr 1fr;gap:10px}.route-options button{padding:10px 12px;background:#1b2a3a}.route-options button.chosen{background:#294052;border-color:#78b2d7}.route-options b{font-size:20px}.route-options span{color:#9bc4e1}.weather-picker{margin-top:12px;max-width:none;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.weather-picker button{padding:8px 4px;font-size:8px;border-color:#758ba333;color:#bdcbd9}.weather-picker button.chosen{background:#b8dcf1;color:#132333;border-color:#b8dcf1}#routeLabel{display:block;font-size:7px;color:#7890a6;margin-top:11px;letter-spacing:1px}footer{font-size:7px;left:3%;right:3%;border-color:#8098b622}footer i{background:var(--yellow)}
.dialog{background:linear-gradient(140deg,#162535,#101a27);border-color:#5d79964d;box-shadow:0 30px 110px #0009;max-height:88dvh}.dialog h2{font-size:40px}.dialog .tag{color:var(--yellow)}.dialog p{color:#b4c4d4;font-size:13px}.dialog .actions .primary{min-width:0}.dialog .settings select{background:#22364b;max-width:60%;border-radius:6px}.dialog input{accent-color:#ffb36a}.brief-stats{display:flex;gap:9px;margin:18px 0}.brief-stats span{padding:7px 11px;background:#ffffff09;color:#b2ccdf;font-size:10px;border-radius:5px}.target-list{display:grid;gap:9px}.target-list>div{display:flex;align-items:center;gap:15px;padding:14px;border:1px solid #ffffff14;border-radius:8px;background:#07121b33}.target-list b{color:var(--yellow);font-size:22px}.target-list span{display:grid;gap:5px}.target-list strong{font-size:11px;text-transform:uppercase}.target-list small{color:#9bb1c5;font-size:11px}.coach-note{padding:12px 15px;border-left:2px solid #88c4ea;background:#88c4ea0a}.result-review{padding:17px;border:1px solid #78a1bd33;background:#0c1727;border-radius:8px;margin-top:18px}.result-checks{display:flex;flex-wrap:wrap;gap:12px;color:#ffbd83;font-size:12px;margin-bottom:13px}.result-review>small{color:#9bb0c4;font-size:10px}.supercar-card{background:#101c2b}.car-spec button{background:#ffb36a;color:#141d27}.supercar-card.equipped{border-color:#ffb36a}.level>b{color:var(--yellow)}.hub-contracts{border-color:#87a9c433;background:#8ab7db08}.hub-contracts>b{color:#b9d9ef}
.hud-top{backdrop-filter:none;background:#0b1724e8;top:18px;border-color:#7999b52a}.hud-top strong{font-variant-numeric:tabular-nums}.progress{top:113px}#objectives{top:130px;background:#0c1c2be0;border-left-color:var(--yellow);max-width:275px}#objectives small{color:#a9c8e0}#objectives b{font-size:20px}#map{display:none}#callout{top:30%;font-size:38px;color:#ffca9a}.coach-strip{position:absolute;left:50%;transform:translateX(-50%);top:130px;text-align:center;padding:10px 16px;border:1px solid #8daec733;border-radius:7px;background:#0c1c2bcb;white-space:nowrap}.coach-strip b{display:block;font-size:10px;letter-spacing:1px;color:#c3e6ff}.coach-strip span{display:block;font-size:9px;color:#8fb3cf;margin-top:6px;font-variant-numeric:tabular-nums}#contractHud{bottom:22px;padding:8px 14px;background:#0c1c2bcc;font-size:9px;color:#a8c3d8;left:27%;right:27%;top:auto}.race-help{display:none}.resource-hud,.nitro,.speed{background:#0b1b2ce8;backdrop-filter:none;border-color:#7999b533}.resource-hud{width:195px;bottom:25%}.nitro{width:195px;bottom:10%}.speed{bottom:10%}#skillHud{top:53%;color:#ffca9a}#touch button{background:#122a40f0;border-color:#7494ad88}#touch button[data-key="ArrowUp"]{background:#ffb36a;color:#18232e}#touch button[data-key=" "]{color:#ffb36a;border-color:#ffb36a88}
@media(min-width:1100px) and (max-height:800px){#menu.paddock{gap:16px 30px;padding-top:18px}#menu h1{font-size:48px;margin:12px 0}#menu .intro{margin-bottom:13px}.next-event{padding:15px}.next-event h2{font-size:28px}.event-top{margin-bottom:10px}.showcase{min-height:355px}.showroom-art{max-width:365px}.showcase .car-caption strong{font-size:29px}.showroom-specs>div{padding:12px 18px}.mode{padding:12px}.mode strong{font-size:18px}.route-panel{padding:14px 18px}}
@media(max-width:1000px){header{height:68px}nav{gap:13px}nav button,#mobileControls{font-size:10px}#menu.paddock{inset:68px 3% 35px;grid-template-columns:minmax(260px,1fr) minmax(260px,1fr);gap:18px;padding-top:20px}#menu h1{font-size:45px}.showcase{min-height:380px}.showroom-art{width:100%;margin:-10px auto -30px}.showcase-top{padding:16px}.showcase .car-caption{padding:0 18px 17px}.showcase .car-caption strong{font-size:28px}.showroom-specs>div{padding:14px 12px}.showroom-specs b{font-size:21px}.showroom-specs small{font-size:7px}.showcase .car-caption{display:flex}.mode strong{font-size:17px}.mode small{font-size:6px}.mode p{font-size:9px}.brand{font-size:17px}.brand i{font-size:5px}.credits{display:inline;font-size:11px}.utilities{gap:7px}.utilities button{font-size:9px;padding:8px}footer{height:32px}#guideTab{display:none}}
@media(max-width:650px){header{left:4%;right:4%;height:64px}header nav{gap:10px}#raceTab,#careerTab{display:none}.brand-icon{font-size:24px;margin-right:5px}.brand{font-size:15px}.brand i{margin-left:30px;letter-spacing:1.5px}.utilities{gap:5px}.utilities .credits{font-size:10px}.utilities button{font-size:8px;padding:7px}.credits b{margin-left:3px}#menu.paddock{inset:64px 4% 0;display:flex;flex-direction:column;gap:18px;padding:22px 0 35px}.paddock-story{max-width:none}#menu h1{font-size:42px;margin:12px 0;line-height:1}#menu h1 br{display:none}#menu h1 em{white-space:nowrap}#menu .intro{display:block;font-size:11px;margin-bottom:15px}.next-event{padding:16px}.next-event h2{font-size:29px}.next-event .primary{padding:13px 17px}.event-top{margin-bottom:12px}#menu .event-links button{font-size:7px;padding:11px 6px}.showcase{min-height:310px;max-height:360px}.showroom-art{width:280px;max-width:85%;margin:-48px auto -55px}.showcase .car-caption{padding:0 18px 13px}.showcase .car-caption strong{font-size:28px}.showcase .car-caption small{display:none}.showroom-specs>div{padding:12px 16px}.quick-play{order:3}.route-panel{order:4;padding:16px;display:block}.route-options{grid-template-columns:1fr 1fr}.route-options b{font-size:19px}.route-options span{font-size:8px}.route-panel .panel-kicker{font-size:9px}.weather-picker button{font-size:9px;padding:10px}.mode{padding:13px 9px}.mode strong{font-size:17px}.mode p{display:block;font-size:9px}.mode small{font-size:7px}footer{display:none}.dialog{padding:22px 18px;border-radius:12px}.dialog h2{font-size:34px}.stats strong{font-size:25px}.stats small{font-size:8px}.hud-top{left:3%;right:3%;top:12px;padding:8px 12px;gap:16px}.hud-top strong{font-size:25px}.hud-top small{font-size:7px;letter-spacing:1px}#pause{padding:10px}#pause span{display:none}.progress{top:83px;left:3%;right:3%}.coach-strip{top:96px;left:3%;right:3%;transform:none;padding:8px;white-space:normal}.coach-strip b{font-size:9px}.coach-strip span{font-size:8px;margin-top:4px}#objectives{top:153px;left:3%;max-width:210px;padding:9px 11px}#objectives b{font-size:17px}#objectives span{font-size:8px}#objectives small{font-size:7px}#contractHud{left:3%;right:3%;top:auto;bottom:170px;font-size:8px;padding:6px}.resource-hud{width:145px;bottom:208px;left:3%;padding:10px}.nitro{width:145px;bottom:114px;left:3%}.speed{bottom:114px;right:3%;min-width:125px;padding:0 10px}.speed>strong{font-size:53px}#skillHud{top:51%;right:4%}#skillHud strong{font-size:21px}#callout{top:35%;font-size:30px}#pickupToast{top:44%;font-size:24px}}
@media(max-height:540px) and (min-width:651px){header{height:56px}#menu.paddock{top:56px;bottom:0}footer{display:none}#menu h1{font-size:39px}.showcase{min-height:350px}.hud-top{top:8px;padding:6px 12px}.hud-top strong{font-size:23px}.progress{top:75px}.coach-strip{top:88px;padding:7px 10px;left:auto;right:3%;transform:none}.coach-strip b{font-size:8px}#objectives{top:88px;max-width:205px;padding:8px}#objectives span{font-size:8px}#objectives b{font-size:16px}.resource-hud{bottom:95px;width:145px;padding:8px}.nitro{bottom:20px;width:145px}.speed{bottom:90px;min-width:125px}.speed>strong{font-size:48px}#contractHud{bottom:12px;left:25%;right:25%;font-size:8px}#skillHud{top:46%}.race-help{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* OneAppleFall: phone portrait race HUD. The road and the player's car fill the
   lower half of a tall screen, so the panels move up into the open sky instead
   of covering the car above the touch buttons. */
@media (max-width:650px) and (orientation:portrait){
#hud #objectives{top:150px;left:4%;max-width:172px;padding:8px 10px}
#hud #objectives b{font-size:15px}#hud #objectives span{font-size:8px}
#hud .speed{top:150px;bottom:auto;right:4%;left:auto;min-width:0;padding:4px 12px}
#hud .speed>strong{font-size:40px}#hud .speed b{font-size:14px}
#hud .nitro{top:222px;bottom:auto;right:4%;left:auto;width:128px;padding:8px}
#hud .nitro small{display:none}
#hud .resource-hud{top:252px;bottom:auto;left:4%;width:150px;padding:8px}
#hud .resource-hud .run-bank>strong{font-size:18px}#hud #steeringMode{display:none}
#hud #contractHud{top:350px;bottom:auto;left:4%;right:4%}
#hud #map{display:none}
}