*{box-sizing:border-box}html,body,#app{margin:0;height:100%;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#e8eef5;background:#0b1220}.bar{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.55rem .9rem;background:#121a2b;border-bottom:1px solid #243047;z-index:1000;position:relative}.brand{font-weight:700;letter-spacing:.04em;text-transform:lowercase}.meta{font-size:.85rem;opacity:.85}.main-row{display:flex;height:calc(100% - 6.2rem);min-height:0}#map{flex:1 1 auto;min-width:0;height:100%;background:#0a101c}.scrubber{display:flex;align-items:center;gap:.75rem;padding:.5rem .9rem;background:#121a2b;border-top:1px solid #243047;font-size:.85rem}.scrubber label{display:flex;align-items:center;gap:.5rem;flex:1 1 auto}.scrubber input[type=range]{flex:1 1 auto;min-width:8rem}#scrub-time{opacity:.85;min-width:10rem}button{background:#2a4a7a;color:#fff;border:0;border-radius:4px;padding:.35rem .7rem;cursor:pointer}button:hover{background:#3560a0}.plane-icon{background:transparent;border:0}.plane-marker{display:flex;align-items:center;gap:4px;white-space:nowrap;pointer-events:none}.plane-glyph{flex:0 0 auto;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:16px solid #ffcc66;filter:drop-shadow(0 0 2px #000);transform-origin:50% 70%}.dot-glyph{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:#7ec8ff;border:1px solid #0b1220;box-shadow:0 0 0 1px #7ec8ff66}.plane-label{font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.02em;color:#f2f6fc;background:#0b1220c7;border:1px solid rgba(36,48,71,.9);border-radius:3px;padding:1px 5px;text-shadow:0 1px 1px rgba(0,0,0,.6)}