#device-controls{display:none;position:fixed;inset:0;z-index:26;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none}
#device-controls.visible{display:block}
#device-move{position:absolute;left:calc(20px + env(safe-area-inset-left));bottom:calc(22px + env(safe-area-inset-bottom));width:clamp(105px,19vw,160px);aspect-ratio:1;border:2px solid #7ccece99;border-radius:50%;background:#0b263699;box-shadow:inset 0 0 25px #59e9df26;pointer-events:auto;touch-action:none}
#device-move .device-stick{position:absolute;left:50%;top:50%;width:42%;aspect-ratio:1;border-radius:50%;background:#64cfc8a8;border:2px solid #d1fff6bb;transform:translate(-50%,-50%);pointer-events:none}
#device-look{position:absolute;left:48%;top:15%;right:0;bottom:0;pointer-events:auto;touch-action:none}
#device-actions{position:absolute;right:calc(14px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));width:min(39vw,300px);display:grid;grid-template-columns:repeat(3,1fr);gap:7px;pointer-events:none}
#device-actions button{pointer-events:auto;touch-action:none;min-width:0;min-height:48px;padding:7px 2px;border:1px solid #7fd4d2a0;border-radius:10px;background:#0a2736d9;color:#b9f7ed;font:700 clamp(9px,1.8vw,12px) Consolas,monospace;box-shadow:0 0 15px #020c16aa}
#device-actions button[data-device-action="fire"]{grid-row:span 2;border-radius:50%;background:#12505adf;color:#f4ffff}
#device-actions button:active{background:#44bfb9;color:#041a1e}
#device-rotate{display:none;position:absolute;inset:0;background:#020a16ee;color:#bce9e5;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center;font:700 25px Consolas,monospace;letter-spacing:.1em;pointer-events:auto}
#device-rotate small{font-size:12px;font-weight:400;letter-spacing:0}
#device-controls.portrait #device-rotate{display:flex}
body.mobile-gameplay{overscroll-behavior:none}
body[data-device-class] #walking-touch,body[data-device-class] #ground-controls,body[data-device-class] #flight-lesson-controls,body[data-device-class] #touch-controls{display:none!important}
body.mobile-gameplay #space,body.mobile-gameplay #device-controls,body.mobile-gameplay #device-controls *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}
body.mobile-gameplay #walking-touch,body.mobile-gameplay #walking-interact,body.mobile-gameplay #ground-controls,body.mobile-gameplay #flight-lesson-controls,body.mobile-gameplay #touch-controls{display:none!important}
body.mobile-gameplay #tutorial-prompt{top:calc(8px + env(safe-area-inset-top));bottom:auto;max-width:55vw;font-size:10px}
body.mobile-gameplay #systems-hud{bottom:calc(5px + env(safe-area-inset-bottom))}
body.mobile-gameplay #fps-ammo-hud{right:calc(5px + env(safe-area-inset-right));bottom:calc(3px + env(safe-area-inset-bottom));transform:scale(.72);transform-origin:right bottom}
body.mobile-gameplay #skirmish-hud .skirmish-controls{display:none}
body.mobile-gameplay #skirmish-hud .skirmish-vitals{top:calc(5px + env(safe-area-inset-top))}
body.mobile-gameplay #skirmish-hud .skirmish-objective{top:calc(5px + env(safe-area-inset-top))}
body.mobile-gameplay footer{bottom:calc(2px + env(safe-area-inset-bottom));padding:2px;pointer-events:none}
body.mobile-gameplay footer button{pointer-events:auto}
body:fullscreen #space{height:100%;width:100%}
@media(max-height:380px){#device-move{width:100px}#device-actions button{min-height:38px}#device-actions{width:min(42vw,250px)}}