:root{--color-bg: #040a04;--color-surface: #0a120a;--color-surface-2: #0e1a0e;--color-border: #1a2e1a;--color-green: #00ff41;--color-green-dim: #00aa2a;--color-green-dark: #226633;--color-cyan: #00dddd;--color-amber: #ffaa00;--color-red: #ff3333;--color-dim: #447744;--color-text: #00dd38;--color-text-dim: #2a6a36;--font-mono: "IBM Plex Mono", "Share Tech Mono", "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);font-size:12px}.app{display:flex;width:100%;height:100vh;gap:0}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.radar-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:4px;min-height:0}.radar-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.radar-canvas{cursor:crosshair;image-rendering:crisp-edges}.command-panel{border-top:1px solid var(--color-border);background:var(--color-surface);display:flex;flex-direction:column;height:180px;min-height:140px}.message-log{flex:1;overflow-y:auto;padding:6px 10px;font-size:11px;line-height:1.5;display:flex;flex-direction:column;justify-content:flex-end}.message-log::-webkit-scrollbar{width:4px}.message-log::-webkit-scrollbar-track{background:var(--color-surface)}.message-log::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.message-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-prefix{color:var(--color-dim);margin-right:6px;font-weight:600}.command-form{display:flex;align-items:center;border-top:1px solid var(--color-border);padding:6px 10px;background:var(--color-bg)}.command-prompt{color:var(--color-green);font-weight:700;margin-right:8px;font-size:13px}.command-input{flex:1;background:transparent;border:none;outline:none;color:var(--color-green);font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.5px;caret-color:var(--color-green)}.command-input::placeholder{color:var(--color-green-dark);font-weight:400}.side-panels{width:280px;display:flex;flex-direction:column;border-left:1px solid var(--color-border);background:var(--color-surface);overflow-y:auto}.side-panels::-webkit-scrollbar{width:4px}.side-panels::-webkit-scrollbar-track{background:var(--color-surface)}.side-panels::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.info-panel{padding:10px;border-bottom:1px solid var(--color-border)}.info-header{font-size:18px;font-weight:700;color:var(--color-green);letter-spacing:2px}.info-name{font-size:9px;color:var(--color-dim);margin-bottom:10px;letter-spacing:.3px}.info-section{margin-bottom:10px}.info-label{font-size:9px;font-weight:700;color:var(--color-dim);letter-spacing:1px;margin-bottom:3px;border-bottom:1px solid var(--color-border);padding-bottom:2px}.info-row{display:flex;justify-content:space-between;padding:1px 0;font-size:11px}.info-row span:first-child{color:var(--color-dim)}.info-value{color:var(--color-text);font-weight:500}.score-good{color:var(--color-green)!important}.score-bad{color:var(--color-red)!important;font-weight:700!important}.speed-controls{display:flex;gap:4px;margin-top:4px}.speed-btn{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-dim);font-family:var(--font-mono);font-size:10px;font-weight:600;padding:2px 6px;cursor:pointer;border-radius:2px;transition:all .15s}.speed-btn:hover{border-color:var(--color-green-dim);color:var(--color-text)}.speed-btn.active{background:var(--color-green-dark);border-color:var(--color-green-dim);color:var(--color-green)}.alert-label{color:var(--color-red)!important;animation:alert-flash .8s ease-in-out infinite alternate}@keyframes alert-flash{0%{opacity:1}to{opacity:.4}}.alerts-section{background:#ff33330d;border:1px solid rgba(255,51,51,.2);border-radius:3px;padding:6px}.alert-item{display:flex;justify-content:space-between;font-size:10px;color:var(--color-red);font-weight:600;padding:1px 0}.help-section{opacity:.6}.help-line{font-size:9px;color:var(--color-dim);padding:0 0 1px}.strips-panel{flex:1;padding:6px}.strips-header{font-size:10px;font-weight:700;color:var(--color-dim);letter-spacing:1px;margin-bottom:6px;padding-bottom:3px;border-bottom:1px solid var(--color-border)}.strips-section-label{font-size:8px;font-weight:700;color:var(--color-dim);letter-spacing:1.5px;margin:8px 0 4px}.strips-empty{color:var(--color-dim);font-size:10px;text-align:center;padding:20px 0}.strip-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:3px;padding:5px 7px;margin-bottom:4px;cursor:pointer;transition:border-color .15s;font-size:10px}.strip-card:hover{border-color:var(--color-green-dim)}.strip-selected{border-color:var(--color-cyan);background:#00dddd0a}.strip-conflict{border-color:var(--color-red);background:#ff33330a;animation:strip-flash .6s ease-in-out infinite alternate}@keyframes strip-flash{0%{border-color:var(--color-red)}to{border-color:transparent}}.strip-row-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.strip-callsign{font-weight:700;color:var(--color-green);font-size:11px}.strip-type{color:var(--color-dim);font-size:9px}.strip-phase{font-size:8px;font-weight:700;letter-spacing:.5px}.strip-row-bottom{display:flex;justify-content:space-between;color:var(--color-text-dim)}.strip-alt{font-weight:600;color:var(--color-text)}.strip-assigned{color:var(--color-dim);font-weight:400;margin-left:2px}.strip-hdg,.strip-spd{color:var(--color-dim)}.strip-row-proc{display:flex;gap:8px;margin-top:2px;font-size:9px;color:var(--color-dim)}.strip-app{color:var(--color-cyan);font-weight:600}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.app-mobile{display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;overflow:hidden}.m-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;padding-top:calc(6px + env(safe-area-inset-top));background:var(--color-surface);border-bottom:1px solid var(--color-border);gap:6px;flex-shrink:0}.m-header-alert{border-bottom-color:var(--color-red)}.m-header-left{display:flex;align-items:center;gap:6px;flex-shrink:0}.m-header-icao{font-size:13px;font-weight:700;color:var(--color-green);letter-spacing:1px}.m-header-rwy{font-size:10px;color:var(--color-text);font-weight:600}.m-header-qnh,.m-header-wind{font-size:9px;color:var(--color-dim)}.m-header-center{display:flex;align-items:center;gap:6px}.m-header-time{font-size:10px;color:var(--color-text);font-weight:500}.m-header-traffic{font-size:9px;color:var(--color-dim)}.m-header-conflict{font-size:10px;font-weight:700;color:var(--color-red);animation:alert-flash .6s ease-in-out infinite alternate}.m-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.m-header-score{display:flex;gap:5px;font-size:9px;font-weight:600}.m-score-good{color:var(--color-green-dim)}.m-score-bad{color:var(--color-red)}.m-speed-controls{display:flex;gap:2px}.m-speed-btn{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-dim);font-family:var(--font-mono);font-size:10px;font-weight:600;width:24px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:2px;-webkit-tap-highlight-color:transparent}.m-speed-active{background:var(--color-green-dark);border-color:var(--color-green-dim);color:var(--color-green)}.m-radar-wrapper{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:2px;overflow:hidden}.m-cmd{flex-shrink:0;background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom)}.m-cmd-empty{padding:14px 16px;text-align:center;color:var(--color-dim);font-size:12px}.m-cmd-info{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--color-border);overflow-x:auto}.m-cmd-callsign{font-size:13px;font-weight:700;color:var(--color-cyan);flex-shrink:0}.m-cmd-type{font-size:10px;color:var(--color-dim);flex-shrink:0}.m-cmd-data{font-size:11px;color:var(--color-text);font-weight:500;flex-shrink:0}.m-cmd-phase{font-size:9px;font-weight:700;letter-spacing:.5px;flex-shrink:0;margin-left:auto}.m-cmd-phase-arrival{color:var(--color-green)}.m-cmd-phase-approach{color:var(--color-cyan)}.m-cmd-phase-departure,.m-cmd-phase-takeoffRoll,.m-cmd-phase-holdingShort{color:var(--color-amber)}.m-cmd-actions{display:flex;flex-wrap:wrap;gap:5px;padding:8px 10px}.m-btn{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-mono);font-size:12px;font-weight:600;padding:8px 12px;border-radius:4px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background .1s,border-color .1s;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0;flex:1}.m-btn:active{background:var(--color-surface-2);border-color:var(--color-green-dim)}.m-btn-label{font-size:9px;color:var(--color-dim)}.m-btn-value{font-size:12px;color:var(--color-text)}.m-btn-hdg{border-color:#1a3a4a;color:var(--color-cyan)}.m-btn-hdg:active{background:#00dddd14}.m-btn-left{border-left-width:3px}.m-btn-right{border-right-width:3px}.m-btn-alt{border-color:#2a3a1a;color:var(--color-green)}.m-btn-alt:active{background:#00ff4114}.m-btn-spd{border-color:#3a3a1a;color:var(--color-amber)}.m-btn-spd:active{background:#ffaa0014}.m-btn-dct{border-color:#2a2a3a;color:#aaf}.m-btn-dct:active{background:#aaaaff14}.m-btn-app{border-color:#1a3a3a;color:var(--color-cyan)}.m-btn-app:active{background:#00dddd14}.m-btn-hld{border-color:#3a2a2a;color:#f99}.m-btn-hld:active{background:#ff969614}.m-btn-back{border-color:var(--color-border);color:var(--color-dim);font-size:10px;padding:5px 10px;flex:0}.m-btn-current{border-color:var(--color-green-dim);background:#00ff410d}.m-cmd-sub{padding:6px 10px 8px}.m-cmd-sub-label{font-size:10px;color:var(--color-dim);margin-bottom:5px;letter-spacing:.5px}.m-cmd-sub-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}.m-cmd-sub-row .m-btn{min-width:52px}.m-messages{border-top:1px solid var(--color-border)}.m-msg-ticker{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;font-size:10px;color:var(--color-dim);cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:26px;gap:8px}.m-msg-ticker>span:first-child{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-msg-toggle{flex-shrink:0;font-size:8px;color:var(--color-dim)}.m-msg-log{max-height:120px;overflow-y:auto;padding:2px 10px 6px;border-top:1px solid var(--color-border)}.m-msg-line{font-size:10px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(hover:none)and (pointer:coarse){.m-btn{padding:10px 12px;font-size:13px}.m-btn-value{font-size:13px}.m-cmd-sub-row .m-btn{min-width:56px}.m-speed-btn{width:28px;height:26px}}@media(max-height:500px)and (orientation:landscape){.m-header,.m-cmd-info{padding:3px 10px}.m-cmd-actions{padding:4px 10px}.m-btn{padding:5px 10px;font-size:11px}.m-cmd-sub{padding:4px 10px}.m-msg-ticker{padding:2px 10px;min-height:20px;font-size:9px}}