:root{--bg:#0c1419;--panel:#101e25;--panel-border:#30434b;--text:#edf0e8;--text-dim:#a0b3b9;--accent:#d9bd80;--accent-dim:#d9bd8026;--gold:#e5c785}
body{font-family:Outfit,system-ui,sans-serif}#topbar{padding:14px 20px;gap:10px;background:linear-gradient(120deg,#11242b,#111b22);box-shadow:0 8px 30px #0004;border-bottom:1px solid #d9bd8040}.logo{display:flex;align-items:center;gap:10px;font-size:17px;letter-spacing:2px;padding-right:20px}.logo small{display:block;font-size:9px;font-weight:400;letter-spacing:3px;color:var(--text-dim);margin-top:3px}.brand-rune{display:grid;place-items:center;font-family:Georgia,serif;font-size:26px;width:38px;height:38px;border:1px solid #d9bd8080;border-radius:9px;background:#d9bd8010;color:var(--gold)}.tb-btn,.tb-select,.tb-input{font-family:inherit;font-size:12px;border-radius:7px;padding:8px 10px;min-height:34px}.tb-btn{background:#182b33;border-color:#344952;transition:background .15s,border-color .15s}.tb-btn:hover{background:#29404a;border-color:var(--gold)}.tb-btn.active{background:var(--accent-dim);border-color:#d9bd8070;color:#f4ddb0}.tb-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#a0b3b9}.tb-select{max-width:220px;background:#0d1920}.tb-input{background:#0d1920}.tb-sep{height:25px;background:#30434b}#statusbar{background:#101c23;border-top:1px solid #30434b;font-size:11px;padding:8px 16px;gap:20px}#statusbar .val{color:#ecdfc1}#flightHint{background:#10242be8!important;border:1px solid #d9bd8033!important;border-radius:9px!important;padding:10px 14px!important;bottom:42px!important;font-family:Outfit,system-ui,sans-serif!important;color:#d9e3e3!important}#help-overlay{background:#11232bf2;border:1px solid #d9bd8060;box-shadow:0 20px 70px #0009;border-radius:14px;padding:24px}#help-overlay h3{color:var(--gold);font-family:Georgia,serif;font-size:24px}#worldLocator{box-shadow:0 14px 50px #0006}#assetStatus{border:1px solid #d9bd8040;border-radius:8px!important;background:#10242bea!important}@media(max-width:800px){#topbar{padding:8px 12px}.logo{font-size:14px;padding-right:12px}.brand-rune{width:30px;height:30px;font-size:22px}#statusbar{gap:10px}.tb-select{max-width:170px}#flightHint{max-width:60%;font-size:10px!important}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
#help-overlay{display:none;position:absolute;top:18px;left:18px;z-index:35;max-width:400px;max-height:calc(100% - 40px);overflow:auto;font-size:12px}#help-overlay table{width:100%;border-collapse:collapse;margin-top:12px}#help-overlay td{padding:6px 8px;border-bottom:1px solid #30434b}#help-overlay td:first-child{color:#c7b58e}#help-overlay h3{margin-bottom:10px}
#mobileMapToggle,.mobile-record-back{display:none}
@media(max-width:768px),(pointer:coarse),(max-width:950px) and (max-height:500px){
 body{height:100dvh;overscroll-behavior:none}#topbar{padding:calc(8px + env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));gap:8px;flex-wrap:nowrap}#topbar .logo{font-size:12px;padding-right:0;gap:6px;flex-shrink:0}.logo small{font-size:7px;letter-spacing:1px}.brand-rune{width:28px;height:32px;font-size:20px}#topbar #zoneSearch,#topbar #displayTools{display:none!important}#topbar #mapSelect{max-width:none;min-width:0;min-height:44px;font-size:16px;padding:6px;width:100%}#btnMenu{min-height:44px;min-width:44px}#mobileMenu{top:var(--mobile-bar-height,64px);max-width:100%;padding-bottom:0}#mobileMenu.open{max-height:calc(100dvh - var(--mobile-bar-height,64px));padding-bottom:env(safe-area-inset-bottom)}#mobileMenuBackdrop{top:var(--mobile-bar-height,64px)}.mm-row .tb-btn,.mm-row .tb-select,.mm-row .tb-input,.mm-btn{min-height:44px;font-size:16px}.mm-group{padding:12px 16px}.mobile-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.mobile-links a,.mobile-links button{display:inline-flex;align-items:center;min-height:44px;padding:6px 12px;border:1px solid #344952;border-radius:8px;font-size:14px;color:#ecd5a4;background:#182b33}.mobile-zone-search{display:block;margin:12px 16px;width:calc(100% - 32px);min-height:44px;font:16px Outfit,system-ui,sans-serif;padding:10px;border:1px solid #344952;border-radius:8px;background:#0d1920;color:#edf0e8}#flightHint,#btnPanelToggle{display:none!important}#assetStatus{top:calc(var(--mobile-bar-height,64px) + 12px);bottom:auto!important;left:12px;right:auto!important;max-width:calc(100vw - 140px);font-size:10px!important;padding:7px 9px!important}#mobileMapToggle{display:block;position:fixed;top:calc(var(--mobile-bar-height,64px) + 8px);right:max(10px,env(safe-area-inset-right));z-index:105;min-height:44px;padding:8px 12px;background:#10242bf0;color:#ecd5a4;border:1px solid #d9bd8060;border-radius:8px;font:13px Outfit,system-ui,sans-serif}#worldLocator{display:none!important}.mobile-map-open #worldLocator{display:flex!important;left:10px!important;right:10px!important;top:calc(var(--mobile-bar-height,64px) + 60px)!important;bottom:auto!important;width:calc(100vw - 20px)!important;height:min(42dvh,340px)!important;min-width:0!important;min-height:180px!important;max-height:calc(100dvh - var(--mobile-bar-height,64px) - 200px)!important;resize:none!important}#worldLocator .locator-title{cursor:default;touch-action:auto}#worldLocator:after{display:none}#worldLocator button,#worldLocator select{min-height:40px;font-size:14px}#worldLocator .locator-foot{font-size:10px}#help-overlay{top:12px;left:12px;right:12px;max-width:none;max-height:calc(100% - 24px)}
 #touchFlight{position:absolute;inset:0;z-index:18;pointer-events:none}#touchFlight[hidden]{display:none}.touch-hint{position:absolute;bottom:calc(28px + env(safe-area-inset-bottom));color:#e3d3ae;background:#10242b99;border:1px solid #d9bd8040;border-radius:30px;padding:10px 13px;font-size:11px;pointer-events:none}.touch-move{left:max(12px,env(safe-area-inset-left))}.touch-look{right:max(12px,env(safe-area-inset-right))}.touch-altitude{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:calc(90px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}.touch-altitude button,.touch-speed button{pointer-events:auto;touch-action:none;user-select:none;min-height:48px;min-width:48px;border:1px solid #d9bd8060;border-radius:12px;background:#10242bdc;color:#ecd5a4;font-size:25px}.touch-speed{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:calc(95px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:6px}.touch-speed span{font-size:12px;background:#10242bdd;color:#ecd5a4;border-radius:5px;padding:5px;min-width:35px;text-align:center}
}
@media(max-height:500px) and (pointer:coarse){.touch-hint{bottom:10px}.touch-altitude{bottom:65px;flex-direction:row}.touch-speed{bottom:65px}.mobile-map-open #worldLocator{height:calc(100dvh - var(--mobile-bar-height,64px) - 150px)!important;min-height:100px!important}.locator-foot{display:none}}
@media(max-width:768px),(pointer:coarse),(max-width:950px) and (max-height:500px){.mobile-menu-open #mobileMapToggle,.mobile-menu-open #assetStatus{display:none!important}}