/* Phone controls use the visible viewport, keeping the road between two thumb zones. */
#steering-pad,#mobile-race-tools,#immersive-toggle,#mobile-rotate-hint,.mobile-launch{display:none}
#mobile-screen-help{width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:24px;color:#ecf0f3;background:#0e1824;border:1px solid #d8bc7d88;border-radius:14px}
#mobile-screen-help::backdrop{background:#000b}#mobile-screen-help h2{font-size:25px}#mobile-screen-help p,#mobile-screen-help li{font-size:15px;line-height:1.65}#mobile-screen-help ol{padding-left:21px}#mobile-screen-help li{margin:12px 0}#mobile-screen-help button,#mobile-screen-help input{width:100%;min-height:46px;margin-top:10px}#mobile-screen-help input{color:#cbd5df;background:#070e16;border:1px solid #ffffff35;padding:10px;font-size:13px;user-select:text;-webkit-user-select:text}
body.mobile-play{--thumb-bottom:calc(max(24px,env(safe-area-inset-bottom)) + var(--visual-bottom,0px) + clamp(0px,calc(var(--button-lift,88px) - 72px),48px));--thumb-size:150px}
body.mobile-play .mobile-launch{display:flex;align-items:center;gap:10px;margin:9px 0 12px}body.mobile-play .mobile-launch button{min-height:44px;padding:9px 14px;white-space:nowrap;background:#121e2bd9;border-radius:6px;font-size:14px}body.mobile-play .mobile-launch small{font-size:12px;color:#bac5cf;line-height:1.5}body.standalone-game .mobile-launch{display:none}
body.mobile-play.racing #hud{position:fixed;inset:0;pointer-events:none}
body.mobile-play.racing .race-top{top:max(8px,env(safe-area-inset-top))!important;left:var(--safe-left);right:calc(var(--safe-right) + 100px);height:46px;gap:6px;align-items:stretch}
body.mobile-play.racing .race-top .position-box,body.mobile-play.racing .race-top .lap-box{min-width:58px!important;padding:5px 9px!important;border:0;border-radius:6px;background:#08111ba8;backdrop-filter:none}
body.mobile-play.racing .race-top .position-box>small,body.mobile-play.racing .race-top .lap-box>small{font-size:9px!important;letter-spacing:.7px!important;line-height:12px}
body.mobile-play.racing .race-top .position-box strong,body.mobile-play.racing .race-top .lap-box h2{font-size:20px!important;line-height:22px!important;margin:0!important;white-space:nowrap}
body.mobile-play.racing .race-top .timing{min-width:0;padding:5px 9px;margin-left:0;border-radius:6px;background:#08111b8c;display:flex;justify-content:center}
body.mobile-play.racing .timing>div:first-child{gap:0}body.mobile-play.racing .race-top .timing small{font-size:9px!important;line-height:12px;letter-spacing:0!important}
body.mobile-play.racing .race-top .timing b{font-size:18px!important;line-height:22px;letter-spacing:0;font-variant-numeric:tabular-nums}
body.mobile-play.racing .pause,body.mobile-play.racing #immersive-toggle{position:fixed;top:max(8px,env(safe-area-inset-top))!important;bottom:auto;right:var(--safe-right);width:44px;height:44px;min-height:44px;padding:0;pointer-events:auto;z-index:21;border:1px solid #ffffff38;background:#0b1420a6;border-radius:9px}
body.mobile-play.racing #immersive-toggle{display:block;right:calc(var(--safe-right) + 50px);font-size:25px}
body.mobile-play.racing #immersive-toggle[hidden]{display:none}
body.mobile-play.racing #touch{display:block!important;inset:0;bottom:0;height:auto;pointer-events:none;z-index:16}
body.mobile-play.racing #touch button{position:absolute;width:68px;min-width:0;height:70px;min-height:70px;padding:8px;bottom:var(--thumb-bottom);margin:0!important;pointer-events:auto;border-radius:18px;background:#dbe7f016;border:1px solid #e8f0f96b;backdrop-filter:none;box-shadow:none;font-size:14px;font-weight:500;touch-action:none;transform:none}
body.mobile-play.racing #touch button[data-key=ArrowLeft]{left:var(--safe-left)}body.mobile-play.racing #touch button[data-key=ArrowRight]{left:calc(var(--safe-left) + 76px)}
body.mobile-play.racing #touch button[data-key=ArrowUp]{right:var(--safe-right);height:86px;min-height:86px}
body.mobile-play.racing #touch button[data-key=ArrowDown]{right:calc(var(--safe-right) + 76px)}
body.mobile-play.racing #touch button[data-key=Space]{right:var(--safe-right);bottom:calc(var(--thumb-bottom) + 96px);height:44px;min-height:44px;width:76px;border-radius:12px;font-size:12px}
body.mobile-play.racing.auto-throttle #touch button[data-key=ArrowUp]{display:none}
body.mobile-play.racing.auto-throttle #touch button[data-key=ArrowDown]{right:var(--safe-right);width:96px;height:84px;min-height:84px}
body.mobile-play.racing #touch button.pressed{color:#fff3d0;background:#c8a76377;border-color:#efd49b}
body.mobile-play.racing #steering-pad{display:none;position:fixed;left:var(--safe-left);bottom:var(--thumb-bottom);width:var(--thumb-size);height:96px;z-index:17;border-radius:30px;pointer-events:auto;touch-action:none;background:radial-gradient(ellipse,#d9e5ee15,transparent 72%);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
body.mobile-play.racing.touch-pad-mode #steering-pad{display:flex;flex-direction:column;justify-content:center;align-items:center}
body.mobile-play.racing.touch-pad-mode #touch button[data-key=ArrowLeft],body.mobile-play.racing.touch-pad-mode #touch button[data-key=ArrowRight]{display:none}
.steering-track{display:block;width:100%;height:56px;border:1px solid #edf4fa55;border-radius:30px;background:#d3e0ed12;position:relative}
.steering-track::before,.steering-track::after{position:absolute;top:18px;font-size:14px;color:#dde7f5a8;content:'‹';left:10px}.steering-track::after{content:'›';left:auto;right:10px}
.steering-track i{position:absolute;left:calc(50% - 27px);top:0;width:54px;height:54px;border:1px solid #e2edf9aa;border-radius:50%;background:#d8e5f226;transform:translateX(var(--thumb-x,0px));box-shadow:inset 0 0 12px #ffffff13}
.steering-label{font-size:10px;letter-spacing:.4px;line-height:1.3;margin-top:9px;color:#e2e9efa6;text-shadow:0 1px 3px #000;text-align:center}
#steering-pad.pressed .steering-track i{background:#d2b67366;border-color:#ffe5b1}
body.mobile-play.racing #mobile-race-tools{display:flex;position:fixed;left:50%;transform:translateX(-50%);bottom:calc(max(13px,env(safe-area-inset-bottom)) + var(--visual-bottom,0px));gap:5px;z-index:18}
#mobile-race-tools button{pointer-events:auto;min-width:44px;min-height:44px;border-radius:10px;padding:6px;background:#0d182580;border:1px solid #ffffff30;font-size:12px;color:#e9eff4}#mobile-race-tools button[aria-pressed=true]{color:#eed399;border-color:#d1b27088}#mobile-camera{font-size:23px!important}
body.mobile-play.racing .shift-buttons{bottom:calc(var(--thumb-bottom) + 110px);left:var(--safe-left);gap:8px;pointer-events:auto}
body.mobile-play.racing .shift-buttons button{width:60px;height:44px;min-height:44px;border-radius:10px}
body.mobile-play.racing:not(.hud-detailed) .telemetry{width:104px;height:56px;bottom:calc(max(13px,env(safe-area-inset-bottom)) + var(--visual-bottom,0px) + 54px);padding:0;background:linear-gradient(0deg,#07121b99,transparent);opacity:1}
body.mobile-play.racing:not(.hud-detailed) .telemetry .dial{height:56px}body.mobile-play.racing:not(.hud-detailed) .speed-readout{inset:0;grid-template-columns:1fr 27px;grid-template-rows:34px 13px;gap:0 5px}body.mobile-play.racing:not(.hud-detailed) .speed-readout #speed{font-size:32px;letter-spacing:-1px}body.mobile-play.racing:not(.hud-detailed) .speed-readout #gear{font-size:24px;padding-left:5px}body.mobile-play.racing:not(.hud-detailed) .speed-readout small{font-size:10px}
body.mobile-play.racing #story-live{top:64px;max-width:calc(100vw - 30px);max-height:38px;overflow:hidden;font-size:11px;line-height:1.5;margin:0;padding:4px 9px}
body.mobile-play.racing #drift-readout{top:108px;bottom:auto;max-width:100px;padding:4px 8px}body.mobile-play.racing #drift-readout b{font-size:18px}
body.mobile-play.racing #mobile-rotate-hint{display:none;position:fixed;top:70px;left:50%;transform:translateX(-50%);font-size:11px;background:#09131b70;border-radius:8px;padding:7px 10px;white-space:nowrap;color:#cbd7e3}
body.mobile-play.racing #callout{pointer-events:none;top:32%;font-size:42px!important}
@media(orientation:portrait){body.mobile-play{--thumb-size:126px;--thumb-bottom:calc(max(72px,env(safe-area-inset-bottom)) + var(--visual-bottom,0px) + clamp(0px,calc(var(--button-lift,88px) - 88px),40px))}body.mobile-play.racing .race-top{gap:4px;right:calc(var(--safe-right) + 98px)}body.mobile-play.racing .race-top .position-box,body.mobile-play.racing .race-top .lap-box{min-width:48px!important;padding:5px 7px!important}body.mobile-play.racing .timing{flex:1}body.mobile-play.racing .race-top .timing b{font-size:14px!important}body.mobile-play.racing .race-top .timing small{font-size:8px!important}body.mobile-play.racing #mobile-rotate-hint{display:block}body.mobile-play.racing #story-live{top:108px}body.mobile-play.racing #drift-readout{top:155px}body.mobile-play.racing #touch button{width:57px;font-size:12px}body.mobile-play.racing #touch button[data-key=ArrowDown]{right:calc(var(--safe-right) + 64px)}body.mobile-play.racing.auto-throttle #touch button[data-key=ArrowDown]{right:var(--safe-right);width:84px}body.mobile-play.racing #touch button[data-key=ArrowLeft]{width:56px}body.mobile-play.racing #touch button[data-key=ArrowRight]{left:calc(var(--safe-left) + 63px);width:56px}body.mobile-play.racing:not(.hud-detailed) .telemetry{bottom:calc(var(--thumb-bottom) + 110px)}body.mobile-play.racing #touch button[data-key=Space]{width:76px}body.mobile-play.racing #mobile-race-tools{gap:3px}}
@media(orientation:landscape) and (max-height:380px){body.mobile-play{--thumb-size:142px;--thumb-bottom:calc(max(18px,env(safe-area-inset-bottom)) + var(--visual-bottom,0px) + clamp(0px,calc(var(--button-lift,88px) - 88px),24px))}body.mobile-play.racing #touch button[data-key=Space]{bottom:calc(var(--thumb-bottom) + 92px)}body.mobile-play.racing .shift-buttons{bottom:calc(var(--thumb-bottom) + 100px)}}
@media(max-width:359px){body.mobile-play.racing .race-top .timing{display:none!important}body.mobile-play{--thumb-size:118px}body.mobile-play.racing #mobile-race-tools{gap:2px}}

body.mobile-play #dialog select{min-width:0;max-width:100%}body.mobile-play #dialog label{min-width:0}body.mobile-play .control-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}body.mobile-play .control-options button{padding:10px 6px;overflow-wrap:anywhere;font-size:13px!important}

@media(orientation:portrait){body.mobile-play.racing.manual-transmission:not(.hud-detailed) .telemetry{bottom:calc(var(--thumb-bottom) + 168px)}}
body.mobile-play.license-trial .position-box{max-width:94px}body.mobile-play.racing.license-trial .position-box #position{font-size:12px!important;line-height:14px!important;white-space:normal;overflow-wrap:anywhere}

body.mobile-play #touch button{overflow-wrap:anywhere;line-height:1.25}.steering-track{flex-shrink:0}body.mobile-play.racing #mobile-rotate-hint{max-width:calc(100vw - 28px);white-space:normal;text-align:center}