/* Room for two thumbs; the road remains the main part of the screen. */
.touch-ui #touch{z-index:6;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));align-items:flex-end;gap:10px}
.touch-ui #touch .steering-controls{display:flex;gap:10px}
.touch-ui #touch .steering-controls button{width:clamp(62px,20vw,90px);height:84px;font-size:32px;border:2px solid #dac0f5;border-radius:24px;background:#352947ed;box-shadow:0 4px 0 #171127;backdrop-filter:none}
.touch-ui #touch .pedal-controls{display:grid;grid-template-columns:68px 68px;gap:8px;align-items:end}
.touch-ui #touch .pedal-controls button{width:68px;height:80px;font-size:15px;border-width:2px;border-radius:22px;backdrop-filter:none}
.touch-ui #touch .pedal-controls .boost{grid-column:1/-1;justify-self:end;width:68px;height:44px;font-size:13px;border-radius:14px}
.touch-ui #touch .pedal-controls [data-control=brake]{background:#683248ed;border-color:#ffb6c4;color:#fff}
.touch-ui.auto-drive #touch .pedal-controls{grid-template-columns:76px}
.touch-ui.auto-drive #touch .pedal-controls [data-control=brake]{width:76px}
.touch-ui.auto-drive #touch [data-control=gas]{display:none}
.touch-ui #touch button.pressed{background:#f3deff;border-color:#fff;color:#30223f;transform:translateY(3px);box-shadow:none}
.touch-ui .race-bottom{bottom:170px!important;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right))}
.touch-ui #driver-badge,.touch-ui .timing,.touch-ui #race-mode,.touch-ui #mission-hud{display:none!important}
.touch-ui #care-hud{top:93px;left:max(16px,env(safe-area-inset-left));right:auto;width:105px;transform:none}
.touch-ui #care-hud #car-health{width:105px}
.touch-ui .minimap{top:86px;right:max(14px,env(safe-area-inset-right));width:96px}
.touch-ui #race-condition{top:160px;left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 28px);max-width:350px;min-height:52px;padding:7px 11px}
.touch-ui #warning-title{font-size:19px}.touch-ui #warning-detail{font-size:13px}.touch-ui #warning-distance{font-size:18px}
.touch-ui #toast{top:160px;left:50%;transform:translateX(-50%)}
@media(max-height:540px) and (orientation:landscape){
 .touch-ui #touch .steering-controls button{height:76px;width:clamp(68px,12vw,90px)}
 .touch-ui #touch .pedal-controls button{height:70px}
 .touch-ui #touch .pedal-controls .boost{height:40px}
 .touch-ui .race-bottom{bottom:137px!important}
 .touch-ui #care-hud{top:79px;width:100px}
 .touch-ui #care-hud #car-health{width:100px}
 .touch-ui .minimap{top:79px;width:88px}
 .touch-ui #race-condition{top:79px;left:130px;transform:none;width:calc(100% - 250px);max-width:350px}
 .touch-ui #toast{top:80px}
 .touch-ui #warning-icon{font-size:25px;min-width:25px}.touch-ui #warning-title{font-size:17px}.touch-ui #warning-detail{font-size:12px}
}

.touch-ui .difficulty-picker select{font-size:16px}
.touch-ui .preferences label{min-height:44px;padding:4px 0;gap:9px}
.touch-ui .preferences input{width:24px;height:24px;flex:0 0 24px}