:root{color:#f4f1e8;font-synthesis:none;--ink:#f4f1e8;--muted:#aab5b2;--accent:#ffb443;--cyan:#57d8d0;--danger:#ff655d;--panel:#0a1212d6;--line:#d0e8e238;background:#0b1515;font-family:IBM Plex Mono,monospace}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button,input,select{font:inherit}button,select,.color-control{border:1px solid var(--line);min-height:32px;color:var(--ink);background:#ffffff0f;border-radius:4px}button,select,input[type=range],input[type=color]{cursor:pointer}button:hover,select:hover,.color-control:hover{border-color:var(--cyan)}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button:disabled,select:disabled{cursor:wait;opacity:.55}.app-shell,.flight-canvas,.fallback-canvas{width:100%;height:100%;inset:0;position:fixed!important}.fallback-canvas{touch-action:none;cursor:grab;background:#8db2ba;display:block}.fallback-canvas:active{cursor:grabbing}.interface-layer{z-index:5;pointer-events:none;position:fixed;inset:0}.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:6px}.collapsible-panel{gap:10px;display:flex}.panel-content{min-width:0}.header-content{align-items:flex-start;gap:24px;display:flex}.panel-toggle{pointer-events:auto;flex:none;place-items:center;width:30px;min-height:30px;padding:0;display:grid}.collapsible-panel.is-collapsed{width:auto;padding:5px}.app-header{align-items:flex-start;max-width:min(650px,100vw - 36px);padding:13px 16px;position:absolute;top:16px;left:18px}.eyebrow{color:var(--accent);margin:0 0 3px;font-size:9px}h1{letter-spacing:0;margin:0;font:600 23px/1.05 Newsreader,Georgia,serif}.flight-meta{color:var(--muted);flex-wrap:wrap;gap:5px 13px;margin:6px 0 0;font-size:10px;display:flex}.status{color:var(--cyan)}.status.danger{color:var(--danger)}.session-badge{color:var(--muted);flex:none;align-items:center;gap:6px;margin-top:2px;font-size:9px;display:flex}.session-dot{background:var(--cyan);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #57d8d0b3}.telemetry{width:250px;padding:12px 14px;position:absolute;top:16px;right:18px}.telemetry:not(.is-collapsed){display:block}.telemetry:not(.is-collapsed) .panel-toggle{position:absolute;top:7px;right:7px}.telemetry time{color:var(--accent);margin-bottom:9px;padding-right:34px;font-size:11px;display:block}.telemetry-grid{grid-template-columns:1fr 1fr;gap:10px 16px;display:grid}.metric span{color:var(--muted);text-transform:uppercase;font-size:9px;display:block}.metric strong{color:var(--ink);margin-top:2px;font-size:16px;font-weight:500;display:block}.metric small{color:var(--muted);margin-left:4px;font-size:9px}.legend{color:var(--muted);align-items:flex-start;padding:9px 12px;font-size:9px;line-height:1.8;position:absolute;bottom:112px;left:18px}.legend i{vertical-align:middle;width:22px;height:3px;margin-right:7px;display:inline-block}.map-zoom-controls{pointer-events:auto;padding:4px;display:grid;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.map-zoom-controls button{place-items:center;width:34px;padding:0;display:grid}.map-zoom-controls button+button{margin-top:4px}.controls{pointer-events:auto;width:min(920px,100vw - 32px);padding:11px 13px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.control-row{align-items:center;gap:7px;display:flex}.control-row select{background-color:#172222;padding:5px 9px}.dataset-select{width:min(310px,34vw)}.icon-button{place-items:center;width:36px;padding:0;display:grid}.color-control{color:var(--muted);align-items:center;gap:7px;padding:3px 5px 3px 8px;font-size:9px;display:flex}.color-control input{background:0 0;border:0;width:27px;height:24px;padding:1px}.ruler-toggle{min-height:32px;color:var(--muted);cursor:pointer;align-items:center;gap:6px;padding:3px 8px;font-size:9px;display:flex}.ruler-toggle input{appearance:none;border:1px solid var(--line);background:#ffffff14;border-radius:8px;width:28px;height:16px;margin:0;transition:background .12s}.ruler-toggle input:before{background:var(--muted);content:"";border-radius:50%;width:10px;height:10px;margin:2px;transition:transform .12s,background .12s;display:block}.ruler-toggle input:checked{border-color:var(--cyan);background:#57d8d047}.ruler-toggle input:checked:before{background:var(--cyan);transform:translate(12px)}.mode-group{gap:3px;margin-left:auto;display:flex}.mode-group button{padding:5px 10px}.mode-group button.active{border-color:var(--cyan);color:#071313;background:var(--cyan)}.timeline{width:100%;accent-color:var(--accent);margin:9px 0 3px}.time-row{color:var(--muted);justify-content:space-between;font-size:9px;display:flex}.loading-overlay{z-index:20;color:var(--muted);background:#0b1515;align-content:center;justify-items:center;display:grid;position:fixed;inset:0}.loading-overlay strong{color:var(--ink);margin-top:14px;font:600 19px Newsreader,Georgia,serif}.loading-overlay span{max-width:min(520px,100vw - 40px);color:var(--danger);text-align:center;margin-top:7px;font-size:11px}.loading-mark{border:2px solid #57d8d033;border-top-color:var(--cyan);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=700px){.app-header{justify-content:space-between;padding:10px 12px;top:8px;left:8px;right:8px}.app-header.is-collapsed{right:auto}.header-content{flex:1;justify-content:space-between}h1{font-size:19px}.session-badge{display:none}.telemetry{width:190px;padding:9px 10px;top:91px;right:8px}.telemetry-grid{gap:7px 10px}.metric strong{font-size:13px}.legend{bottom:212px;left:8px}.map-zoom-controls{right:8px}.controls{width:calc(100vw - 16px);bottom:8px}.control-row{flex-wrap:wrap}.dataset-select{order:-1;width:100%}.mode-group{width:100%;margin-left:0}.mode-group button{flex:1}}