/* Visible thumb anchor; playfield still supports dragging from anywhere. */
#mobile-stick{display:none;position:absolute;z-index:4;left:max(18px,env(safe-area-inset-left));bottom:calc(86px + env(safe-area-inset-bottom));width:120px;height:120px;border:2px solid #d7f9ef99;border-radius:50%;background:radial-gradient(circle,#12374633 35%,#15384566);box-shadow:inset 0 0 0 12px #c9f7ea14;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;align-items:center;justify-content:center}
#mobile-stick-knob{width:48px;height:48px;border-radius:50%;background:#d8f4d9a8;border:2px solid #fff3c4;box-shadow:0 2px 8px #0b2c4555;pointer-events:none}
#mobile-stick.steering{border-color:#fff4ba;background:#173e5266}
#arena #dash{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
@media(pointer:coarse),(max-width:580px){
 #mobile-stick{display:flex}
 #arena #dash{width:84px;min-width:84px;height:84px;min-height:84px;border-radius:50%;font-size:17px;border-width:2px;box-shadow:0 4px 0 #071e2b88}
 #arena>.controls{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));padding-bottom:max(18px,env(safe-area-inset-bottom));gap:14px}
 #arena #gear-summary{max-width:calc(100% - 104px)}
 .route-control{left:auto;right:max(20px,env(safe-area-inset-right));bottom:calc(116px + env(safe-area-inset-bottom))}
 .route-control section{left:auto;right:0}
}
@media(pointer:coarse) and (max-height:500px) and (orientation:landscape){
 #mobile-stick{width:108px;height:108px;left:max(18px,env(safe-area-inset-left));bottom:calc(60px + env(safe-area-inset-bottom))}
 #arena #dash{width:72px;min-width:72px;height:72px;min-height:72px;font-size:16px}
 .route-control{bottom:calc(100px + env(safe-area-inset-bottom))}
}