:root{--bg: #05070d;--panel: rgba(10, 16, 26, .82);--panel-solid: #0a1018;--border: rgba(120, 170, 220, .22);--border-strong: rgba(140, 200, 255, .45);--text: #cfe3ff;--text-dim: #7f95b0;--text-bright: #eaf4ff;--accent: #4fc3f7;--accent-dim: #2d7fa8;--good: #66d98a;--warn: #f0b552;--bad: #f0655a;--prograde: #a6e22e;--retrograde: #e6a5ff;--radial: #5ec8f0;--normal: #f0a0d0;--mono: "JetBrains Mono", "SF Mono", "Consolas", ui-monospace, monospace}*{box-sizing:border-box}.app{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg);--control-band: 0px}.viewport{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}.overlay{position:absolute;inset:0;pointer-events:none;font-family:var(--mono);font-size:12px;color:var(--text);user-select:none}.overlay>*{pointer-events:auto}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}.loading{position:absolute;inset:0;display:grid;place-items:center;background:var(--bg);z-index:100}.loading-inner{text-align:center;max-width:460px;padding:24px}.loading h1{font-size:28px;letter-spacing:.32em;font-weight:300;margin:0 0 8px;color:var(--text-bright)}.loading p{color:var(--text-dim);line-height:1.6;font-size:13px}.loading-bar{margin-top:20px;height:2px;background:#78aadc26;overflow:hidden}.loading-bar span{display:block;height:100%;width:40%;background:var(--accent);animation:sweep 1.4s ease-in-out infinite}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(350%)}}.rotate-prompt{position:absolute;inset:0;z-index:90;display:grid;place-items:center;padding:24px;background:#05070deb;font-family:var(--mono);color:var(--text);text-align:center}.rotate-prompt-inner{max-width:360px}.rotate-icon{width:120px;height:80px;color:var(--accent);margin-bottom:14px}.rotate-prompt h1{font-size:16px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--text-bright);margin:0 0 10px}.rotate-prompt p{color:var(--text-dim);font-size:12px;line-height:1.6;margin:0 0 16px}.panel{background:var(--panel);border:1px solid var(--border);backdrop-filter:blur(9px);padding:10px 12px}.panel-title{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}.row{display:flex;justify-content:space-between;gap:14px;line-height:1.6;white-space:nowrap}.row .label{color:var(--text-dim)}.row .value{color:var(--text-bright);font-variant-numeric:tabular-nums}.value.good{color:var(--good)}.value.warn{color:var(--warn)}.value.bad{color:var(--bad)}.bar{position:relative;height:4px;background:#78aadc24;margin:3px 0 7px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent);transition:width .12s linear}.bar.good>span{background:var(--good)}.bar.warn>span{background:var(--warn)}.bar.bad>span{background:var(--bad)}.hud-top,.hud-bottom{display:contents}.hud-top-left{position:absolute;top:calc(12px + var(--safe-top));left:calc(12px + var(--safe-left));width:250px}.hud-top-right{position:absolute;top:calc(64px + var(--safe-top));right:calc(12px + var(--safe-right));width:264px;display:flex;flex-direction:column;gap:8px}.corner-toggle{position:absolute;top:calc(12px + var(--safe-top));right:calc(12px + var(--safe-right));z-index:20;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.launcher-toggle{width:44px;height:44px;padding:0;display:grid;place-items:center;font-size:18px;line-height:1;border-radius:50%;background:var(--panel);backdrop-filter:blur(9px)}.launcher-toggle.active{background:var(--accent-dim);border-color:var(--accent);color:var(--text-bright)}.menu-row{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;border:1px solid transparent;padding:7px 6px}.menu-row:hover:not(:disabled){background:#2d5a8280;border-color:var(--border)}.menu-row.active{color:var(--text-bright);border-color:var(--border);background:#2d5a8252}.menu-check{color:var(--accent);width:12px}.menu-label{flex:1}.menu-note{color:var(--text-dim);font-size:10px;padding:6px;white-space:normal;line-height:1.5}.advanced{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}.advanced>summary{cursor:pointer;color:var(--text-dim);letter-spacing:.16em;text-transform:uppercase;font-size:11px}.advanced>summary:hover{color:var(--text-bright)}.hud-bottom-left{position:absolute;bottom:calc(12px + var(--safe-bottom));left:calc(12px + var(--safe-left));width:250px}.hud-bottom-centre{position:absolute;bottom:calc(12px + var(--safe-bottom));left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:flex-end}.hud-bottom-right{position:absolute;bottom:calc(12px + var(--safe-bottom));right:calc(12px + var(--safe-right));width:264px}.hud-centre{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.reticle{width:28px;height:28px;opacity:.55}.navball{display:block}.navball-wrap{position:relative;background:var(--panel);border:1px solid var(--border);padding:6px;backdrop-filter:blur(9px)}.notifications{position:absolute;top:calc(12px + var(--safe-top));left:50%;transform:translate(-50%);width:min(400px,92vw);display:flex;flex-direction:column;gap:6px;align-items:center}.notification{width:100%;padding:7px 11px;border-left:2px solid var(--accent);background:#0a101ae6;animation:slideIn .22s ease-out}.notification.warning{border-left-color:var(--warn)}.notification.critical{border-left-color:var(--bad)}.notification.success{border-left-color:var(--good)}.notification .title{color:var(--text-bright);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.notification .body{color:var(--text-dim);font-size:11px;margin-top:2px;line-height:1.45;white-space:normal}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}button{font-family:var(--mono);font-size:11px;color:var(--text);background:#1e304699;border:1px solid var(--border);padding:5px 10px;cursor:pointer;letter-spacing:.06em;transition:background .12s,border-color .12s,color .12s}button:hover:not(:disabled){background:#2d5a82b3;border-color:var(--border-strong);color:var(--text-bright)}button:disabled{opacity:.38;cursor:not-allowed}button.active{background:var(--accent-dim);border-color:var(--accent);color:var(--text-bright)}button.small{padding:3px 7px;font-size:10px}.button-row{display:flex;flex-wrap:wrap;gap:4px}.launcher-row{position:absolute;top:calc(12px + var(--safe-top));left:50%;transform:translate(-50%)}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1000px,92vw);height:min(680px,86vh);background:var(--panel-solid);border:1px solid var(--border-strong);display:flex;flex-direction:column;box-shadow:0 24px 80px #000000b3}.modal-header{display:flex;align-items:center;gap:4px;padding:10px 12px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0 auto 0 0;font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;color:var(--text-bright)}.modal-body{flex:1;overflow-y:auto;padding:14px}.tabs{display:flex;gap:3px;padding:8px 12px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:10px}.split-map{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.split-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:0}.card{border:1px solid var(--border);padding:10px 12px;background:#10182499}.card .row{white-space:normal}.card h3{margin:0 0 4px;font-size:12px;color:var(--text-bright);font-weight:500;letter-spacing:.06em}.card p{margin:0 0 8px;color:var(--text-dim);font-size:11px;line-height:1.55;white-space:normal}.tag{display:inline-block;font-size:9px;padding:1px 5px;border:1px solid var(--border);color:var(--text-dim);margin-right:4px;letter-spacing:.08em;text-transform:uppercase}.tag.good{color:var(--good);border-color:#66d98a66}.tag.warn{color:var(--warn);border-color:#f0b55266}.tag.bad{color:var(--bad);border-color:#f0655a66}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:var(--text-dim);font-weight:400;text-transform:uppercase;letter-spacing:.1em;font-size:9px;padding:5px 8px;border-bottom:1px solid var(--border)}td{padding:5px 8px;border-bottom:1px solid rgba(120,170,220,.08);font-variant-numeric:tabular-nums}tr:hover td{background:#4fc3f70f}.empty{color:var(--text-dim);font-style:italic;padding:20px;text-align:center;white-space:normal}.help-key{display:inline-block;min-width:18px;padding:1px 4px;border:1px solid var(--border);text-align:center;color:var(--text-bright);font-size:10px;margin-right:6px}.warp-indicator{display:flex;align-items:center;gap:8px}.warp-rate{font-size:18px;color:var(--accent);font-variant-numeric:tabular-nums}.macro-progress{display:flex;gap:3px;margin-top:6px}.macro-phase{flex:1;height:3px;background:#78aadc29}.macro-phase.done{background:var(--good)}.macro-phase.active{background:var(--accent)}.scroll-list{max-height:100%;overflow-y:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:#78aadc40}::-webkit-scrollbar-thumb:hover{background:#78aadc73}.system-map{width:100%;height:auto;max-height:68vh;display:block;background:radial-gradient(circle at 50% 50%,#142030e6,#060a10f2);border:1px solid var(--line);border-radius:4px}.map-label{fill:#c6d8ecd9;font-family:var(--mono);font-size:11px;pointer-events:none}.map-body.selected .map-label,.map-body:hover .map-label{fill:#fff}.hint{margin:6px 0 0;font-size:11px;line-height:1.45;color:var(--dim)}.freeflight{position:absolute;bottom:18px;left:50%;transform:translate(-50%);padding:6px 14px;border:1px solid rgba(126,224,255,.45);background:#0a121cd1;border-radius:3px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:#7ee0ff;pointer-events:none}.touch-controls{position:absolute;inset:0;pointer-events:none;z-index:15}.touch-left{position:absolute;left:calc(16px + var(--safe-left));bottom:calc(18px + var(--safe-bottom))}.touch-right{position:absolute;right:calc(16px + var(--safe-right));bottom:calc(18px + var(--safe-bottom));display:flex;align-items:flex-end;gap:10px}.touch-stick{position:relative;pointer-events:auto;touch-action:none;width:136px;height:136px;border-radius:50%;border:1px solid var(--border);background:radial-gradient(circle at 50% 50%,#16243680,#060a1059);backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent}.touch-stick-ring{position:absolute;left:50%;top:50%;width:46%;height:46%;margin:-23% 0 0 -23%;border-radius:50%;border:1px dashed rgba(120,170,220,.28)}.touch-stick-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;border:1px solid var(--border-strong);background:#4fc3f742}.touch-stick-label{position:absolute;left:0;right:0;bottom:9px;text-align:center;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.touch-cluster{display:grid;grid-template-columns:repeat(2,auto);gap:8px}.touch-btn{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;min-width:58px;height:46px;padding:0 10px;font-size:12px;border-radius:8px;background:#101a28b8;backdrop-filter:blur(6px)}.touch-btn.held{background:var(--accent-dim);border-color:var(--accent);color:var(--text-bright)}.touch-throttle{position:relative;pointer-events:auto;touch-action:none;width:46px;height:176px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#0a101ab8;backdrop-filter:blur(6px)}.touch-throttle-fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,#4fc3f773,#4fc3f72e);border-top:1px solid var(--accent)}.touch-throttle-label{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-size:10px;color:var(--text-bright);font-variant-numeric:tabular-nums}.touch-tray{position:absolute;left:calc(16px + var(--safe-left));bottom:calc(162px + var(--safe-bottom));display:flex;flex-direction:column-reverse;align-items:flex-start;gap:6px}.touch-tray-toggle{min-width:68px;height:38px}.touch-tray-body{pointer-events:auto;width:max-content;max-width:min(78vw,300px);max-height:46vh;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:10px;padding:9px;background:var(--panel);border:1px solid var(--border);backdrop-filter:blur(9px)}.touch-tray-group{display:flex;flex-wrap:wrap;gap:6px}.touch-tray-title{width:100%;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim)}.touch-tray-group .touch-btn{height:38px;min-width:54px;font-size:11px}.app.touch{--control-band: 212px}.app.touch .hud-bottom-left,.app.touch .hud-bottom-right{bottom:calc(var(--control-band) + var(--safe-bottom))}.app.touch .freeflight{bottom:calc(6px + var(--control-band) + var(--safe-bottom))}@media (max-height: 560px){.app.touch{--control-band: 134px}.touch-stick{width:108px;height:108px}.touch-stick-knob{width:46px;height:46px;margin:-23px 0 0 -23px}.touch-btn{height:40px;min-width:50px}.touch-throttle{height:116px;width:40px}.touch-cluster{grid-template-columns:repeat(3,auto)}.menu-row{padding:5px 6px;min-height:30px}.touch-tray{left:calc(140px + var(--safe-left));bottom:calc(18px + var(--safe-bottom))}.touch-tray-body{max-width:min(84vw,560px);max-height:calc(100vh - 86px);max-height:calc(100dvh - 86px - var(--safe-top) - var(--safe-bottom));gap:8px;padding:8px}.touch-tray-group{gap:5px}.touch-tray-group .touch-btn{height:32px;min-width:50px}.hud-top-left,.hud-top-right,.hud-bottom-left,.hud-bottom-right{max-height:calc((100vh - 88px - var(--control-band)) / 2);max-height:calc((100dvh - 88px - var(--control-band) - var(--safe-top) - var(--safe-bottom)) / 2);overflow-y:auto;-webkit-overflow-scrolling:touch}.hud-top-left.solo-column,.hud-top-right.solo-column{max-height:calc(100vh - 88px - var(--control-band));max-height:calc(100dvh - 88px - var(--control-band) - var(--safe-top) - var(--safe-bottom))}.app.touch .hud-bottom-centre{left:calc(12px + var(--safe-left));bottom:calc(var(--control-band) + var(--safe-bottom));transform:none}}@media (max-width: 720px),(max-height: 560px){.modal{top:0;left:0;transform:none;width:100%;height:100%;border:none;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.modal-header{position:sticky;top:0;z-index:1;background:var(--panel-solid)}.modal-header h2{font-size:12px;letter-spacing:.14em}.modal-body{padding:12px;-webkit-overflow-scrolling:touch;padding-bottom:calc(16px + var(--safe-bottom))}.system-map{max-height:52vh}.tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.modal-body .row{white-space:normal}}@media (max-width: 720px){.split-map,.split-2{grid-template-columns:minmax(0,1fr);gap:12px}}@media (pointer: coarse){button{min-height:36px;padding:8px 12px}button.small{min-height:30px;padding:5px 9px}.touch-btn{padding:0 10px}.modal-header button{min-height:40px;padding:8px 16px}}@media (max-width: 900px),(max-height: 560px){.launcher-row{left:calc(12px + var(--safe-left));right:calc(68px + var(--safe-right));width:auto;transform:none}.launcher-row .button-row{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.launcher-row .button-row::-webkit-scrollbar{display:none}.launcher-row .button-row button{flex:0 0 auto}.hud-top-left{top:calc(64px + var(--safe-top))}}@media (max-width: 560px),(max-height: 560px){.overlay{font-size:10.5px}.panel{padding:7px 9px}.panel-title{font-size:9px;margin-bottom:5px}.row{gap:8px}.button-row button{padding:4px 7px;font-size:10px}.navball-wrap{transform:scale(.72);transform-origin:top left;margin:0 -42px -42px 0}}@media (max-width: 560px){.hud-top{display:flex;flex-direction:column;gap:6px;position:absolute;top:calc(64px + var(--safe-top));left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));max-height:38vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.hud-bottom{display:flex;flex-direction:column;gap:6px;position:absolute;left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));bottom:calc(12px + var(--safe-bottom));max-height:46vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.app.touch .hud-bottom{bottom:calc(212px + var(--safe-bottom));max-height:32vh}.hud-top-left,.hud-top-right,.hud-bottom-left,.hud-bottom-right,.hud-bottom-centre{position:static;inset:auto;transform:none;width:100%}.hud-bottom-centre{justify-content:center}.flight-panel{min-width:0;flex:1}}