:root{--bg: rgba(255, 255, 255, .86);--fg: #26303b;--muted: #6b7684;--line: rgba(38, 48, 59, .12);--accent: #3b82c4;--accent-soft: #dcecf8;--warn: #c2410c;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,system-ui,sans-serif;color:var(--fg)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:#cfe6f5}.app{position:fixed;top:0;right:0;bottom:0;left:0}.canvas{position:absolute!important;top:0;right:0;bottom:0;left:0}button,select,input{font:inherit}button{border:1px solid var(--line);background:#fff;color:var(--fg);border-radius:8px;padding:4px 10px;cursor:pointer;font-size:13px;line-height:1.4;white-space:nowrap}button:hover{background:var(--accent-soft)}button.on{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary{font-weight:700}.topbar{position:absolute;top:10px;left:10px;right:10px;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;background:var(--bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:8px 12px;box-shadow:0 4px 18px #00000014}.topbar .title{display:flex;flex-direction:column;min-width:190px}.topbar .title b{font-size:15px}.topbar .sub{font-size:11px;color:var(--muted)}.topbar .clock{font-size:18px;font-weight:800;letter-spacing:.02em;font-variant-numeric:tabular-nums;min-width:190px}.topbar .clock .tr{font-size:11px;color:var(--accent);font-weight:600}.topbar .group{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.topbar .group .lbl{font-size:11px;color:var(--muted);margin-right:2px}.topbar .group .lvl{font-size:15px;min-width:12px;text-align:center}button:disabled{opacity:.4;cursor:default}.chk{font-size:12px;display:flex;gap:4px;align-items:center;color:var(--muted)}.panel{position:absolute;background:var(--bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:10px 12px;box-shadow:0 4px 18px #00000014;font-size:13px}.panel h3{margin:0 0 6px;font-size:14px}.tiny{font-size:11px;color:var(--muted)}.warn{color:var(--warn)}.status{left:10px;top:92px;width:300px;max-height:calc(100vh - 260px);overflow:auto}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.kpis div{background:#fff;border-radius:10px;padding:6px 8px;border:1px solid var(--line)}.kpis span{display:block;font-size:11px;color:var(--muted)}.kpis b{font-size:20px}.kpis small{font-size:12px;color:var(--muted);font-weight:500}.flow{margin:6px 0 8px;display:flex;flex-direction:column;gap:4px}.flow .pending{color:var(--warn);font-size:12px}.seg{display:flex;gap:4px;flex-wrap:wrap}table.rwy{width:100%;border-collapse:collapse;margin-bottom:6px}table.rwy td{padding:4px 3px;border-top:1px solid var(--line);vertical-align:middle}.badge{display:inline-block;padding:2px 7px;border-radius:99px;font-size:12px;font-weight:700;white-space:nowrap}.st-free{background:#e3f4e6;color:#256b35}.st-to{background:#fde5d6;color:#b3470f}.st-ld{background:#e3e8fb;color:#3246a8}.st-clr{background:#eef1fd;color:#5664b7}.st-cr{background:#fbf1cf;color:#8a6400}.info{right:10px;top:92px;width:300px;z-index:5}.info-head{display:flex;justify-content:space-between;align-items:center}.info dl{display:grid;grid-template-columns:86px 1fr;gap:4px 8px;margin:6px 0 8px}.info dt{color:var(--muted);font-size:12px}.info dd{margin:0}.approach{right:10px;bottom:44px;width:350px}.approach .row{display:flex;gap:8px;align-items:center;margin:5px 0}.approach .row label{min-width:120px;font-size:12px}.approach input[type=range]{flex:1}.readout{margin-top:6px;background:#1d2330;color:#eef;padding:8px 10px;border-radius:10px}.readout .tiny{color:#aab4c8;margin-top:4px}.papi{display:inline-flex;gap:6px;vertical-align:middle;margin-right:6px}.papi i{width:14px;height:14px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.25)}.papi i.w{background:#fffdf2;box-shadow:0 0 8px #fff7cc}.papi i.r{background:#ff2a1a;box-shadow:0 0 8px #ff4a3a}.papi i.p{background:#ff9fb0}.papi i.o{background:#444}.log{left:10px;bottom:10px;width:min(560px,calc(100vw - 20px));max-height:148px;overflow:hidden;font-size:12px;line-height:1.5}.log .t{color:var(--accent);font-variant-numeric:tabular-nums;margin-right:4px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#141c2873;display:flex;align-items:center;justify-content:center;z-index:20}.modal-body{background:#fff;border-radius:16px;width:min(1100px,94vw);max-height:90vh;overflow:auto;padding:16px 20px;font-size:13px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal h2{margin:0;font-size:18px}.modal h3{margin:16px 0 6px;font-size:14px}.modal .note{background:#fff7e6;border:1px solid #f1d49a;padding:8px 10px;border-radius:10px}table.src{width:100%;border-collapse:collapse}table.src th,table.src td{border-top:1px solid var(--line);padding:6px;text-align:left;vertical-align:top}table.src th{font-size:12px;color:var(--muted)}.plan{position:fixed;top:0;right:0;bottom:0;left:0;background:#f4f5f0;z-index:15;display:flex;flex-direction:column}.plan-bar{display:flex;gap:10px;align-items:center;padding:8px 12px;flex-wrap:wrap;font-size:13px;background:#fff;border-bottom:1px solid var(--line)}.legend-inline{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12px;padding:6px 12px;background:#fff;border-bottom:1px solid var(--line)}.legend-inline i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:3px;vertical-align:-2px}.plan-body{flex:1;display:flex;gap:6px;padding:6px;min-height:0}.plan-pane{flex:1;display:flex;flex-direction:column;min-width:0;background:#fff;border-radius:10px;overflow:hidden;border:1px solid var(--line)}.plan-cap{font-size:12px;padding:4px 8px;color:var(--muted);border-bottom:1px solid var(--line)}.plan-pane svg{flex:1;width:100%;height:100%;cursor:grab;touch-action:none}.plan-foot{font-size:11px;color:var(--muted);padding:4px 12px 8px}@media (max-width: 900px){.topbar{top:6px;left:6px;right:6px;padding:6px 8px;gap:6px}.topbar .title{min-width:0}.topbar .clock{font-size:15px;min-width:0}.status{top:auto;bottom:64px;left:6px;width:calc(100vw - 12px);max-height:30vh}.info{top:auto;bottom:64px;right:6px;width:calc(100vw - 12px);max-height:40vh;overflow:auto;z-index:5}.approach{bottom:64px;right:6px;width:calc(100vw - 12px);z-index:4}.panel.fids{bottom:64px;right:6px;width:calc(100vw - 12px);max-height:40vh;z-index:4}.log{max-height:52px;left:6px;bottom:6px}.hint{display:none}.plan-body{flex-direction:column}}.panel.fids{right:10px;bottom:44px;width:auto;max-width:calc(100vw - 20px);max-height:60vh;overflow:auto;background:#22304a;color:#fff;border-radius:6px;padding:12px 14px 8px;box-shadow:0 8px 28px #00000059;-webkit-backdrop-filter:none;backdrop-filter:none;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;z-index:3}.fids-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px}.fids-title .ko{font-size:20px;font-weight:700;letter-spacing:.06em;display:flex;align-items:center;gap:12px;padding-bottom:4px;border-bottom:2px solid #fff;width:fit-content}.fids-title .ko .bar{width:2px;height:20px;background:#fff;display:inline-block}.fids-title .en{font-size:22px;font-weight:700;margin-top:4px;letter-spacing:.01em}.fids-ctl{display:flex;gap:4px}.fids-ctl button{background:#2f5fc4;color:#fff;border:1px solid #4d7ae0;border-radius:3px;font-weight:700;padding:3px 10px}.fids-ctl button:hover{background:#3a6fe0}.fids-ctl button.on{background:#fff;color:#22304a;border-color:#fff}.fids-grid{display:flex;flex-direction:column;gap:3px}.fids-row{display:flex;align-items:center;gap:8px;border-radius:2px}.fids-row.sel{outline:2px solid #ffd54a;outline-offset:1px}.fids-row:not(.head):not(.empty):hover{outline:1px solid rgba(255,255,255,.55);outline-offset:1px}.fids-row.head{align-items:flex-end;margin-bottom:2px}.fids-row .h{font-size:11px;font-weight:600;line-height:1.15;display:flex;flex-direction:column;color:#fff}.fids-row .h small{font-size:10px;font-weight:500;color:#dfe6f5}.fids .logo,.fids .logo-h{width:30px;height:22px;flex:none;border-radius:2px;font-size:10px;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center;text-shadow:0 1px 1px rgba(0,0,0,.35)}.fids .logo{background:#3568d4}.fids .flaps{display:inline-flex;gap:2px;flex:none}.fids .flaps i{font-style:normal;width:17px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(#3b72e0 0,#3b72e0 49%,#2f63cf 51%,#2f63cf);border-radius:2px;color:#fff;font-size:13px;font-weight:700;line-height:1;box-shadow:inset 0 -1px #00000026}.fids .flaps.city i,.fids .flaps.st i{width:19px;font-size:13px}.fids .flaps.st.warn i{color:#ffd54a}.fids .w3{width:57px}.fids .w4{width:84px}.fids .w5{width:95px}.fids .w7{width:133px}.fids .wc{width:147px}.fids .dot{width:10px;height:10px;border-radius:50%;flex:none}.fids .dot.on{background:#fff;box-shadow:0 0 6px #fff}.fids-row.empty .logo{background:#3568d4}.fids-foot{font-size:10px;color:#b8c4de;margin-top:8px}.ac-label{position:absolute;left:0;top:0;pointer-events:auto;cursor:pointer;padding:1px 5px;border-radius:3px;font:600 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff;background:none;white-space:nowrap;will-change:transform;text-shadow:0 0 2px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.6)}.ac-label.sel{text-shadow:none}.ac-label.sel{background:#e8a33d;color:#1b1b1b}.info-btns{display:flex;gap:6px}.info-btns button{flex:1}.topbar .title .ver{font-size:11px;font-weight:500;color:#6b7c90;margin-left:4px}.hint{position:absolute;right:12px;bottom:10px;max-width:calc(100vw - 600px);padding:6px 30px 6px 10px;border-radius:10px;background:#ffffffd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 10px #141e2d1f;font-size:11px;color:#37465a;display:flex;flex-direction:column;gap:4px}.hint-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 12px}.hint-grp{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.hint kbd{display:inline-block;min-width:18px;padding:1px 5px;border-radius:4px;text-align:center;font:600 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#1f2d3d;background:linear-gradient(#fff,#e9edf2);border:1px solid #c3cbd5;box-shadow:0 1px #aab4c0}.hint .mouse{padding:1px 6px;border-radius:9px;background:#e3edf7;color:#2b4a6b;font-weight:600}.hint-x{position:absolute;top:4px;right:6px;border:none;background:none;color:#8a97a6;font-size:11px;cursor:pointer;padding:2px}.hint-closed{flex-direction:row;padding:5px 10px;cursor:pointer;border:none;font-weight:600}@media (max-width: 1100px){.hint{max-width:calc(100vw - 24px);bottom:170px}}:root{--hud-bg: linear-gradient(180deg, rgba(16, 28, 48, .78) 0%, rgba(8, 16, 30, .72) 100%);--hud-line: rgba(110, 200, 255, .22);--hud-glow: rgba(79, 209, 255, .35);--hud-fg: #e4eefb;--hud-muted: #8ea6c2;--hud-accent: #4fd1ff;--hud-accent2: #7fe3c4}.topbar,.panel:not(.fids),.hint{background:var(--hud-bg);color:var(--hud-fg);border:1px solid var(--hud-line);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 10px 30px #00081473,inset 0 1px #ffffff14,inset 0 0 24px #4fd1ff0d}.topbar:before,.panel:not(.fids):before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(var(--hud-accent),var(--hud-accent)) top left / 14px 2px no-repeat,linear-gradient(var(--hud-accent),var(--hud-accent)) top left / 2px 14px no-repeat,linear-gradient(var(--hud-accent),var(--hud-accent)) bottom right / 14px 2px no-repeat,linear-gradient(var(--hud-accent),var(--hud-accent)) bottom right / 2px 14px no-repeat;opacity:.75}.topbar .sub,.topbar .group .lbl,.tiny,.chk,.kpis span,.kpis small,.info dt{color:var(--hud-muted)!important}.topbar .title b{color:#fff;letter-spacing:.02em}.topbar .title .ver{color:var(--hud-accent)!important}.topbar .clock{color:#fff;font-family:SF Mono,ui-monospace,Menlo,monospace;text-shadow:0 0 12px var(--hud-glow)}.topbar .clock .tr{color:var(--hud-accent2)}.topbar .group .lvl{color:var(--hud-accent);font-family:ui-monospace,Menlo,monospace;text-shadow:0 0 8px var(--hud-glow)}.topbar button,.panel:not(.fids) button,.hint button{background:#ffffff0f;color:var(--hud-fg);border:1px solid rgba(140,190,240,.22);border-radius:7px;transition:background .15s,border-color .15s,box-shadow .15s}.topbar button:hover,.panel:not(.fids) button:hover,.hint button:hover{background:#4fd1ff24;border-color:#4fd1ff99;box-shadow:0 0 10px #4fd1ff40}.topbar button.on,.panel:not(.fids) button.on{background:linear-gradient(180deg,#38b6ea,#1f86c4);color:#fff;border-color:#6fdcff;box-shadow:0 0 12px #4fd1ff8c,inset 0 1px #ffffff59}.chk input{accent-color:var(--hud-accent)}.panel:not(.fids) h3{color:#fff;font-size:13px;letter-spacing:.04em;display:flex;align-items:center;gap:6px}.panel:not(.fids) h3:before{content:"";width:3px;height:13px;border-radius:2px;background:var(--hud-accent);box-shadow:0 0 8px var(--hud-glow)}.kpis div{background:#ffffff0d;border:1px solid rgba(140,190,240,.16)}.kpis b{color:#fff;font-family:ui-monospace,Menlo,monospace;text-shadow:0 0 10px var(--hud-glow)}table.rwy td{border-top-color:#8cbef01f}table.rwy b,.info dd{color:var(--hud-fg)}.st-free{background:#50dc8c24;color:#7ff0ae;box-shadow:inset 0 0 0 1px #7ff0ae59}.st-to{background:#ff8c4629;color:#ffb07a;box-shadow:inset 0 0 0 1px #ffb07a66}.st-ld{background:#6e96ff2e;color:#a9c1ff;box-shadow:inset 0 0 0 1px #a9c1ff66}.st-clr{background:#8ca0ff1f;color:#c3cdff;box-shadow:inset 0 0 0 1px #c3cdff4d}.st-cr{background:#ffd25024;color:#ffd978;box-shadow:inset 0 0 0 1px #ffd97861}.warn{color:#ff9a6b!important}.log{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px}.log .t{color:var(--hud-accent)}.readout{background:#00000059;border:1px solid rgba(140,190,240,.18)}.hint{color:var(--hud-muted)}.hint kbd{color:#dff4ff;background:linear-gradient(#2a3d58,#1a283d);border-color:#78beff59;box-shadow:0 1px #0009,0 0 6px #4fd1ff26}.hint .mouse{background:#4fd1ff24;color:#bfeaff}.hint-x{color:var(--hud-muted)}.panel:not(.fids)::-webkit-scrollbar{width:6px}.panel:not(.fids)::-webkit-scrollbar-thumb{background:#78beff4d;border-radius:3px}.panel.radio{right:12px;bottom:76px;width:min(560px,calc(100vw - 600px));height:200px;overflow:hidden;display:flex;flex-direction:column;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px;line-height:1.5}.radio-head{font-family:Pretendard,system-ui,sans-serif;font-size:12px;font-weight:700;color:#fff;margin-bottom:3px}.radio .radio-head{flex-shrink:0}.radio-list{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.radio .rl{cursor:pointer;display:grid;grid-template-columns:40px 36px 1fr;column-gap:4px;align-items:start;flex-shrink:0}.radio .rl:hover{background:#4fd1ff14}.radio .rl.atc{color:#8fe6ff}.radio .rl.plt{color:#e8eef6}.radio .t{color:var(--hud-muted)}.radio .u{display:inline-block;align-self:start;margin-top:2px;min-width:30px;text-align:center;font-size:10px;font-weight:700;border-radius:3px;padding:0 3px;margin-right:2px;color:#0b1624}.radio .u-DEL{background:#b9a6ff}.radio .u-GND{background:#7fe3a5}.radio .u-TWR{background:#ffd166}.radio .u-DEP{background:#8fc9ff}@media (max-width: 1100px){.panel.radio{display:none}}