/* Drone-only dual sticks; riding and walking keep their established layout. */
#lookJoystick{display:none;position:absolute;border-radius:50%;touch-action:none;user-select:none;pointer-events:auto;border:1px solid #b3d1c55c;background:#0b1a2080;}
#lookStick{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;width:42px;height:42px;background:#8db2ac6b;border:1px solid #c2e2d290;pointer-events:none;}
.airframeSpecs{font:11px/1.6 monospace!important;color:#aad7c8!important;}
#droneHold{display:none;}
body.interface-ready[data-input=gamepad] #touch{display:none!important;}
@media(pointer:coarse){
 body.interface-ready[data-mode=drone] #lookJoystick{display:block;right:var(--field-edge);bottom:calc(118px + env(safe-area-inset-bottom));width:106px;height:106px;}
 body.interface-ready[data-mode=drone] :is(#joystick,#lookJoystick) span{display:block;position:absolute;top:calc(100% + 8px);left:50%;right:auto;bottom:auto;transform:translateX(-50%);white-space:nowrap;font:8px monospace;letter-spacing:.05em;color:#d6e8de;pointer-events:none;}
 body.interface-ready[data-mode=drone] .touchActions{right:calc(50% - 28px);bottom:calc(125px + env(safe-area-inset-bottom));display:block;}
 body.interface-ready[data-mode=drone] .touchActions .use{width:56px;min-height:46px;}
 body.interface-ready[data-mode=drone] #droneHold{display:block;width:56px;min-height:44px;margin-top:7px;color:#d3b682;}
 body.interface-ready[data-mode=drone] .touchActions :is(.fire,.pulse){display:none;}
 body.interface-ready[data-mode=drone][data-drone-sticks=mode2] #altitude{display:none!important;}
 body.interface-ready[data-mode=drone] #lookHint{display:none;}
}
@media(pointer:coarse) and (orientation:landscape){
 body.interface-ready[data-mode=drone] #lookJoystick{width:94px;height:94px;bottom:70px;}
 body.interface-ready[data-mode=drone] .touchActions{right:125px;bottom:68px;}
 body.interface-ready[data-mode=drone] :is(#joystick,#lookJoystick) span{top:calc(100% + 3px);font-size:7px;}
}