*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#fff;background:#121228;width:100%;height:100%;font-family:system-ui,sans-serif;overflow:hidden}.advisory-banner{z-index:100;letter-spacing:.08em;text-transform:uppercase;color:#f0a030;-webkit-user-select:none;user-select:none;background:#121228;border-left:4px solid #f0a030;align-items:center;gap:8px;padding:6px 16px;font-size:11px;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}.glass-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121228d9;border:1px solid #ffffff1a;border-radius:8px;padding:12px}.toggle-btn{color:#f0a030;cursor:pointer;letter-spacing:.05em;text-align:left;background:#f0a03026;border:1px solid #f0a030;border-radius:6px;width:100%;padding:8px 16px;font-size:13px;font-weight:600;transition:background .2s}.toggle-btn:hover{background:#f0a0304d}.reset-btn{color:#888;cursor:pointer;text-align:left;background:0 0;border:1px solid #ffffff26;border-radius:6px;width:100%;padding:6px 16px;font-size:12px;transition:all .15s}.reset-btn:hover{color:#ccc;border-color:#ffffff4d}.controls-panel{z-index:50;flex-direction:column;gap:8px;min-width:200px;display:flex;position:fixed;top:40px;left:16px}.scenario-panel{z-index:50;min-width:240px;position:fixed;bottom:16px;left:16px}.scenario-panel h3{letter-spacing:.1em;text-transform:uppercase;color:#666;margin-bottom:8px;font-size:10px}.scenario-btn{color:#aaa;cursor:pointer;text-align:left;background:0 0;border:1px solid #ffffff14;border-radius:4px;width:100%;margin-bottom:4px;padding:8px 10px;font-size:12px;transition:all .15s;display:block}.scenario-btn:hover{color:#fff;background:#ffffff0a}.scenario-btn.active{color:#f0a030;background:#f0a03014;border-color:#f0a030}.altitude-panel{z-index:50;min-width:200px;position:fixed;bottom:16px;right:16px}.altitude-panel h3{letter-spacing:.1em;text-transform:uppercase;color:#666;margin-bottom:4px;font-size:10px}.altitude-label{color:#48f;margin-bottom:10px;font-family:monospace;font-size:13px}.range-wrapper{height:28px;position:relative}.range-track-bg{background:#ffffff1a;border-radius:1px;height:2px;position:absolute;top:13px;left:0;right:0}.range-wrapper input[type=range]{pointer-events:none;appearance:none;background:0 0;width:100%;height:4px;position:absolute;top:12px}.range-wrapper input[type=range]::-webkit-slider-thumb{pointer-events:all;appearance:none;cursor:pointer;background:#48f;border:2px solid #121228;border-radius:50%;width:14px;height:14px}.range-wrapper input[type=range]::-moz-range-thumb{pointer-events:all;cursor:pointer;background:#48f;border:2px solid #121228;border-radius:50%;width:14px;height:14px}.playback-panel{z-index:50;flex-direction:row;gap:4px;padding:8px;display:flex;position:fixed;top:40px;right:16px}.playback-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;width:36px;height:32px;padding:0;font-size:14px;transition:all .15s;display:flex}.playback-btn:hover{color:#ccc;border-color:#ffffff4d}.playback-btn.active,.playback-btn.play-pause{color:#f0a030;background:#f0a0301f;border-color:#f0a030}.playback-btn.play-pause:hover{background:#f0a03040}.color-key-drawer{z-index:50;border-right:none;border-radius:8px 0 0 8px;min-width:140px;padding:12px 12px 12px 16px;transition:transform .3s;position:fixed;top:50%;right:0;transform:translateY(-50%)translate(100%)}.color-key-drawer.open{transform:translateY(-50%)translate(0)}.color-key-tab{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f0a030;letter-spacing:.06em;cursor:pointer;white-space:nowrap;background:#121228d9;border:1px solid #ffffff1a;border-right:none;border-radius:6px 0 0 6px;padding:8px 10px;font-size:11px;font-weight:600;transition:background .15s;position:absolute;top:50%;left:-52px;transform:translateY(-50%)}.color-key-tab:hover{background:#f0a0301f}.color-key-body h3{letter-spacing:.1em;text-transform:uppercase;color:#666;margin-bottom:10px;font-size:10px}.color-key-entry{color:#ccc;align-items:center;gap:8px;margin-bottom:7px;font-size:12px;display:flex}.color-key-entry:last-child{margin-bottom:0}.color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.compass-label{color:#ffffff59;letter-spacing:.1em;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:monospace;font-size:14px;font-weight:700}.recenter-btn{color:#48f;cursor:pointer;text-align:left;background:#4488ff26;border:1px solid #48f;border-radius:6px;width:100%;padding:6px 16px;font-size:12px;font-weight:600;transition:all .15s}.recenter-btn:hover{background:#4488ff4d}.data-block{white-space:nowrap;pointer-events:none;background:#000000b3;border:1px solid #ffffff26;border-radius:3px;padding:3px 6px;font-family:monospace;font-size:11px;line-height:1.4;transition:opacity .3s;transform:translate(10px,-50%)}.data-block .callsign{color:#fff;font-weight:700}.data-block .details{color:#aaa}.data-block.conflict .callsign{color:#f44}.data-block.selected{background:#000028e6;border-color:#48f9;transform:translate(10px,-50%)scale(1.15)}