.updated-controls #touch{display:none!important}
.updated-controls #testTouchControls{position:absolute;inset:0;pointer-events:none;--touch-ink:#e5f4d9;--touch-border:#dbeacc55;--touch-size:clamp(90px,12vw,146px)}
.updated-controls #testTouchControls button{padding:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:auto;box-shadow:none;outline-offset:4px;transition:background .08s,opacity .08s;opacity:.38;color:var(--touch-ink);transform:none}
.updated-controls #testTouchControls button.pressed{opacity:.7;background:#c8eecb35}
.updated-controls .test-touch-steering{position:absolute;display:flex;gap:8px;left:max(25px,env(safe-area-inset-left));bottom:max(44px,env(safe-area-inset-bottom));}
.updated-controls #testTouchControls .test-touch-arrow{width:var(--touch-size);height:calc(var(--touch-size)*1.3);border:0;background:transparent;border-radius:12px}
.updated-controls .test-touch-arrow svg{height:100%;width:100%;fill:#41735a80;stroke:none}
.updated-controls .test-touch-arrow .touch-arrow-mark{fill:none;stroke:var(--touch-ink);stroke-width:9;stroke-linecap:round;stroke-linejoin:round}
.updated-controls .test-touch-actions{position:absolute;right:max(28px,env(safe-area-inset-right));bottom:max(30px,env(safe-area-inset-bottom));width:clamp(190px,26vw,300px);height:clamp(205px,29vw,310px)}
.updated-controls .test-touch-actions button{display:flex;align-items:center;justify-content:center;flex-direction:column;border:3px double var(--touch-border);background:#486b5270;border-radius:50%;font-weight:800}
.updated-controls #testTouchControls .test-touch-drift{position:absolute;right:0;bottom:0;width:var(--touch-size);height:var(--touch-size);font:italic 800 clamp(18px,2.5vw,30px) Arial,sans-serif}
.updated-controls .test-touch-drift svg{width:67%;height:47%;fill:none;stroke:var(--touch-ink);stroke-width:5;stroke-linecap:round}
.updated-controls #testTouchControls .test-touch-brake{position:absolute;left:0;bottom:calc(var(--touch-size)*.3);width:calc(var(--touch-size)*.57);height:calc(var(--touch-size)*.57)}
.updated-controls .test-touch-brake svg{width:65%;height:60%;fill:var(--touch-ink)}
.updated-controls .test-touch-brake small{font-size:9px;line-height:1}
.updated-controls #testTouchControls .test-touch-boost{position:absolute;right:calc(var(--touch-size)*.4);bottom:calc(var(--touch-size)*1.12);width:calc(var(--touch-size)*.63);height:calc(var(--touch-size)*.63);font-size:clamp(13px,1.8vw,19px)}
.updated-controls .test-touch-boost svg{width:70%;height:65%;fill:#e0cc5e}
.updated-controls .test-touch-boost span{line-height:1}
.updated-controls #testTouchControls .test-touch-exceed{display:none;position:absolute;right:0;bottom:calc(var(--touch-size)*1.27);width:calc(var(--touch-size)*.4);height:calc(var(--touch-size)*.4);font-size:14px}
.updated-controls .v1-engine #testTouchControls .test-touch-exceed{display:flex}
.updated-controls[data-control-method=touch] .race-help{display:none}
@media(max-height:600px){.updated-controls #testTouchControls{--touch-size:clamp(82px,12vw,124px)}.updated-controls .test-touch-steering{bottom:max(32px,env(safe-area-inset-bottom))}.updated-controls .test-touch-actions{bottom:max(22px,env(safe-area-inset-bottom));right:max(22px,env(safe-area-inset-right))}}
@media(max-width:600px){.updated-controls #testTouchControls{--touch-size:clamp(65px,14vw,90px)}.updated-controls .test-touch-steering{left:12px;gap:4px}.updated-controls .test-touch-actions{right:12px;width:150px;height:180px}}
.updated-controls[data-control-method=touch] #minimap{bottom:auto;top:110px;right:20px;width:clamp(120px,16vw,185px);height:auto;aspect-ratio:6/5;opacity:.75}
.updated-controls[data-control-method=touch] #v1Tachometer{bottom:8px}
@media(max-height:600px){.updated-controls[data-control-method=touch] #minimap{top:95px;right:12px;width:120px}}
