.sky-radar-frame { overflow:hidden; }
.sky-trail-control { display:flex; align-items:center; gap:8px; }
.sky-trail-control select { min-height:36px; max-width:100%; padding:5px 8px; color:var(--sky-text,inherit); background:var(--sky-panel,#080808); border:1px solid var(--sky-border,#555); border-radius:3px; font:inherit; }
.sky-flight-route { min-width:0; max-width:100%; }
.sky-trail-legend { margin:12px 0; font:10px/1.5 "IBM Plex Mono",monospace; color:#bbb; }
.sky-trail-legend-title { margin-bottom:5px; color:#ddd; }
.sky-trail-scale { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:4px; }
.sky-trail-scale span { display:grid; gap:3px; text-align:center; }
.sky-trail-scale i { height:4px; border-radius:2px; }
.sky-trail-legend-note { display:flex; gap:7px; align-items:center; margin-top:6px; color:#999; }
.sky-trail-unknown { width:18px; border-top:2px dashed #9ca3af; }
.sky-route-airports { display:flex; justify-content:space-between; gap:16px; margin:12px 0; }
.sky-route-airports>div { min-width:0; flex:1; }
.sky-route-airports>div:last-child { text-align:right; }
.sky-route-airports span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#aaa; font-size:11px; }
.sky-route-modes { display:flex; flex-wrap:wrap; gap:6px; margin:12px 0; }
.sky-route-modes button { border:1px solid #555; border-radius:3px; color:#bbb; background:#000; font:11px/1.4 "IBM Plex Mono",monospace; padding:9px 10px; min-height:40px; }
.sky-route-modes button[aria-pressed=true] { background:rgb(var(--accent-rgb)); color:#000; border-color:rgb(var(--accent-rgb)); }
.sky-route-modes button:disabled { opacity:.4; }
.sky-route-modes button:focus-visible { outline:2px solid #ddd; outline-offset:2px; }
.sky-flight-map { height:clamp(320px,55vh,500px); width:100%; overflow:hidden; border-radius:3px; background:#080808; }
.sky-route-note { font:10px/1.6 "IBM Plex Mono",monospace; color:#aaa; margin-top:10px; }
.sky-tracked-aircraft { width:30px; height:30px; color:rgb(var(--accent-rgb)); filter:drop-shadow(0 1px 2px #000); }
.sky-tracked-aircraft svg { width:100%; height:100%; fill:currentColor; stroke:#111; stroke-width:.8; }
@media (max-width:420px) { .sky-flight-route { padding:12px; } .sky-flight-route .sky-airport-label { max-width:130px; } }