:root{--pink:#ffa7cb;--cream:#fff5e9;--line:#fff4;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cream)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#302035}button{font:inherit;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid #fff0ce;outline-offset:5px}button:active{transform:scale(.97)}button:hover{filter:brightness(1.08)}.hidden{display:none!important}#world,canvas.webgl{position:absolute;inset:0;width:100%;height:100%;display:block}.sun-flares{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#24172888,transparent 30%)}body.playing .vignette{opacity:.25}#menu{position:absolute;bottom:max(42px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%)}.primary,.secondary{width:200px;min-height:58px;border-radius:30px;font-size:18px;font-weight:600;letter-spacing:.4px}.primary{border:1px solid #ffd6e7;background:var(--pink);color:#352034;box-shadow:0 6px 35px #2f173733}.secondary{border:1px solid var(--line);background:#ffffff08;color:var(--cream)}#play-controls{position:absolute;right:max(24px,env(safe-area-inset-right));top:max(24px,env(safe-area-inset-top));display:flex;gap:10px;z-index:5}.icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #fff4;border-radius:50%;background:#30203555;backdrop-filter:blur(6px)}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mute-slash{display:none}.icon[aria-pressed="false"] .mute-slash{display:block}.icon[aria-pressed="false"]{opacity:.65}.modal{position:absolute;inset:0;display:grid;place-items:center;background:#24172888;backdrop-filter:blur(10px);z-index:20}.modal-card{width:250px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:13px}.modal h1{font-weight:500;font-size:40px;margin:0 0 19px;letter-spacing:-1px}body.paused #play-controls,body.paused #touch{visibility:hidden}#loading{position:absolute;inset:0;display:grid;place-content:center;background:#302035;z-index:30;text-align:center;padding:24px}.spinner{width:36px;height:36px;border:2px solid #ffa7cb33;border-top-color:var(--pink);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#touch{display:none;position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));justify-content:space-between;pointer-events:none}.touch-steer,.touch-pedals{display:flex;gap:8px;align-items:end}#touch button{display:grid;place-items:center;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;width:58px;height:58px;border:1px solid #fff5;background:#30203555;border-radius:16px;backdrop-filter:blur(4px)}#touch button.held{background:#ffa7cb99}#touch .gas{height:80px;background:#ffa7cb66}#touch .drift{color:#ffc5dd}#touch .nitro-touch{position:absolute;right:0;bottom:94px;width:58px;height:46px;border-color:#adeaff88;background:#356b8055;color:#d5f6ff}.boosting #touch .nitro-touch{background:#b3efffaa;color:#153747}@media(pointer:coarse),(max-width:760px){body.playing #touch{display:flex}#play-controls{top:max(18px,env(safe-area-inset-top));right:20px;gap:8px}.icon{width:39px;height:39px}}@media(max-width:370px){#touch{left:12px;right:12px}#touch button{width:51px}.touch-steer,.touch-pedals{gap:6px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none;border-color:var(--pink)}}

/* The title and instructions live only on the home screen. */
#menu{inset:0;left:0;transform:none;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:5vh 24px 28px}.title-lockup{text-align:center;filter:drop-shadow(0 4px 24px #6f284c66)}.title-star{display:block;color:#ffe8b2;font-size:25px;text-shadow:0 0 25px #ffbda2}.title-lockup h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(50px,7vw,105px);font-weight:400;letter-spacing:.19em;padding-left:.19em;line-height:1.12;margin:6px 0 8px;color:#ffe9cd;background:linear-gradient(100deg,#ffd7ed 10%,#fff3d8 35%,#ffe0a9 55%,#fff1e8 70%,#edb7df 90%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:title-light 9s ease-in-out infinite}.title-rule{display:flex;align-items:center;justify-content:center;gap:15px;color:#ffdfb7;font-size:20px}.title-rule i{width:100px;height:1px;background:linear-gradient(90deg,transparent,#ffdfb7,transparent)}.home-bottom{width:min(720px,100%);text-align:center;pointer-events:auto}.drive-guide{font-size:12px;color:#fff2e5;text-shadow:0 2px 12px #2b182c;line-height:1.6}.keyboard-guide{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px}.keyboard-guide span{white-space:nowrap}kbd{font:500 11px system-ui,sans-serif;color:#ffe1ee;border:1px solid #ffe2ee55;background:#321d3344;border-radius:5px;padding:3px 6px;margin-right:4px}.drift-tip{margin:12px 0 18px;font-size:11px;opacity:.85}.touch-guide{display:none}.home-actions{display:flex;justify-content:center;align-items:center;gap:18px}.camera-select{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;text-align:left;display:grid;gap:5px;color:#ffe5d3}.camera-select select{width:170px;padding:11px 28px 11px 12px;border:1px solid #ffd5df55;border-radius:12px;background:#302035bb;color:#fff3e7;font:13px system-ui;cursor:pointer}.camera-select select:focus-visible{outline:2px solid #ffe5b8;outline-offset:3px}.vignette{background:linear-gradient(0deg,#241728c9,transparent 39%),linear-gradient(180deg,#24172855,transparent 28%)}@keyframes title-light{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@media(max-width:760px){#menu{padding:5vh 18px 28px}.title-lockup h1{font-size:clamp(40px,10.8vw,72px);letter-spacing:.13em;padding-left:.13em}.title-star{font-size:20px}.title-rule i{width:65px}.home-actions{gap:12px}.home-actions .primary{width:155px}.camera-select select{width:155px}.keyboard-guide,.drift-tip{display:none}.touch-guide{display:block;margin:0 0 18px;font-size:11px}.icon{width:38px;height:38px}#play-controls{gap:7px}}@media(pointer:coarse){.keyboard-guide,.drift-tip{display:none}.touch-guide{display:block}}@media(max-height:560px){#menu{padding:12px 18px 16px}.title-lockup h1{font-size:46px;margin:0}.title-star,.title-rule{display:none}.drive-guide{font-size:10px}.drift-tip{display:none}.home-actions{margin-top:9px}.home-actions .primary{min-height:48px}.touch-guide{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){.title-lockup h1{animation:none}}

/* Rose chrome instruments echo the coupe's paint and star-shaped lights. */
:root{--hud-shell:#241829ed;--hud-pink:#ffabd4;--hud-chrome:#e9c6db;--hud-glow:#f67dba;--hud-ink:#fff1f7}
.keyboard-guide,.touch-guide{gap:12px;align-items:start;margin:0 0 22px}.keyboard-guide span,.touch-guide span{display:grid;justify-items:center;gap:7px}.drive-guide kbd{min-width:46px;margin:0;padding:7px 10px;font-size:12px;border-radius:8px;background:#25182599;box-shadow:inset 0 -2px #ffccdf22}.drive-guide small{font-size:9px;letter-spacing:1.7px;color:#f9e1eb}.home-actions .primary{width:200px}
#hud{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:230px;z-index:6;color:var(--hud-ink);user-select:none;-webkit-user-select:none;filter:drop-shadow(0 8px 18px #160a1c66)}
.instrument{position:relative;padding:8px 16px 14px;border-radius:74px 74px 19px 19px;border:1px solid var(--hud-chrome);background:radial-gradient(ellipse at 20% 0,#b5679c44,transparent 60%),repeating-linear-gradient(130deg,#fff0 0 3px,#ffffff05 3px 4px),var(--hud-shell);box-shadow:inset 0 0 0 3px #c78ba51c,inset 0 1px 8px #ffdae433;backdrop-filter:blur(8px)}
.instrument-star{position:absolute;top:10px;left:50%;transform:translateX(-50%);font-size:15px;color:#ffcfeb;text-shadow:0 0 8px #f9a}
.speed-dial{position:relative;height:128px}.speed-dial svg{width:100%;height:100%;overflow:visible;stroke-linecap:butt}.dial-track,#speed-arc{fill:none;stroke-width:5}.dial-track{stroke:#ffbad026}#speed-arc{stroke:url(#dial-pink);stroke-dasharray:0 100;filter:drop-shadow(0 0 3px #ff9dcc)}.dial-ticks{stroke:#f5cbde88;stroke-width:1.4}.speed-dial text{font:9px system-ui;fill:#cbb5ca;stroke:none;text-anchor:middle}.speed-value{position:absolute;inset:41px 0 auto;display:grid;justify-items:center;gap:0}.speed-value output{font-size:46px;line-height:1;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-2px;text-shadow:0 0 17px #ffb3d244}.speed-value span{font-size:8px;letter-spacing:2.5px;margin-top:7px;color:#e6cadc}
.nitro-control{width:100%;min-height:44px;padding:4px 0 0;background:none;border:0;text-align:left;touch-action:none}.nitro-heading{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.3px}.nitro-heading>span:first-child{flex:1;color:#ffd0e5}.nitro-heading>span:nth-child(2){font-variant-numeric:tabular-nums;font-size:9px;letter-spacing:0}.nitro-heading kbd,.pedal kbd{font-size:8px;padding:2px 4px;margin:0;letter-spacing:.4px;color:#dfbfd3;background:#ffffff08;border-color:#f4c9e333}.nitro-meter{display:block;height:7px;margin-top:8px;border-radius:3px;background:#efb3d51b;overflow:hidden}.nitro-meter i{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#ad78cc,#f39bc7,#ffe3cd);box-shadow:0 0 10px #ffb3da}.nitro-control.active .nitro-meter i{background:linear-gradient(90deg,#ce9dff,#fff2ff);box-shadow:0 0 14px #fff}.nitro-control.charging{opacity:.55}.nitro-control.held .nitro-heading{color:white}
.hud-actions{display:flex;gap:9px;margin-top:9px}.pedal{position:relative;display:grid;grid-template-columns:24px 1fr;align-items:center;justify-items:center;gap:2px 5px;width:50%;min-height:56px;padding:8px 10px;border:1px solid #e7b2cf88;border-radius:13px;background:linear-gradient(135deg,#673b53ed,#281b30f2 65%);box-shadow:inset 0 1px 0 #ffe9f244;touch-action:none}.pedal svg{grid-row:1/3;width:22px;height:22px;color:#ffb4d4}.pedal span{font-size:10px;font-weight:650;letter-spacing:1px}.pedal kbd{font-size:8px}.pedal.held,.pedal.active{border-color:#ffe0ee;background:linear-gradient(135deg,#b86f95,#6f375a);box-shadow:0 0 17px #f68fbd44,inset 0 0 8px #ffd2e233}.pedal.active svg{filter:drop-shadow(0 0 3px #ffcfeb)}
body.paused #hud{visibility:hidden}#touch{right:auto;width:126px;bottom:max(24px,env(safe-area-inset-bottom));gap:10px;flex-direction:column;z-index:6}.touch-steer{order:2}#touch button{width:58px;height:58px;border-color:#dba4c788;background:linear-gradient(135deg,#673b53cc,#281b30dd);box-shadow:inset 0 1px 0 #ffe9f244}.touch-steer{gap:10px}#touch .gas{height:65px;width:126px;background:linear-gradient(135deg,#b66d95cc,#603850dd)}
@media(max-width:760px),(pointer:coarse){.touch-guide{display:flex;justify-content:center}.keyboard-guide{display:none}#hud{width:174px;right:max(16px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom))}.instrument{padding:6px 12px 11px;border-radius:58px 58px 16px 16px}.instrument-star{top:7px;font-size:12px}.speed-dial{height:102px}.speed-value{top:33px}.speed-value output{font-size:37px}.speed-value span{font-size:7px;margin-top:5px}.nitro-heading{font-size:9px;letter-spacing:1px}.nitro-heading kbd,.pedal kbd{display:none}.hud-actions{gap:7px;margin-top:7px}.pedal{min-height:51px;padding:7px 6px;grid-template-columns:1fr;gap:4px}.pedal svg{grid-row:auto;width:18px;height:18px}.pedal span{font-size:8px}.nitro-meter{height:6px;margin-top:6px}#touch{left:max(16px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));width:116px}#touch button{width:53px;height:53px}#touch .gas{width:116px;height:60px}.drive-guide kbd{font-size:11px;min-width:42px;padding:6px 8px}.drive-guide small{font-size:8px}.home-actions .primary{width:190px}}
@media(max-width:350px){#hud{right:12px;width:159px}#touch{left:12px;width:106px}#touch button{width:48px}#touch .gas{width:106px}.touch-guide{gap:8px}}
@media(max-height:500px){#hud{width:174px;bottom:12px}.speed-dial{height:85px}.speed-value{top:25px}.speed-value output{font-size:31px}.instrument{padding:4px 12px 9px}.instrument-star{top:3px;font-size:11px}.pedal{min-height:42px}.keyboard-guide,.touch-guide{margin-bottom:12px}.drive-guide kbd{padding:4px 7px}#touch{bottom:12px}}

/* Floating instruments: no panel, border, or glass behind the speedometer. */
#hud .instrument{background:none;border:0;box-shadow:none;backdrop-filter:none;border-radius:0}#hud{filter:none}.speed-dial,.instrument-star,.nitro-heading{text-shadow:0 2px 7px #201124;filter:drop-shadow(0 1px 3px #20112499)}

/* Mobile driving: steering left, rose-chrome pedal plates right. */
.hud-actions .gas,.pedal-tread{display:none}
@media(max-width:760px),(pointer:coarse){
 #touch{width:auto;right:auto;flex-direction:row}
 #hud{width:174px;pointer-events:none}
 #hud button{pointer-events:auto}
 .hud-actions{align-items:flex-end;justify-content:flex-end;gap:16px;margin-top:8px;padding:0 4px}
 .hud-actions .drift{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:calc(max(20px,env(safe-area-inset-bottom)) + 68px);width:116px;min-height:44px;grid-template-columns:22px auto;gap:8px;padding:8px 18px}
 .hud-actions .brake,.hud-actions .gas{display:flex;flex-direction:column;justify-content:space-between;align-items:center;flex:none;padding:10px 8px 9px;border:2px solid #edc6d6;border-bottom:5px solid #8b607e;border-radius:12px;background:linear-gradient(115deg,#f6dce8 0%,#a66c94 15%,#463346 38%,#352738 68%,#bd8aa5 100%);box-shadow:inset 0 0 0 2px #2f1c35,0 5px 0 #25192dbb,0 8px 15px #1d122766;color:#fff1f7;transition:transform .08s,box-shadow .08s,border-color .08s;touch-action:none}
 .hud-actions .brake{width:76px;height:70px;margin-bottom:4px}
 .hud-actions .gas{width:62px;height:108px}
 .hud-actions .brake svg{display:none}
 .hud-actions .pedal-tread{display:block;width:100%;flex:1;margin:2px 0 9px;border-radius:4px;background:repeating-linear-gradient(0deg,#1f172a 0 4px,#936b88 4px 6px,#e9bed344 6px 7px,transparent 7px 12px);box-shadow:inset 1px 0 2px #fff3}
 .hud-actions .brake>span:last-of-type,.hud-actions .gas>span:last-child{font-size:9px;letter-spacing:1.5px;text-shadow:0 1px 3px #160c1d}
 .hud-actions .brake.held,.hud-actions .gas.held{transform:translateY(4px) scale(.97);border-color:#ffe1f0;background:linear-gradient(115deg,#ffdfed,#bb759e 22%,#754665 65%,#f7b9d4);box-shadow:inset 0 0 0 2px #784862,0 1px 0 #25192dbb,0 0 20px #ffa7cb66}
}
@media(max-width:350px){#hud{width:159px;right:12px}.hud-actions{gap:10px;padding:0}.hud-actions .drift{left:12px;width:106px}.hud-actions .brake{width:72px}.hud-actions .gas{width:60px}.touch-guide{gap:6px}.drive-guide kbd{min-width:39px;padding:6px}}
@media(max-height:500px) and (max-width:760px),(max-height:500px) and (pointer:coarse){#hud{bottom:max(12px,env(safe-area-inset-bottom));width:162px}.hud-actions{gap:12px;margin-top:4px}.hud-actions .gas{height:88px;width:58px}.hud-actions .brake{height:62px;width:72px}.hud-actions .drift{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 66px)}#touch{bottom:max(12px,env(safe-area-inset-bottom))}}

/* Compact, floating mobile instruments leave the driving view clear. */
@media(max-width:760px),(pointer:coarse){
 #hud .instrument{position:fixed;left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));width:124px;padding:2px 5px 0;pointer-events:none}
 #hud .speed-dial{height:73px}
 #hud .instrument-star{top:1px;font-size:10px;color:#ffd9f0;text-shadow:0 0 9px #ff8bca}
 #hud .speed-value{top:24px}
 #hud .speed-value output{font-size:27px;letter-spacing:-1px}
 #hud .speed-value span{font-size:6px;letter-spacing:1.6px;margin-top:3px}
 #hud .nitro-control{min-height:44px;padding:3px 2px 7px;pointer-events:auto}
 #hud .nitro-heading{font-size:8px;letter-spacing:.7px;gap:4px}
 #hud .nitro-heading>span:nth-child(2){font-size:8px}
 #hud .nitro-meter{height:4px;margin-top:6px;box-shadow:0 0 7px #ff9cd344}
 #hud .hud-actions{margin-top:0}
}
/* Smooth light accents; boost fades at the edges without flashing. */
body::after{content:'';position:fixed;inset:0;z-index:4;pointer-events:none;opacity:0;background:linear-gradient(90deg,#e48eff44,transparent 13%,transparent 87%,#ffc0ea44);box-shadow:inset 0 -18px 42px #c786ff33;transition:opacity .4s}
body.playing.boosting:not(.paused)::after{opacity:1}
.boosting #speed-arc{stroke:#eacaff;filter:drop-shadow(0 0 5px #e3a1ff)}
.nitro-control.active .nitro-heading{color:#fff;text-shadow:0 0 9px #d896ff}
.nitro-control.active .nitro-meter{box-shadow:0 0 12px #dda6ff99}
#touch button.held{border-color:#ffe1ef;box-shadow:inset 0 0 10px #ffc3e144,0 0 14px #ffa7cb66}
.hud-actions .gas::after,.hud-actions .brake::after{content:'';position:absolute;top:5px;left:25%;right:25%;height:2px;border-radius:2px;background:#df8dbf;box-shadow:0 0 5px #ee92cd88;transition:background .15s,box-shadow .15s}
.hud-actions .gas.held::after{background:#fbe6ff;box-shadow:0 0 9px 2px #e6abff}
.hud-actions .brake.held::after{background:#ffd4d8;box-shadow:0 0 9px 2px #ff5e86}
@media(prefers-reduced-motion:reduce){body::after{display:none}}

/* Thumb controls: boost directly above GAS, with a larger tactile steering pair. */
.nitro-pedal{display:none}
@media(max-width:760px),(pointer:coarse){
 .hud-actions{--gas-height:108px;position:relative}
 .hud-actions .nitro-pedal{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;right:4px;bottom:calc(var(--gas-height) + 12px);width:62px;height:58px;padding:5px;border:1px solid #efd4ff;border-radius:15px;background:linear-gradient(135deg,#886398ed,#362743f2);box-shadow:inset 0 1px 2px #ffefff88,0 4px 0 #291d35aa;touch-action:none;overflow:hidden}
 .nitro-pedal svg{width:23px;height:23px;color:#ffe4fa;fill:#edb8ff33;filter:drop-shadow(0 0 4px #f1b7ff)}
 .nitro-pedal span{font-size:8px;font-weight:750;letter-spacing:1px}
 .nitro-pedal::after{content:'';position:absolute;left:8px;right:8px;bottom:4px;height:3px;border-radius:4px;background:linear-gradient(90deg,#f5caff var(--charge,100%),#c396ef22 var(--charge,100%))}
 .nitro-pedal.held,.nitro-pedal.active{transform:translateY(2px);border-color:#fff5ff;background:linear-gradient(135deg,#d79ce8,#765398);box-shadow:inset 0 0 9px #ffe2ff55,0 0 18px #dba1ff88}
 .nitro-pedal.charging{opacity:.55}
 #touch .touch-steer{gap:10px}
 #touch .touch-steer button{width:64px;height:64px;border:2px solid #e7bdd4;border-bottom:4px solid #8c5c7b;border-radius:22px;background:linear-gradient(145deg,#bf8aa5cc,#4b304b 42%,#2d2236);box-shadow:inset 0 1px 3px #fff0f766,0 4px 0 #21152bbb;transition:transform .08s,background .08s,box-shadow .08s;flex-shrink:0}
 #touch .touch-steer svg{width:29px;height:29px;stroke-width:2.2;color:#ffe5f2}
 #touch .touch-steer button.held{transform:translateY(3px);background:linear-gradient(145deg,#f2b3d2,#9a527d);border-color:#fff0f6;box-shadow:inset 0 0 12px #ffe0ef55,0 0 16px #ffa7cb66}
 #touch .touch-steer button.held svg{filter:drop-shadow(0 0 4px #fff0f8)}
 .hud-actions .drift{width:138px;bottom:calc(max(20px,env(safe-area-inset-bottom)) + 78px)}
}
@media(max-width:350px){#touch .touch-steer{gap:8px}#touch .touch-steer button{width:58px;height:60px}.hud-actions .drift{width:124px}.hud-actions .nitro-pedal{right:0;width:60px}}
@media(max-height:500px) and (max-width:760px),(max-height:500px) and (pointer:coarse){.hud-actions{--gas-height:88px}.hud-actions .nitro-pedal{width:58px;height:52px;bottom:100px}#touch .touch-steer button{height:58px}.hud-actions .drift{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 72px)}}


/* Two-thumb driving: left hand steers, right hand chooses gas or powered drift. */
@media(max-width:760px),(pointer:coarse){
 .hud-actions .drift{position:absolute;left:4px;right:auto;bottom:calc(var(--gas-height) + 12px);width:76px;height:58px;min-height:0;padding:7px 8px;grid-template-columns:1fr;gap:3px;border-radius:15px;border-color:#f3c8de;background:linear-gradient(135deg,#9d6287ed,#452c46f2);box-shadow:inset 0 1px 2px #ffefff66,0 4px 0 #291d35aa}
 .hud-actions .drift svg{width:23px;height:23px}
 .hud-actions .drift.held{background:linear-gradient(135deg,#efb2d1,#9a527d);box-shadow:inset 0 0 9px #ffe2ff55,0 0 18px #ffa7cb66}
}
@media(max-width:350px){.hud-actions .drift{left:0;width:72px}}
@media(max-height:500px) and (max-width:760px),(max-height:500px) and (pointer:coarse){.hud-actions .drift{width:72px;height:52px;bottom:100px}}


/* Floating drift points stay clear of the car and both thumb-control clusters. */
.drift-scoreboard{position:fixed;top:max(24px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));display:grid;gap:3px;pointer-events:none;text-shadow:0 2px 8px #211226;font-variant-numeric:tabular-nums}
.drift-scoreboard>span{font-size:9px;letter-spacing:2px;color:#ffe0ee}
#drift-score{font-size:30px;line-height:1.15;font-weight:500}
#drift-combo{font-size:16px;color:#ffe4b3;white-space:nowrap}
.drift-scoreboard.sliding #drift-combo{color:#ffd0eb;text-shadow:0 0 12px #f09bce,0 2px 7px #211226}
@media(max-width:760px),(pointer:coarse){.drift-scoreboard{left:50%;top:max(18px,env(safe-area-inset-top));transform:translateX(-50%);text-align:center}.drift-scoreboard>span{font-size:8px;letter-spacing:1.3px}#drift-score{font-size:23px}#drift-combo{font-size:13px}}
@media(max-width:520px){.drift-scoreboard{top:calc(max(18px,env(safe-area-inset-top)) + 52px);left:auto;right:max(20px,env(safe-area-inset-right));transform:none;text-align:right}}