.touch-controls{position:absolute;z-index:4;right:18px;bottom:max(18px,env(safe-area-inset-bottom));display:none;gap:10px}
.touch-controls button{min-width:54px;min-height:54px;border:1px solid rgba(81,243,229,.62);background:rgba(7,10,26,.72);color:#51f3e5;font:700 11px ui-monospace,monospace;letter-spacing:.08em;touch-action:none}
.touch-controls #jumpButton{min-width:78px;color:#070a1a;background:#51f3e5}
@media(max-width:760px){.hud-actions #pauseButton{display:none}.scoreboard{position:absolute;top:59px;right:16px}}
@media(max-width:760px),(pointer:coarse){
  body:has(#titleOverlay[hidden]):not(:has(#resultOverlay:not([hidden]))) .touch-controls{display:flex;left:18px;right:auto}
  .hud-actions #pauseButton{display:none}
  .touch-controls #leftButton{order:1}
  .touch-controls #rightButton{order:2}
  .touch-controls #jumpButton{order:3}
  .touch-controls #dashButton{order:4}
}
@media(max-height:420px) and (orientation:landscape) and (pointer:coarse){
  body:has(#titleOverlay[hidden]):not(:has(#resultOverlay:not([hidden]))) :is(.mission-panel,.build-panel,.combo-panel,.comms-panel,.event-panel,.run-map,.overdrive){display:none!important}
  .touch-controls{gap:7px!important}
  .touch-controls button{background:rgba(7,10,26,.88)}
}