.mobile-controls{display:none!important}
body.mobile-ui .mobile-controls{display:grid!important;position:absolute;z-index:8;left:0;right:0;bottom:0;padding:10px 12px max(12px,env(safe-area-inset-bottom));grid-template-columns:minmax(110px,1fr) minmax(110px,1fr);gap:10px;align-items:end;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(10,12,18,.55) 45%,rgba(10,12,18,.82) 100%)}
body.mobile-ui .control-center{display:none!important}
body.mobile-ui .mobile-controls>*{pointer-events:auto}
body.mobile-ui .control-left,.control-center,.control-right{display:flex;align-items:flex-end;justify-content:center;gap:8px}
body.mobile-ui .control-left{justify-content:flex-start}
body.mobile-ui .control-right{justify-content:flex-end;flex-wrap:wrap;gap:10px}
body.mobile-ui .touch-btn.turn-btn{display:none!important}
body.mobile-ui .joystick{position:relative;left:auto;bottom:auto;width:min(34vw,128px);height:min(34vw,128px);border-radius:50%;background:rgba(255,255,255,.14);border:3px solid rgba(255,255,255,.35);box-shadow:0 6px 0 rgba(0,0,0,.28);touch-action:none}
body.mobile-ui .joystick i{position:absolute;left:50%;top:50%;width:38%;height:38%;transform:translate(-50%,-50%);border-radius:50%;background:#ffe04b;box-shadow:0 3px 0 rgba(0,0,0,.25)}
body.mobile-ui .mobile-pad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,46px);gap:4px}
body.mobile-ui .pad-btn{border:0;border-radius:12px;background:rgba(255,255,255,.16);color:#fff;font-size:1rem;font-weight:900;box-shadow:0 4px 0 rgba(0,0,0,.35);touch-action:none}
body.mobile-ui .pad-btn:active{background:#ffe04b;color:#242b36;transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,.35)}
body.mobile-ui .pad-btn.up{grid-column:2;grid-row:1}
body.mobile-ui .pad-btn.left{grid-column:1;grid-row:2}
body.mobile-ui .pad-btn.down{grid-column:2;grid-row:3}
body.mobile-ui .pad-btn.right{grid-column:3;grid-row:2}
body.mobile-ui .touch-btn{position:relative;right:auto;bottom:auto;border:0;border-radius:16px;font-weight:900;touch-action:none}
body.mobile-ui .touch-btn.turn-btn{width:58px;height:58px;background:rgba(255,255,255,.18);color:#fff;font-size:1.45rem;box-shadow:0 4px 0 rgba(0,0,0,.35)}
body.mobile-ui .touch-btn.turn-btn:active{background:#fff;color:#242b36}
body.mobile-ui .touch-btn.action{min-width:96px;height:88px;padding:0 10px;background:#ffe04b;color:#242b36;font-size:.92rem;line-height:1.15;box-shadow:0 5px 0 #b99b20;border:3px solid #fff;font-weight:900}
body.mobile-ui .interaction{bottom:calc(max(16px,env(safe-area-inset-bottom)) + 148px)}
body.mobile-ui .touch-btn.action.pulse{animation:actionPulse .55s ease-in-out infinite alternate}
body.mobile-ui.inside-mode .mission-panel{top:auto;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 158px);left:50%;transform:translateX(-50%);width:max(220px,72vw);text-align:center;border-radius:14px;padding:8px 12px}
body.mobile-ui.inside-mode .status-panel{top:calc(max(6px,env(safe-area-inset-top)) + 40px)}