:root{--bg-darker:#080a0c;--bg-dark:#0f1319;--bg-card:#141a23a6;--border-color:#00a8ff26;--border-glow:#00a8ff4d;--neon-green:#0f6;--neon-cyan:#00a8ff;--neon-orange:#f90;--neon-red:#f33;--neon-yellow:#e5ff00;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#475569;--font-display:"Orbitron", system-ui, -apple-system, sans-serif;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"Share Tech Mono", monospace;--shadow-glow-cyan:0 0 10px #00a8ff66;--shadow-glow-green:0 0 10px #0f66;--shadow-glow-orange:0 0 10px #f906;--shadow-glow-red:0 0 15px #f339}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--bg-darker);color:var(--text-primary);font-family:var(--font-sans);width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.radar-layout{background-image:radial-gradient(circle,#101a2866 0%,#080a0c 100%),linear-gradient(#00a8ff05 1px,#0000 1px),linear-gradient(90deg,#00a8ff05 1px,#0000 1px);background-size:100% 100%,30px 30px,30px 30px;flex-direction:column;width:100vw;height:100vh;display:flex}.radar-header{border-bottom:1px solid var(--border-color);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a0e14d9;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex;box-shadow:0 4px 20px #00000080}.header-left{align-items:center;gap:20px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo h1{font-family:var(--font-display);letter-spacing:2px;color:var(--neon-cyan);text-shadow:var(--shadow-glow-cyan);font-size:1.1rem;font-weight:900}.pulse-dot{background-color:var(--neon-green);width:8px;height:8px;box-shadow:var(--shadow-glow-green);border-radius:50%;animation:2s infinite pulse-glow}.telemetry{font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:6px;font-size:.85rem;display:flex}.telemetry .label{color:var(--text-muted)}.telemetry .value{color:var(--neon-cyan)}.telemetry .divider{color:var(--text-muted);margin:0 4px}.header-stats{align-items:center;gap:24px;display:flex}.stat-box{flex-direction:column;align-items:center;display:flex}.stat-box .label{font-size:.65rem;font-family:var(--font-display);letter-spacing:1px;color:var(--text-secondary);margin-bottom:2px}.stat-box .value{font-family:var(--font-mono);font-size:1.25rem;font-weight:700}.text-cyan{color:var(--neon-cyan);text-shadow:var(--shadow-glow-cyan)}.text-green{color:var(--neon-green);text-shadow:var(--shadow-glow-green)}.text-orange{color:var(--neon-orange);text-shadow:var(--shadow-glow-orange)}.text-red{color:var(--neon-red);text-shadow:var(--shadow-glow-red)}.text-yellow{color:var(--neon-yellow);text-shadow:0 0 8px #e5ff0066}.stress-bar-container{background-color:var(--bg-darker);border:1px solid var(--border-color);border-radius:3px;width:100px;height:6px;margin-top:4px;overflow:hidden}.stress-bar{background:linear-gradient(90deg, var(--neon-green), var(--neon-orange), var(--neon-red));background-size:100px 100%;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.header-controls{align-items:center;display:flex}.toggle-group{gap:8px;display:flex}.control-btn{color:var(--text-secondary);font-family:var(--font-display);cursor:pointer;background-color:#141a23cc;border:1px solid #00a8ff4d;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;transition:all .2s;display:flex}.control-btn:hover{border-color:var(--neon-cyan);color:var(--text-primary);box-shadow:0 0 5px #00a8ff33}.control-btn.active{border-color:var(--neon-cyan);color:var(--neon-cyan);text-shadow:var(--shadow-glow-cyan);background-color:#00a8ff26}.radar-body{flex:1;height:calc(100vh - 60px);display:flex;overflow:hidden}.radar-sidebar-left,.radar-sidebar-right{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-right:1px solid var(--border-color);z-index:5;background-color:#0a0e14b3;flex-direction:column;width:280px;height:100%;min-height:0;display:flex}.radar-sidebar-left{overflow:hidden}.radar-sidebar-right{border-right:none;border-left:1px solid var(--border-color);width:280px;overflow-y:auto}aside section{border-bottom:1px solid var(--border-color);padding:16px}aside section:last-child{border-bottom:none}aside h2{font-family:var(--font-display);color:var(--neon-cyan);letter-spacing:1.5px;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.8rem;font-weight:700;display:flex}.control-panel{flex-direction:column;flex:1;min-height:0;display:flex}.flight-queue{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow-y:auto}.empty-list-msg{font-family:var(--font-mono);color:var(--text-muted);text-align:center;border:1px dashed var(--border-color);border-radius:4px;padding:20px 0;font-size:.75rem}.flight-strip{background-color:var(--bg-card);border:1px solid var(--border-color);border-left:4px solid var(--neon-cyan);cursor:pointer;border-radius:4px;flex-direction:column;flex-shrink:0;gap:4px;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.flight-strip:hover{border-color:var(--neon-cyan);background-color:#1e293bcc;box-shadow:0 2px 8px #0006}.flight-strip.selected{border-color:var(--neon-cyan);box-shadow:var(--shadow-glow-cyan);background-color:#00a8ff14}.flight-strip.departure{border-left-color:var(--neon-orange)}.flight-strip.departure.selected{border-color:var(--neon-orange);box-shadow:var(--shadow-glow-orange);background-color:#ff990014}.flight-strip.arrival.approaching{border-left-style:dashed;animation:1.5s infinite alternate strip-border-pulse}@keyframes strip-border-pulse{0%{border-left-color:#00a8ff4d}to{border-left-color:#00a8ff}}.strip-top{justify-content:space-between;align-items:center;display:flex}.strip-flight{font-family:var(--font-mono);letter-spacing:.5px;font-size:.95rem;font-weight:700}.flight-strip.departure .strip-flight{color:var(--neon-orange)}.flight-strip.arrival .strip-flight{color:var(--neon-cyan)}.strip-type{font-family:var(--font-mono);color:var(--text-secondary);background-color:#ffffff0d;border-radius:2px;padding:1px 4px;font-size:.75rem}.strip-mid{font-size:.75rem;font-family:var(--font-mono);justify-content:space-between;display:flex}.strip-dest{color:var(--neon-yellow)}.strip-status{color:var(--text-secondary);font-weight:500}.strip-progress{background-color:#ffffff0d;border-radius:1.5px;width:100%;height:3px;margin-top:4px;overflow:hidden}.strip-progress-bar{background-color:var(--neon-cyan);height:100%;transition:width .1s linear}.flight-strip.departure .strip-progress-bar{background-color:var(--neon-orange)}.comms-panel{flex-direction:column;flex-shrink:0;height:180px;display:flex}.comms-log{border:1px solid var(--border-color);background-color:#05080ce6;border-radius:4px;flex-direction:column;flex:1;gap:6px;padding:8px;display:flex;overflow-y:auto}.comms-line{font-family:var(--font-mono);word-break:break-word;font-size:.75rem;line-height:1.25}.comms-line.system{color:var(--text-muted)}.comms-line.inbound{color:var(--neon-cyan)}.comms-line.outbound{color:var(--neon-orange)}.comms-line.controller{color:var(--neon-green);border-left:2px solid var(--neon-green);padding-left:4px}.comms-line.warning{color:var(--neon-red);font-weight:700;animation:1s infinite alternate text-pulse}.instructions-panel{flex:1}.instruction-content{color:var(--text-secondary);font-size:.75rem;line-height:1.5}.instruction-content ul{flex-direction:column;gap:10px;list-style-position:inside;display:flex}.instruction-content li strong{color:var(--text-primary)}.legend-panel{height:200px}.legend-grid{grid-template-columns:1fr;gap:8px;font-size:.75rem;display:grid}.legend-item{color:var(--text-secondary);align-items:center;gap:8px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.color-arrival{background-color:var(--neon-cyan);box-shadow:0 0 5px var(--neon-cyan)}.color-departure{background-color:var(--neon-orange);box-shadow:0 0 5px var(--neon-orange)}.color-gate{background-color:var(--neon-yellow);box-shadow:0 0 5px var(--neon-yellow)}.color-runway{background-color:#64748b}.color-path{background-color:var(--neon-green);box-shadow:0 0 5px var(--neon-green)}.color-conflict{background-color:var(--neon-red);box-shadow:0 0 5px var(--neon-red)}.radar-canvas-container{background-color:#030508;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}#radar-canvas{background-color:#0000;width:100%;height:100%;display:block}.selected-aircraft-panel{border-bottom:1px solid var(--border-color);border-left:4px solid var(--neon-cyan);background-color:#141a2373;flex-direction:column;flex-shrink:0;gap:10px;padding:16px;transition:border-left-color .3s;display:flex}.selected-aircraft-panel.hidden{display:none!important}.hud-header{border-bottom:1px solid #00a8ff33;justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.hud-flight{font-family:var(--font-display);color:var(--neon-cyan);text-shadow:var(--shadow-glow-cyan);font-size:1.1rem;font-weight:900}.hud-type{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:3px;padding:2px 6px;font-size:.8rem}.hud-body{flex-direction:column;gap:4px;display:flex}.hud-row{font-size:.75rem;font-family:var(--font-mono);justify-content:space-between;display:flex}.hud-lbl{color:var(--text-secondary)}.hud-val{font-weight:500}.hud-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;display:grid}.hud-btn{background-color:var(--bg-darker);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-display);cursor:pointer;text-align:center;border-radius:4px;padding:6px 0;font-size:.7rem;font-weight:700;transition:all .15s}.hud-btn:hover{background-color:#ffffff0d}.hud-btn.btn-hold{border-color:var(--neon-orange);color:var(--neon-orange)}.hud-btn.btn-hold:hover{background-color:#ff99001a;box-shadow:0 0 5px #ff99004d}.hud-btn.btn-resume{border-color:var(--neon-green);color:var(--neon-green);grid-column:span 1}.hud-btn.btn-resume:hover{background-color:#00ff661a;box-shadow:0 0 5px #00ff664d}.hud-btn.btn-takeoff{border-color:var(--neon-yellow);color:var(--neon-yellow);grid-column:span 2;font-size:.75rem}.hud-btn.btn-takeoff:hover{background-color:#e5ff0026;box-shadow:0 0 8px #e5ff0066}.hud-btn.btn-cancel{border-color:var(--neon-red);color:var(--neon-red)}.hud-btn.btn-cancel:hover{background-color:#ff33331a;box-shadow:0 0 5px #ff33334d}.hud-btn.hidden{display:none!important}.collision-alarm-overlay{border:2px solid var(--neon-red);box-shadow:var(--shadow-glow-red);text-align:center;color:#fff;z-index:9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ff3333d9;border-radius:4px;padding:8px 24px;animation:1s infinite alternate flash-border;position:absolute;top:20px;left:50%;transform:translate(-50%)}.collision-alarm-overlay.hidden{display:none}.alarm-header{font-family:var(--font-display);letter-spacing:1.5px;font-size:.95rem;font-weight:900}.alarm-body{font-family:var(--font-mono);margin-top:2px;font-size:.75rem}.modal-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:100;background-color:#030508d9;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .4s;display:flex;position:fixed;top:0;left:0}.modal-overlay.hidden{opacity:0;pointer-events:none}.radar-modal{background-color:var(--bg-dark);border:1px solid var(--border-color);text-align:center;border-radius:8px;width:460px;padding:30px;position:relative;overflow:hidden;box-shadow:0 10px 40px #000c}.modal-decoration{background:linear-gradient(90deg, var(--neon-cyan), var(--neon-green));height:4px;position:absolute;top:0;left:0;right:0}.modal-decoration.error{background:var(--neon-red);box-shadow:var(--shadow-glow-red)}.radar-modal h1{font-family:var(--font-display);letter-spacing:3px;color:var(--text-primary);text-shadow:0 2px 4px #00000080;margin-bottom:6px;font-size:1.6rem}.radar-modal h2{font-family:var(--font-display);letter-spacing:2px;color:var(--neon-cyan);margin-bottom:24px;font-size:.85rem;font-weight:500}.radar-modal p{color:var(--text-secondary);margin-bottom:24px;font-size:.85rem;line-height:1.6}.difficulty-select{font-family:var(--font-display);color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;margin-bottom:24px;font-size:.75rem;display:flex}.difficulty-select select{background-color:var(--bg-darker);border:1px solid var(--border-color);color:var(--neon-cyan);font-family:var(--font-display);cursor:pointer;border-radius:4px;padding:6px 12px;font-size:.75rem}.difficulty-select select:focus{border-color:var(--neon-cyan);outline:none}.menu-btn{width:100%;font-family:var(--font-display);letter-spacing:2px;cursor:pointer;border:none;border-radius:4px;padding:14px;font-size:.9rem;font-weight:700;transition:all .2s}.glow-btn{background-color:var(--neon-cyan);color:var(--bg-darker);box-shadow:var(--shadow-glow-cyan)}.glow-btn:hover{background-color:#33bfff;box-shadow:0 0 20px #00a8ffb3}.share-btn{border:1px solid var(--neon-cyan);color:var(--neon-cyan);background-color:#0000;margin-bottom:12px;transition:all .2s;box-shadow:0 0 5px #00a8ff33}.share-btn:hover{box-shadow:var(--shadow-glow-cyan);background-color:#00a8ff1a}.error-btn{background-color:var(--neon-red);color:#fff;box-shadow:var(--shadow-glow-red);text-shadow:0 1px 2px #00000080}.error-btn:hover{background-color:#f55;box-shadow:0 0 25px #f33c}.game-results{background-color:var(--bg-darker);border:1px solid var(--border-color);border-radius:4px;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px;display:flex}.res-row{font-family:var(--font-mono);color:var(--text-secondary);justify-content:space-between;font-size:.85rem;display:flex}.res-row strong{color:var(--text-primary);font-size:1rem}#final-score{color:var(--neon-cyan);text-shadow:var(--shadow-glow-cyan)}@keyframes pulse-glow{0%{transform:scale(.9);box-shadow:0 0 4px #0f66}50%{transform:scale(1.1);box-shadow:0 0 12px #0f6c}to{transform:scale(.9);box-shadow:0 0 4px #0f66}}@keyframes text-pulse{0%{opacity:.7}to{opacity:1}}@keyframes flash-border{0%{border-color:#ff333380;box-shadow:0 0 5px #ff33334d}to{box-shadow:var(--shadow-glow-red);border-color:#f33}}.settings-modal{width:480px!important}.settings-grid{text-align:left;flex-direction:column;gap:18px;margin:20px 0 28px;display:flex}.setting-item{flex-direction:column;gap:6px;display:flex}.setting-item label{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:1px;font-size:.75rem;font-weight:700}.setting-label-row{justify-content:space-between;align-items:center;display:flex}.setting-val{font-family:var(--font-mono);color:var(--neon-cyan);font-size:.8rem;font-weight:700}.settings-select{background-color:var(--bg-darker);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;border-radius:4px;width:100%;padding:10px 12px;font-size:.8rem}.settings-select:focus{border-color:var(--neon-cyan);outline:none}.settings-select option{background-color:var(--bg-dark);color:var(--text-primary)}.settings-slider{appearance:none;background:#00a8ff26;border:1px solid #00a8ff33;border-radius:3px;outline:none;width:100%;height:6px}.settings-slider::-webkit-slider-thumb{appearance:none;background:var(--neon-cyan);width:16px;height:16px;box-shadow:var(--shadow-glow-cyan);cursor:pointer;border-radius:50%;transition:transform .1s}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.settings-actions{grid-template-columns:1fr 1fr;gap:16px;display:grid}.settings-actions button{margin-bottom:0!important}