.device-controls{margin:12px 0 18px;padding:12px;border:1px solid #8eafbf55;border-radius:10px;background:#0c1b29e8;color:#edf6ef;font-family:Arial,sans-serif;position:relative;z-index:2}.device-controls legend{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#caff63;padding:0 6px}.device-controls button{position:static!important;min-height:44px;min-width:64px;padding:10px 12px;margin:3px;border:1px solid #668293;border-radius:7px;background:#182d3a;color:#f5f9ef;font:700 10px Arial;letter-spacing:.3px;width:auto!important}.device-controls button[aria-pressed=true]{background:#caff63;color:#142316;border-color:#caff63}.device-controls p{font:11px/1.5 Arial!important;margin:8px 0 0!important;color:#c0d0d7!important;max-width:none!important}.look-sensitivity{display:flex;align-items:center;gap:10px;min-height:44px}.look-sensitivity input{width:120px;min-height:32px;accent-color:#caff63}
html[data-input=touch] body{overscroll-behavior:none;-webkit-touch-callout:none}html[data-input=touch] canvas,html[data-input=touch] #hud,html[data-input=touch] #controls{-webkit-user-select:none;user-select:none}html[data-input=touch] button{touch-action:manipulation}html[data-input=touch][data-game=duel] #controls:not([hidden]){display:flex!important}html[data-input=touch] #desktop-help,html[data-input=touch] .desktop-hint{display:none!important}
html[data-input=keyboard][data-game=breach] #joystick,html[data-input=keyboard][data-game=breach] #look-zone,html[data-input=keyboard][data-game=breach] .touch-actions,html[data-input=keyboard][data-game=strike] .touch-controls,html[data-input=keyboard][data-game=duel] #controls,html[data-input=keyboard][data-game=arena] .joystick-wrap{display:none!important}
html[data-input=touch][data-game=breach] #joystick{left:max(28px,env(safe-area-inset-left));bottom:max(118px,calc(env(safe-area-inset-bottom) + 106px));width:115px;height:115px;z-index:5}
html[data-input=touch][data-game=breach] #joystick span{left:35px;top:35px}
html[data-input=touch][data-game=breach] #look-zone{top:75px;right:0;bottom:100px;width:62%;z-index:1}
html[data-input=touch][data-game=breach] .touch-actions{right:max(24px,env(safe-area-inset-right));bottom:118px;width:190px;height:160px;z-index:5}
html[data-input=touch][data-game=breach] .touch-actions #fire{right:0;bottom:0;width:86px;height:86px;font-size:12px;line-height:1.3;padding:12px}
html[data-input=touch][data-game=breach] .touch-actions #aim{right:96px;bottom:8px;width:60px;height:60px}
html[data-input=touch][data-game=breach] .touch-actions #reload{right:5px;bottom:98px;width:60px;height:60px;font-size:9px}
html[data-input=touch][data-game=breach] .touch-actions #interact{right:96px;bottom:90px;width:60px;height:60px}
html[data-input=touch][data-game=breach] .tactical-actions{right:226px;bottom:128px;flex-direction:column;gap:10px}
html[data-input=touch][data-game=breach] .tactical-actions button{min-width:74px;min-height:48px;font-size:10px;border-radius:10px}
html[data-input=touch][data-game=breach] #build-cover{right:226px;bottom:246px;width:74px;height:48px;font-size:9px;border-radius:10px}
html[data-input=touch][data-game=breach] .top-controls button{min-width:46px;min-height:44px}
html[data-input=touch][data-game=breach] #switch-weapon{min-height:44px}
html[data-input=touch][data-game=breach] #radio{top:225px;max-width:360px;width:calc(100% - 40px);min-width:0;pointer-events:none}
@media(max-width:900px) and (orientation:portrait){html[data-game=breach] .lobby-grid{grid-template-columns:1fr;max-width:650px;padding:24px}html[data-game=breach] .operator-info{display:none}}
@media(max-width:599px) and (orientation:portrait){html[data-input=touch][data-game=breach] #joystick{left:18px;width:100px;height:100px}html[data-input=touch][data-game=breach] #joystick span{left:28px;top:28px}html[data-input=touch][data-game=breach] .touch-actions{right:15px;width:170px}html[data-input=touch][data-game=breach] .tactical-actions{right:15px;bottom:292px;flex-direction:row}html[data-input=touch][data-game=breach] #build-cover{right:15px;bottom:350px}html[data-input=touch][data-game=breach] #radio{top:183px;font-size:10px}}
@media(max-height:550px) and (orientation:landscape){html[data-input=touch][data-game=breach] #joystick{bottom:92px;width:100px;height:100px}html[data-input=touch][data-game=breach] #joystick span{left:28px;top:28px}html[data-input=touch][data-game=breach] .touch-actions{bottom:92px}html[data-input=touch][data-game=breach] .tactical-actions{bottom:102px;right:223px}html[data-input=touch][data-game=breach] #build-cover{right:310px;bottom:102px}html[data-input=touch][data-game=breach] #radio{top:90px;max-width:270px;font-size:9px}html[data-input=touch][data-game=breach] #minimap{width:76px;height:76px;top:64px}html[data-input=touch][data-game=breach] #district{display:none}html[data-input=touch][data-game=breach] .objective{max-width:200px}}

html[data-input=touch][data-game=breach] .ammo>b{font-size:32px;line-height:1}html[data-input=touch][data-game=breach] .ammo small{font-size:8px}html[data-input=touch][data-game=breach] .bottom-hud{bottom:max(14px,env(safe-area-inset-bottom))}
html[data-input=touch][data-game=breach] .vitals,html[data-input=touch][data-game=breach] .ammo{background:#081722bb;border-radius:8px;padding:5px 8px;text-shadow:0 1px 3px #000}
html[data-input=touch][data-game=strike] .movement{grid-template-rows:44px 58px}
html[data-input=touch][data-game=strike] .movement .duck{height:44px}
html[data-input=touch][data-game=strike] .actions{grid-template-columns:44px 58px 64px;grid-template-rows:44px 58px}
html[data-input=touch][data-game=strike] .actions button{min-height:44px;min-width:44px}
html[data-input=touch][data-game=strike] .actions .grenade{height:44px}
html[data-input=touch][data-game=strike] .pause{min-height:44px;min-width:44px}
html[data-input=touch][data-game=strike] .hud-bottom .auto{min-height:44px}

html[data-input=touch][data-game=duel] #controls button{min-height:44px!important}
html[data-input=touch] #hud button,html[data-input=touch] #controls button{touch-action:none;-webkit-user-select:none;user-select:none}
html[data-input=touch] #hud button.pressed,html[data-input=touch] #controls button.pressed{background:#65882bcc;border-color:#d4ff70;transform:scale(.95)}
