/* Evolution reuses the established graphite/red racing identity. */
:root{--p:rgba(12,20,31,.82);--l:rgba(183,206,230,.15);--m:#a6b4c6;--r:#ff394b}
button{min-height:44px}button:focus-visible{outline:2px solid #91dce9!important;outline-offset:4px}small{line-height:1.5}
.scr{background:linear-gradient(110deg,rgba(6,12,20,.96),rgba(8,14,23,.68));padding-left:5vw;padding-right:5vw}
.hd h2,.big{letter-spacing:-.04em}.hd .bk{border-radius:7px;letter-spacing:.08em;font-size:12px}
#menu{background:linear-gradient(90deg,rgba(7,12,20,.97) 0%,rgba(7,12,20,.9) 30%,rgba(7,12,20,.3) 60%,rgba(7,12,20,.12));padding-top:38px;padding-bottom:30px;justify-content:center}
#menu .logo{position:relative;width:max-content;z-index:1}#menu .logo small{font:700 10px system-ui;letter-spacing:.34em;color:#d8e2ee;display:flex;align-items:center;gap:10px}
#menu .logo small::before{content:"";width:24px;height:2px;background:var(--r)}
.logo h1{font-size:clamp(40px,5.1vw,76px);letter-spacing:-.06em;margin:12px 0 0;transform:none;line-height:1.1;text-shadow:none}.logo h1 span{animation:none;letter-spacing:-.04em;margin-left:.12em;text-shadow:none}
.menu-intro{color:#9caec1;font:500 15px system-ui;margin:15px 0 24px;letter-spacing:.01em}
#menu nav{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:min(448px,100%);position:relative;z-index:1}
.mi{transform:none!important;border-radius:7px;padding:14px 19px;transition:background .2s,border-color .2s,box-shadow .2s;animation:none;width:100%;margin:0;background:rgba(17,27,40,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.mi>*{transform:none!important}.mi b{font-size:12px;letter-spacing:.08em}.mi i{font:500 11px/1.4 system-ui;letter-spacing:0;color:#a6b7ca;margin-top:6px}.mi::before{display:none}.mi::after{display:none}
.mi:hover,.mi:focus-visible{background:#253143;box-shadow:none;border-color:#738398}.mi:active{background:#394355}.mi.pri{background:var(--r);border-color:var(--r);box-shadow:0 5px 24px rgba(255,57,75,.16)}.mi.pri:hover{background:#ff5766}.mi.pri i{color:#fff}
#menu nav .mi:first-child{grid-column:1/-1;padding:19px 22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}
#menu nav .mi:first-child b{font-size:15px}#menu nav .mi:first-child::after{content:"↗";display:block;position:static;width:auto;background:none;font-size:25px;color:#fff}
#menu nav .mi:first-child i{margin:0;font-size:11px;order:3;flex-basis:100%}
#menu nav .mi:last-child b{color:#a6b7ca}#menu nav .mi:last-child i{display:none}.bigcar{display:none}
.world-selector{width:min(448px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 0;position:relative;z-index:1}
.world-card{border:1px solid var(--l);border-radius:6px;overflow:hidden;background:#101a28;text-align:left;position:relative;transition:border-color .2s}.world-card.selected{border-color:var(--r)}.world-card.selected::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--r)}
.world-thumb{height:52px;overflow:hidden}.world-thumb svg{width:100%;height:100%;object-fit:cover}.world-card span{padding:8px 10px;display:block}.world-card small{font:600 8px system-ui;letter-spacing:.12em;color:#9fafc0;margin-bottom:3px}.world-card b{font-size:9px;letter-spacing:.02em}
.menu-session{display:flex;gap:26px;margin-top:20px;font:600 14px system-ui;color:#e8eff8;position:relative;z-index:1}.menu-session small{font:600 8px system-ui;margin-top:4px;letter-spacing:.12em;color:#92a3b7}
#mf{font:500 10px system-ui;letter-spacing:.02em;color:#7c8ba0;margin-top:16px}.edition{position:absolute;left:5vw;bottom:15px;font:700 8px system-ui;letter-spacing:.18em;color:#718096}.edition span{padding-left:15px;color:#a8b5c6}
.chip{clip-path:none;border-radius:99px;right:5vw;top:25px;padding:8px 14px;font:600 10px system-ui;color:#ecdcb3;background:rgba(22,29,41,.7)}
.showroom-caption{position:absolute;left:61%;bottom:15%;text-align:left;pointer-events:none;border-left:2px solid var(--r);padding-left:18px}.showroom-caption small{font:600 10px system-ui;color:#7e9ab5;letter-spacing:.2em;margin-bottom:9px}.showroom-caption b{display:block;font:800 clamp(22px,2.1vw,36px) Orbitron;letter-spacing:-.04em}.showroom-caption span{display:block;font:500 9px system-ui;letter-spacing:.16em;color:#8799ae;margin-top:10px}
#garage{background:linear-gradient(90deg,rgba(6,12,20,.94) 0%,rgba(6,12,20,.9) 40%,rgba(6,12,20,.2) 70%)}
.gar{display:block;width:min(440px,45vw);flex:1;display:flex;align-items:center;margin-bottom:25px}.gcar{display:none}.gar>div{width:100%}.gar h2{font-size:32px;margin-top:10px}.gar .t{font-size:11px;letter-spacing:.07em}.gar .t em{font-size:12px}.bar{height:5px;border-radius:2px;margin-bottom:22px}.upb{min-height:28px;height:28px;border-radius:5px;width:30px}.hint{font:400 13px/1.6 system-ui;letter-spacing:0}.garage-spec{position:absolute;right:8%;bottom:20%;font:500 11px system-ui;color:#879bb2}
#cl{gap:8px}.ch{border-radius:6px;font:600 12px system-ui;padding:12px 17px}.ch.sel{background:rgba(255,57,75,.15);color:#fff}.opt{margin:20px 0}.opt>span{font:600 10px system-ui;letter-spacing:.14em;color:#a3b1c2}.opt .ch{min-width:85px;justify-content:center}#settings .foot{font:500 12px/1.7 system-ui;max-width:680px;letter-spacing:0}
.tl{gap:22px;margin-top:15px}.card{border-radius:10px;padding:22px;overflow:hidden;background:rgba(14,24,36,.96)}.card.sel{box-shadow:0 8px 24px rgba(0,0,0,.25)}.card svg{background:none;height:130px}.card>svg path{stroke:#d8e6ee;stroke-width:3;filter:none}.card.sel>svg path{stroke:var(--r)}.card h3{font-size:16px;margin-bottom:8px}.card p{font:500 12px system-ui;color:#95a9be}.card dl{margin-top:20px}.card dt{font:600 8px system-ui;letter-spacing:.1em}.card dd{font-size:12px}.card.sel::after{font:700 8px system-ui;top:16px}.track-art{height:140px;margin:20px -22px -2px}.track-art svg{height:100%;width:100%;display:block}
.gl{clip-path:none;border-radius:9px;background:rgba(9,17,29,.78);border-color:rgba(163,189,216,.16);box-shadow:0 4px 22px rgba(0,0,0,.15);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.hud .pos{top:max(16px,env(safe-area-inset-top));left:20px;padding:10px 17px;border-left:3px solid var(--r)}.pos b{font-size:29px}.pos span{font:600 12px system-ui;color:#9fb0c1;margin-left:5px}.lapb{top:max(16px,env(safe-area-inset-top));padding:10px 20px}.lapb small{font:600 8px system-ui;letter-spacing:.12em}.lapb b{font-size:14px}.lapb .row{gap:22px}
.tw{top:102px;left:20px;width:180px;padding:8px 12px}.tw>div{height:27px;font:600 11px system-ui}.tw b{font:700 10px system-ui}.tw em{font-size:10px}.tw .me{background:rgba(255,57,75,.17);border-radius:4px}.tw i{height:12px}
#pzb{top:64px;left:20px;min-height:34px;width:36px;height:34px;font:800 12px system-ui;border-radius:7px}
.dmg{top:auto;bottom:105px;left:20px;padding:8px 11px;border:0;gap:8px}.dmg svg{width:25px;height:40px}.dmg b{font:700 13px system-ui}.dmg small{font:500 7px system-ui;letter-spacing:.05em}.dash{bottom:16px!important;width:240px!important;padding:10px 18px!important;border-bottom:2px solid var(--r)}.dash .dr b{font-size:35px}.dash .dr small{font:500 9px system-ui;color:#acbccd}.dash #gr{font-size:21px;color:#9cdadf;margin-left:8px}.dash .rev{height:5px}.dash .en{height:3px;margin-top:6px}
.mm{width:130px;height:130px;right:20px;bottom:20px}.race-context{position:absolute;left:50%;top:70px;transform:translateX(-50%);font:600 8px system-ui;color:#c4d3e4;letter-spacing:.12em;text-align:center;background:rgba(8,15,25,.6);padding:6px 12px;border-radius:4px;white-space:nowrap}
.race-tools{position:absolute;left:64px;top:64px;display:flex;gap:6px;pointer-events:auto}.race-tools button{font:700 10px system-ui;letter-spacing:.06em;min-height:34px;width:42px;height:34px;border-radius:7px;border:1px solid var(--l);background:rgba(9,17,29,.8)}.race-tools button:last-child{font-size:19px}
.coach{position:absolute;left:50%;bottom:115px;transform:translateX(-50%) translateY(6px);padding:7px 12px;border-radius:5px;font:700 9px system-ui;letter-spacing:.1em;opacity:0;color:#fff;transition:opacity .18s,transform .18s;background:rgba(13,24,35,.8);border:1px solid #558293}.coach.visible{opacity:1;transform:translateX(-50%)}.coach[data-kind=brake]{color:#ffab9c;border-color:#9a514d}.coach[data-kind=boost]{color:#a8edf4;border-color:#44758f}
#toast{font:600 11px system-ui;letter-spacing:.05em;top:105px;border-radius:5px;padding:8px 14px;max-width:70vw;white-space:normal;text-align:center}#ann{font-size:clamp(50px,10vw,125px)}#ann small{font:500 12px/1.7 system-ui;letter-spacing:.1em}.hud{pointer-events:none}.hud button{pointer-events:auto}
#tc{bottom:14px;padding:0 18px}#tc>div{align-items:flex-end;gap:8px}#tc button{width:64px;height:76px;border-radius:16px;font:700 10px system-ui;min-height:44px;background:rgba(14,25,37,.83)}#tc button[data-k=o]{height:52px;width:60px;margin-bottom:6px}#tc button[data-k=t]{height:90px;background:rgba(49,102,78,.4)}#tc button[data-k=b]{height:76px;background:rgba(103,47,54,.4)}
#steerpad{display:none;position:absolute;bottom:14px;left:18px;width:112px;height:112px;pointer-events:auto;touch-action:none}.steer-ring{width:100%;height:100%;border-radius:50%;background:rgba(11,23,37,.56);border:1px solid rgba(184,215,237,.22);position:relative;box-shadow:inset 0 0 28px rgba(0,0,0,.18)}.steer-ring::before{content:"‹                       ›";position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 9px;color:#6b8199;font:500 25px system-ui;white-space:pre}#steerknob{--steer:0px;position:absolute;left:calc(50% - 24px);top:calc(50% - 24px);width:48px;height:48px;border-radius:50%;border:1px solid #7796b5;background:radial-gradient(circle at 30% 20%,#394e65,#152b40);transform:translateX(calc(var(--steer) + var(--steer-anchor,0px)));box-shadow:0 4px 12px rgba(0,0,0,.3)}.steer-ring span{position:absolute;bottom:13px;left:0;right:0;text-align:center;font:600 7px system-ui;letter-spacing:.12em;color:#99afc4}#steerpad.active .steer-ring{border-color:#a4dfed}#steerpad.active #steerknob{border-color:#caeef4}
#res .resw{padding:15px 0}#res .big{font-size:clamp(27px,4vw,54px)}#res table{font-size:13px}#res .btns{gap:10px}#res .btns .mi{max-width:300px}#rs .gl{padding:14px}#rs .gl small{font:600 8px system-ui}#rs .gl b{font-size:15px}#pause .mi{width:min(400px,100%)}
@media(pointer:coarse){body[data-touch="0"] #steerpad{display:block}body[data-touch="0"] #tc .steer-buttons{visibility:hidden}.dash{width:175px!important;bottom:18px!important}.dash .dr b{font-size:28px}.mm{bottom:123px;width:100px;height:100px}.coach{bottom:112px}.dmg{bottom:140px}}
@media(min-width:761px) and (max-height:760px){#menu{padding-top:28px}.logo h1{font-size:48px}.menu-intro{font-size:13px;margin:10px 0 17px}#menu nav .mi{padding:10px 15px}#menu nav .mi:first-child{padding:14px 18px}.world-selector{margin-top:16px}.world-thumb{height:40px}.menu-session{margin-top:12px}#mf{margin-top:10px}.showroom-caption{bottom:12%}}
@media(max-width:760px){
  #menu{padding:65px 22px 35px;background:linear-gradient(90deg,rgba(7,12,20,.88),rgba(7,12,20,.65));justify-content:center}.logo h1{font-size:clamp(35px,8vw,54px)}#menu .logo small{font-size:8px}.menu-intro{font-size:12px;margin:12px 0 20px}#menu nav{width:min(460px,100%)}#menu nav .mi{padding:12px 13px}.mi b{font-size:10px}.mi i{font-size:10px}#menu nav .mi:first-child b{font-size:13px}#menu nav .mi:first-child{padding:15px 17px}.world-selector{width:min(460px,100%);margin-top:18px}.world-thumb{height:42px}.world-card span{padding:7px}.world-card b{font-size:8px}.menu-session{gap:20px;margin-top:16px;font-size:12px}.menu-session small{font-size:7px}.chip{right:22px;top:20px;font-size:9px}.edition{left:22px;bottom:15px}.showroom-caption{display:none}#mf{display:block;margin-top:15px;font-size:9px}
  #garage{background:linear-gradient(90deg,rgba(6,12,20,.9),rgba(6,12,20,.6))}.gar{width:100%;padding-top:120px;align-items:flex-start}.gar h2{font-size:25px}.bar{margin-bottom:15px}.garage-spec{display:none}#cl .ch{flex-basis:calc(50% - 4px);font-size:10px;padding:10px;justify-content:center}.opt>span{min-width:100%;margin-bottom:2px}.opt{gap:7px;margin:18px 0}.opt .ch{min-width:75px;font-size:11px;padding:10px 14px}.card{padding:18px}.track-art{margin-left:-18px;margin-right:-18px}
  .hud .pos{top:12px;left:12px;padding:8px 12px}.pos b{font-size:23px}.lapb{top:12px;padding:9px 13px;left:50%;transform:translateX(-50%)}.lapb .row{gap:13px}.lapb b{font-size:11px}.lapb .row>div:last-child{display:none}.lapb small{font-size:7px}.mm{right:12px;top:12px;bottom:auto;width:78px;height:78px}#pzb{left:12px;top:62px}.race-tools{top:62px;left:54px}.race-context{top:103px;font-size:7px;padding:5px 9px;max-width:92vw;white-space:normal}.dmg{top:auto;left:12px;bottom:145px;padding:5px 8px}.dmg b{font-size:11px}.dmg small{display:none}.dmg svg{width:21px;height:34px}.dash{width:155px!important;bottom:18px!important;padding:8px 12px!important}.dash .dr b{font-size:25px}.dash #gr{font-size:17px}.coach{bottom:116px;font-size:8px}#toast{left:50%;top:132px;max-width:85vw;font-size:10px}.tw{display:none}#tc{padding:0 12px}#tc>div{gap:6px}#tc button{width:53px;height:69px;font-size:8px}#tc button[data-k=t]{height:82px}#tc button[data-k=b]{height:69px}#tc button[data-k=o]{width:49px;height:44px}#steerpad{left:12px;width:100px;height:100px}
}
@media(pointer:coarse) and (orientation:portrait){.dash{bottom:128px!important}.coach{bottom:211px}.dmg{bottom:226px}}
@media(max-height:520px){
  #menu{padding:22px 24px 24px;justify-content:flex-start}.logo h1{font-size:30px!important;margin:8px 0 0}.menu-intro{margin:7px 0 11px;font-size:10px}#menu nav{width:390px;gap:5px}#menu nav .mi{padding:7px 12px;min-height:39px}.mi b{font-size:9px}.mi i{font-size:8px;margin-top:3px}#menu nav .mi:first-child{padding:9px 14px}#menu nav .mi:first-child i{display:none}#menu nav .mi:first-child b{font-size:11px}.world-selector{position:absolute;left:450px;right:24px;width:auto;bottom:38px;max-width:400px;gap:5px}.world-thumb{height:44px}.world-card span{padding:6px}.world-card b{font-size:7px}.world-card small{font-size:7px}.menu-session{margin-top:10px;font-size:10px}.menu-session small{font-size:6px}#mf{display:none}.showroom-caption{display:none}.chip{top:20px;font-size:8px}.edition{bottom:10px}.gar{padding-top:0;width:45vw}.gar h2{font-size:23px}.gar .bar{margin-bottom:9px}.gar .t{font-size:9px}#cl .ch{flex-basis:auto;padding:8px 10px;min-height:35px;font-size:9px}
  .lapb b{font-size:10px}.lapb{padding:8px 12px}.race-context{top:58px}.mm{top:12px;bottom:auto;width:85px;height:85px}#pzb,.race-tools{top:58px}.dmg{bottom:128px}.coach{bottom:99px}.dash{bottom:12px!important;width:160px!important}.dash .dr b{font-size:23px}#toast{top:100px}#tc{bottom:10px}#tc button[data-k=t]{height:75px}#steerpad{bottom:10px;width:96px;height:96px}.hud .tw{display:none}
}
@media(max-width:650px) and (max-height:520px){.world-selector{display:none}#menu nav{max-width:340px}.menu-session{display:none}#menu .chip{font-size:7px;padding:6px 10px}.race-context{display:none}}
@media(prefers-reduced-motion:reduce){.sl{display:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}
body[data-quality="0"] .gl,body[data-quality="0"] .mi,body[data-quality="0"] #tc button{backdrop-filter:none;-webkit-backdrop-filter:none}

/* Thumb-friendly race actions with space below the timing tower. */
#pzb{width:44px;height:44px;min-height:44px}.race-tools{left:70px}.race-tools button{width:44px;height:44px;min-height:44px}.tw{top:118px}.garage-spec small{font:600 10px system-ui;color:#8299b1;letter-spacing:.15em}.garage-spec b{display:block;margin-top:10px;font:700 13px Orbitron}.garage-spec span{display:block;margin-top:10px;font:500 10px system-ui}
@media(max-width:760px){.race-tools{left:62px}}

/* A dedicated drag area leaves menu buttons and race controls independent. */
#menu{background:linear-gradient(90deg,rgba(5,10,17,.97) 0%,rgba(5,10,17,.88) 30%,rgba(5,10,17,.2) 62%,rgba(5,10,17,.08))}
#vig{background:radial-gradient(ellipse at 55% 48%,transparent 42%,rgba(0,0,0,.56))}
.horizon-view{position:absolute;left:55%;right:5%;top:14%;height:58%;z-index:2;cursor:grab;touch-action:none;border:1px solid transparent;border-radius:16px;outline-offset:5px}
.horizon-view.dragging{cursor:grabbing}.horizon-view:focus-visible{outline:2px solid #91dce9}.horizon-view:hover{border-color:rgba(222,235,249,.09)}
.horizon-view>span{position:absolute;left:50%;bottom:0;transform:translateX(-50%);white-space:nowrap;padding:11px 18px;border:1px solid rgba(214,232,245,.22);border-radius:30px;background:rgba(6,13,24,.58);font:600 10px system-ui;letter-spacing:.12em;backdrop-filter:blur(8px);text-align:center;pointer-events:none}
.horizon-view small{font:500 8px system-ui;letter-spacing:.16em;color:#ced6dc;margin-top:5px}
#horizonreset{position:absolute;right:7%;bottom:19%;z-index:3;padding:8px 12px;border-radius:7px;color:#ced8e5;background:rgba(9,16,25,.6);font:600 9px system-ui;letter-spacing:.08em}
body[data-webgl="false"] .horizon-view,body[data-webgl="false"] #horizonreset{display:none}
@media(max-width:760px){.horizon-view{position:relative;inset:auto;min-height:44px;height:44px;width:min(448px,100%);margin:0 0 12px;border-color:rgba(214,232,245,.18);border-radius:8px;background:rgba(6,13,24,.35)}.horizon-view>span{position:static;display:flex;align-items:center;justify-content:space-between;gap:10px;transform:none;border:none;background:none;backdrop-filter:none;padding:14px;font-size:9px}.horizon-view small{margin:0;font-size:7px}#horizonreset{position:relative;inset:auto;align-self:flex-start;min-height:32px;margin:-6px 0 8px;padding:5px 0;background:none;font-size:8px}}
@media(max-height:520px) and (min-width:761px){.horizon-view{top:12%;height:52%;left:58%}.horizon-view>span{font-size:8px;padding:8px 12px}#horizonreset{bottom:24%;right:9%}}
@media(max-height:520px) and (max-width:760px){.horizon-view{position:relative;inset:auto;width:min(340px,100%);height:44px;margin:0 0 8px}.horizon-view>span{position:static;transform:none;display:flex;padding:12px;background:none}.horizon-view small{margin:0}#horizonreset{position:relative;inset:auto;margin:0 0 8px;background:none;padding:5px 0}}

/* Clear photographic backdrop, with local contrast around readable controls. */
#menu .sl{display:none}
#menu{background:linear-gradient(90deg,rgba(5,10,17,.96) 0%,rgba(5,10,17,.85) 28%,rgba(5,10,17,.08) 60%,transparent 82%)}
.showroom-caption{padding:15px 20px;background:rgba(6,13,22,.72);border-radius:0 10px 10px 0;backdrop-filter:blur(8px)}
.showroom-caption small,.showroom-caption span{color:#c2ceda}.showroom-caption b{color:#fff}

/* 2.4: photographic world cards and livery swatches share the actual bundled assets. */
.circuit-photo{position:relative;width:100%;height:100%;overflow:hidden;background:#182733}
.circuit-photo>img,.art-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.circuit-photo>img{z-index:1}.art-fallback svg{width:100%;height:100%;display:block}
.world-card{border-radius:9px;background:linear-gradient(145deg,#182434,#0c1520)}.world-thumb{position:relative}.world-thumb::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,rgba(6,13,21,.28),transparent 70%);pointer-events:none}.world-card:hover img{transform:scale(1.045)}.world-card img{transition:transform .4s}
#tl .card{padding:0 22px 22px;text-align:left;background:linear-gradient(150deg,#1a2838,#0b1420);border-color:#314153;box-shadow:0 12px 30px #0003}#tl .card.sel{border-color:var(--r)}#tl .track-art{position:relative;height:210px;margin:0 -22px 24px}#tl .track-art::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,#0d1826 0%,transparent 54%);pointer-events:none}#tl .track-map{position:absolute;right:13px;bottom:10px;width:105px;height:68px;z-index:3;background:rgba(5,12,20,.58);border:1px solid #ffffff26;border-radius:8px;padding:5px}#tl .track-map path{fill:none;stroke:#dce9ed;stroke-width:3}#tl .card.sel .track-map path{stroke:#ff6673}.track-number{position:absolute;left:22px;bottom:22px;z-index:3;font:600 9px system-ui;letter-spacing:.16em;color:#e3ebf2}#tl .card.sel::after{top:14px;right:14px;background:rgba(8,15,24,.8);border-radius:5px;padding:7px 9px;color:#fff}.card h3{line-height:1.5}
#cl .team-choice{display:flex;align-items:center;gap:12px;padding:9px 14px 9px 9px;overflow:hidden;text-align:left;flex:1 1 180px;border-color:#344153;background:linear-gradient(135deg,#1b2838,#0d1723)}#cl .team-choice.sel{border-color:var(--c);box-shadow:inset 0 -2px var(--c)}.team-swatch{display:block;width:64px;height:44px;flex:0 0 64px;background-color:var(--c);background-size:cover;background-position:center;border-radius:4px;position:relative}.team-swatch::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0002,#0009)}.team-swatch b{position:absolute;right:7px;bottom:6px;z-index:1;font:italic 800 22px system-ui;color:#fff;text-shadow:0 1px 3px #000}#cl .team-choice small{display:block;font:600 7px system-ui;letter-spacing:.12em;color:#9eb2c4;margin-bottom:5px}#cl .team-choice strong{display:block;font:700 10px Orbitron}
@media(max-width:760px){#tl .card{padding:0 18px 18px}#tl .track-art{margin:0 -18px 20px;height:180px}#cl .team-choice{flex-basis:calc(50% - 4px);padding:8px;gap:8px}.team-swatch{width:46px;flex-basis:46px}#cl .team-choice strong{font-size:8px}.team-swatch b{font-size:18px}}
@media(max-height:520px){#cl .team-choice{flex-basis:135px;padding:6px;gap:7px}.team-swatch{width:42px;height:30px;flex-basis:42px}#cl .team-choice small{font-size:6px;margin-bottom:2px}#cl .team-choice strong{font-size:8px}.team-swatch b{font-size:15px;bottom:3px}#tl .track-art{height:145px}}

/* 2.5: full automotive portraits with quiet chrome/graphite presentation. */
#cl .team-choice{flex-direction:column;align-items:stretch;gap:9px;padding:0 0 12px;background:linear-gradient(135deg,#121b28,#080d15);border-color:#465162;box-shadow:0 8px 25px #0003}#cl .team-choice>span:last-child{padding:0 13px}#cl .team-choice.sel{box-shadow:inset 0 -2px var(--c),0 8px 25px #0004}.team-swatch{width:100%;height:108px;flex-basis:auto;border-radius:0;background:radial-gradient(ellipse at 55% 45%,#27313e,#0a101a 75%);overflow:hidden}.team-swatch>img{display:block;width:100%;height:100%;object-fit:contain}.team-swatch::after{background:linear-gradient(0deg,#08101b88,transparent 55%);pointer-events:none}.team-swatch b{font-size:17px;bottom:7px;right:11px;color:#f0f3f7}#cl .team-choice small{font-size:8px}.showroom-caption{bottom:7%;background:linear-gradient(120deg,#080e18d9,#111a25ba);border-color:#9aa6b7;border-radius:2px 10px 10px 2px;box-shadow:0 10px 30px #0004}#horizonreset{bottom:9%;right:5%}
@media(max-width:760px){#cl .team-choice{gap:6px;padding:0 0 10px}.team-swatch{height:95px}.team-swatch b{font-size:15px}#cl .team-choice>span:last-child{padding:0 9px}#cl .team-choice small{font-size:7px}#horizonreset{position:relative;inset:auto}}
@media(max-height:520px){.team-swatch{height:65px}#cl .team-choice{gap:4px;padding:0 0 7px}#cl .team-choice small{font-size:6px}.showroom-caption{display:none}#horizonreset{bottom:9%}}
/* Left steering only: larger thumb area, safe-area spacing, no changes to pedals. */
#steerpad{left:max(12px,env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));width:clamp(120px,calc(100vw - 198px),178px);height:112px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#steerpad .steer-ring{border-radius:30px;background:rgba(11,23,37,.78)}
#steerpad .steer-ring::before{padding:0 13px;color:#a7c3d8}
#steerpad .steer-ring span{bottom:8px;font-size:8px}
@media(max-height:380px){#steerpad{height:96px;bottom:calc(8px + env(safe-area-inset-bottom))}}
@media(max-height:520px) and (max-width:760px){#horizonreset{position:relative;inset:auto}}