@layer interface {
#mobileTouchControls{position:fixed;inset:0;z-index:106;display:none;pointer-events:none;--mobile-edge:16px;--mobile-bottom:max(92px,calc(76px + env(safe-area-inset-bottom)))}
#mobileTouchControls.show{display:block}
#mobileTouchControls .mobilePad{position:absolute;bottom:var(--mobile-bottom);display:block;width:132px;height:132px;transform:none;border:1px solid rgba(187,225,240,.48);border-radius:50%;background:radial-gradient(circle,rgba(25,63,78,.32),rgba(3,13,20,.5));box-shadow:inset 0 0 0 12px rgba(255,255,255,.025),0 10px 30px rgba(0,0,0,.24);pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}
#mobileTouchControls #mobileMovePad{left:var(--mobile-edge);right:auto}
#mobileTouchControls #mobileLookPad{right:var(--mobile-edge);left:auto;bottom:calc(var(--mobile-bottom) + 134px);width:118px;height:118px}
#mobileTouchControls .mobileNavBtn{display:none!important;pointer-events:none!important}
#mobileTouchControls .mobilePadLabel{position:absolute;left:50%;top:50%;display:flex;width:58px;height:58px;align-items:center;justify-content:center;margin:-29px 0 0 -29px;border:1px solid rgba(226,247,255,.66);border-radius:50%;color:#effcff;background:rgba(12,47,62,.88);box-shadow:0 6px 18px rgba(0,0,0,.3);font:700 9px/1 Orbitron,sans-serif;letter-spacing:.08em;text-transform:uppercase;transition:transform 70ms linear,background .12s,border-color .12s;pointer-events:none}
#mobileTouchControls .mobilePad.active .mobilePadLabel{border-color:#7ee8ff;background:rgba(11,103,134,.92);transition:none}
#mobileTouchControls #mobileActionStack{position:absolute;right:var(--mobile-edge);left:auto;bottom:var(--mobile-bottom);top:auto;display:flex;width:118px;transform:none;flex-direction:column;gap:9px;pointer-events:none}
#mobileTouchControls .mobileActionBtn{min-width:118px;min-height:52px;padding:9px 12px;border:1px solid rgba(207,239,250,.58);border-radius:28px;color:#f5fcff;background:rgba(5,25,36,.82);box-shadow:0 8px 24px rgba(0,0,0,.28);font:700 10px/1.15 Orbitron,sans-serif;letter-spacing:.04em;pointer-events:auto;touch-action:none}
#mobileTouchControls .mobileActionBtn.active{border-color:#7ee8ff;background:rgba(11,103,134,.94);transform:scale(.97)}
#mobileTouchControls .mobilePad.hidden,#mobileTouchControls .mobileActionBtn.hidden{display:none!important}
#mobileTouchControls[data-handedness="southpaw"] #mobileMovePad{right:var(--mobile-edge);left:auto}
#mobileTouchControls[data-handedness="southpaw"] #mobileLookPad{left:var(--mobile-edge);right:auto}
#mobileTouchControls[data-handedness="southpaw"] #mobileActionStack{left:var(--mobile-edge);right:auto}
#mobileControlSettings{display:none}
@media(max-width:760px),(pointer:coarse){#controlsTab.bar-open{position:fixed!important;inset:max(56px,calc(env(safe-area-inset-top) + 48px)) 8px max(70px,calc(env(safe-area-inset-bottom) + 62px)) 8px!important;z-index:230!important;display:block!important;width:auto!important;max-width:none!important;max-height:none!important;overflow:auto!important;border:1px solid rgba(153,202,224,.5)!important;border-radius:12px!important;background:rgba(3,14,21,.97)!important;color:#eaf7fb!important;transform:none!important;box-shadow:0 20px 70px rgba(0,0,0,.58)!important}#controlsTab.bar-open #ctrlContent{display:block!important;max-height:none!important;padding:14px!important;border:0!important;color:#bed0d8!important;line-height:1.6!important}#controlsTab.bar-open #drivingControls,#controlsTab.bar-open #boatControls,#controlsTab.bar-open #walkingControls,#controlsTab.bar-open #droneControls,#controlsTab.bar-open #planeControls,#controlsTab.bar-open #rocketControls,#controlsTab.bar-open #oceanControls{display:none!important}#mobileControlSettings{display:grid;gap:12px;margin:0;padding:13px;border:1px solid rgba(126,205,234,.34);border-radius:10px;background:rgba(15,45,58,.54)}.mobileControlSettingsHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobileControlSettingsHead strong{font:700 13px Orbitron,sans-serif;color:#fff}.mobileControlSettingsHead button{min-height:34px;padding:6px 10px;border:1px solid rgba(166,213,230,.5);border-radius:8px;color:#eaf8fd;background:#102d3b}#mobileControlSettings label{display:grid;grid-template-columns:minmax(112px,1fr) minmax(120px,1.2fr) 42px;align-items:center;gap:8px;font-size:11px}#mobileControlSettings label>span{color:#e5f5fa}#mobileControlSettings select{grid-column:2/4;min-height:40px;padding:7px;border:1px solid rgba(166,213,230,.45);border-radius:8px;color:#fff;background:#0a2633}#mobileControlSettings input[type="range"]{width:100%;accent-color:#40c8ef}#mobileControlSettings output{text-align:right;color:#7ee8ff;font:700 10px Orbitron,sans-serif}.mobileControlToggle{display:flex!important;align-items:center!important;gap:9px!important}.mobileControlToggle input{width:20px;height:20px;accent-color:#27a9d2}.mobileControlToggle span{font-weight:700}#mobileControlSettingsStatus{margin:0;color:#91b7c5;font-size:10px}#mobileControlModeSummary{display:grid;gap:8px;padding-top:11px;border-top:1px solid rgba(126,205,234,.24)}#mobileControlModeSummary>strong{color:#fff;font:700 10px Orbitron,sans-serif;letter-spacing:.08em;text-transform:uppercase}#mobileControlModeSummary>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#mobileControlModeSummary span{display:grid;gap:4px;min-width:0;padding:8px 7px;border:1px solid rgba(126,205,234,.22);border-radius:8px;background:rgba(3,18,27,.54)}#mobileControlModeSummary b{color:#66d4f2;font:700 8px Orbitron,sans-serif;letter-spacing:.08em}#mobileControlModeSummary i{color:#eaf7fb;font:600 9px/1.35 Inter,sans-serif;font-style:normal}#mobileActionStack.has-pack-action{display:grid!important;grid-template-columns:58px 108px;grid-template-rows:52px 52px;width:175px!important;gap:9px;align-items:stretch}#mobileActionStack.has-pack-action #mobileActionPrimary{grid-column:2;grid-row:1}#mobileActionStack.has-pack-action #mobileActionSecondary{grid-column:2;grid-row:2}#mobileActionStack .mobilePackAction{position:static!important;grid-column:1;grid-row:1/3;display:flex!important;width:58px!important;height:auto!important;min-height:100%!important;flex-direction:column;gap:6px;align-items:center;justify-content:center;padding:0 8px!important;border:1px solid rgba(207,239,250,.46)!important;border-radius:28px!important;color:#d9edf5!important;background:rgba(5,25,36,.76)!important;font:700 8px/1.2 Orbitron,sans-serif!important;letter-spacing:.05em;box-shadow:0 8px 24px rgba(0,0,0,.24)!important}#mobileActionStack .mobilePackAction svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#mobileActionStack .mobilePackAction.mobile-mode-hidden{display:none!important}}
@media(max-width:390px){#mobileTouchControls{--mobile-edge:10px}#mobileTouchControls .mobilePad{width:122px;height:122px}#mobileTouchControls #mobileLookPad{width:108px;height:108px;bottom:calc(var(--mobile-bottom) + 128px)}#mobileTouchControls #mobileActionStack{width:108px}#mobileTouchControls .mobileActionBtn{min-width:108px}}
@media(max-height:560px) and (orientation:landscape) and (pointer:coarse){#mobileTouchControls{--mobile-edge:12px;--mobile-bottom:max(18px,env(safe-area-inset-bottom))}#mobileTouchControls .mobilePad{width:112px;height:112px}#mobileTouchControls #mobileLookPad{right:136px;bottom:var(--mobile-bottom);width:100px;height:100px}#mobileTouchControls #mobileActionStack{width:108px}#mobileTouchControls .mobileActionBtn{min-width:108px;min-height:46px}#mobileTouchControls[data-handedness="southpaw"] #mobileLookPad{left:136px;right:auto}}
}