@font-face{font-family:Inter;src:url('../fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--text:#edf5ee;--muted:#9aafa5;--accent:#c8e7ac;--bg:#102a28;--border:#e1f0e218;--mono:Inter,'PingFang TC','Noto Sans TC',sans-serif;--sans:Inter,'PingFang TC','Noto Sans TC',sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#b2c4b6;color:var(--text);font-family:var(--sans);font-size:13px}button,a,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{touch-action:manipulation}button:hover{color:var(--accent)}a{color:inherit;text-decoration:none}button:disabled{opacity:.4;cursor:wait}[hidden]{display:none!important}#viewport{display:block;width:100%;height:100%;touch-action:none}.glass{background:#102a28ed;backdrop-filter:blur(20px);border:1px solid var(--border);box-shadow:0 8px 35px #112f2b16;border-radius:14px}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#132e2c12,transparent 17%,transparent 78%,#162c2020)}.topbar{position:fixed;top:22px;left:24px;right:24px;display:flex;align-items:center;gap:16px;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;padding:13px 17px;min-width:245px}.brand-symbol{font-size:29px;color:var(--accent);transform:rotate(-15deg)}.brand strong{font-size:17px;font-weight:600;letter-spacing:.10em}.brand small{display:block;font:8px var(--mono);letter-spacing:.21em;color:var(--muted);margin-top:4px}.brand-code{margin-left:auto;border-left:1px solid var(--border);padding-left:15px;font:13px var(--mono);letter-spacing:.06em;color:var(--accent)}.search-wrap{width:325px;position:relative}.search{display:flex;align-items:center;gap:10px;height:47px;padding:0 14px;border-radius:11px}.search svg{height:16px;width:16px;fill:none;stroke:var(--muted);stroke-width:1.7}.search input{width:100%;min-width:0;border:0;background:none;color:var(--text);outline:none;font-size:11px}.search input::placeholder{color:#9cb0a4}.search kbd{font:10px var(--mono);color:var(--muted);border:1px solid var(--border);padding:2px 5px;border-radius:4px}.search-results{position:absolute;top:55px;left:0;right:0;padding:6px;max-height:330px;overflow:auto}.search-results button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:11px 10px;border-radius:7px;font-size:12px;text-align:left}.search-results button:hover{background:#ffffff09}.search-results small{font:9px var(--mono);color:var(--muted)}.empty-search{padding:14px;color:var(--muted)}.top-status{margin-left:auto;padding:13px 16px;display:flex;gap:9px;align-items:center;font-size:10px;border-radius:10px}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #c8e7ac55}.divider{height:13px;width:1px;background:var(--border);margin:0 3px}.top-status time{font:12px var(--mono);letter-spacing:.04em}.timezone{font:8px var(--mono);color:var(--muted)}.overview{position:fixed;left:24px;top:111px;width:245px;padding:21px 19px 12px}.eyebrow{font:7px var(--mono);letter-spacing:.13em;color:var(--accent)}.overview-title{display:flex;justify-content:space-between;align-items:flex-start}.overview h1{font-size:24px;line-height:1.5;font-weight:400;letter-spacing:.04em;margin:13px 0 8px}.small-icon{font:20px var(--mono);color:var(--muted);padding:0 2px;line-height:1}.overview-title .small-icon{margin-top:14px}.overview p{font-size:10px;color:var(--muted);margin:0 0 20px}.overview-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.overview-metrics>div{border-right:1px solid var(--border);padding-left:12px}.overview-metrics>div:first-child{padding-left:0}.overview-metrics>div:last-child{border:0}.overview-metrics strong{display:block;font:22px var(--mono);font-weight:400;letter-spacing:-.06em}.overview-metrics span{display:block;font-size:9px;color:var(--muted);margin-top:5px}.terminal-nav{border-top:1px solid var(--border)}.terminal-nav button{width:100%;display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid var(--border);text-align:left}.terminal-nav i{font:10px var(--mono);color:#718c7c;font-style:normal}.terminal-nav span{font-size:11px;letter-spacing:.04em}.terminal-nav small{display:block;font:7px var(--mono);color:var(--muted);margin-top:4px;letter-spacing:.08em}.terminal-nav b{margin-left:auto;font-weight:400;font-size:15px;color:var(--accent)}.terminal-nav em{font-size:8px;font-style:normal;border:1px solid #bfd8ab40;border-radius:4px;padding:2px 4px;color:#b8c79d}.text-button{display:flex;justify-content:space-between;width:100%;color:var(--muted);font-size:9px;padding:14px 0 1px}.overview.collapsed>*:not(.overview-title){display:none}.overview.collapsed .overview-title h1{font-size:14px;margin:0}.overview.collapsed .overview-title h1 br{display:none}.overview.collapsed .overview-title .small-icon{margin-top:0}.overview.collapsed{padding:15px 18px}.scene-tools{position:fixed;right:24px;top:111px;display:flex;flex-direction:column;padding:5px;border-radius:12px}.scene-tools button{display:grid;place-items:center;width:35px;height:37px;border-radius:7px;font-size:21px}.scene-tools button:hover,.scene-tools button.active{background:#ffffff0b;color:var(--accent)}svg{pointer-events:none}.scene-tools svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.tool-divider{height:1px;background:var(--border);margin:4px 5px}.layer-panel{position:fixed;right:81px;top:111px;width:233px;padding:18px}.panel-heading{display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.05em;margin-bottom:13px}.panel-heading .small-icon{margin-left:auto}.panel-heading small{font:7px var(--mono);color:var(--muted)}.layer-panel label{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:9px 0;color:#cfdbd2}.layer-panel input{accent-color:var(--accent);width:14px;height:14px}.layer-separator{border-top:1px solid var(--border);margin:12px 0}.layer-caption{font-size:10px;color:var(--muted);margin-bottom:10px}.segmented{display:flex;padding:3px;background:#00000020;border-radius:7px}.segmented button{font-size:10px;padding:7px 6px;flex:1;border-radius:5px;color:var(--muted)}.segmented button.active{background:#c8e7ac;color:#234030}.compass{position:fixed;right:28px;bottom:164px;width:39px;height:55px;border-radius:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--accent);cursor:pointer}.compass span{font:8px var(--mono);margin-top:3px}.compass svg{width:28px;height:28px}.view-caption{position:fixed;left:304px;bottom:125px;color:#17382b;display:flex;align-items:center;gap:10px;pointer-events:none;text-shadow:0 1px 8px #ffffffaa}.caption-line{width:25px;height:1px;background:currentColor}.view-caption>span{font-size:11px;font-weight:500}.view-caption small{font:8px var(--mono);opacity:.65;margin-left:5px}.bottom-bar{position:fixed;bottom:38px;left:24px;right:24px;height:71px;display:flex;align-items:center;padding:12px 20px;gap:24px;border-radius:12px}.flight-list-button{display:flex;align-items:center;gap:11px;min-width:200px;text-align:left;border-right:1px solid var(--border);padding-right:20px;height:38px}.flight-symbol{font-size:21px;color:var(--accent)}.flight-list-button span:nth-child(2){font-size:11px}.flight-list-button small{display:block;font:8px var(--mono);color:var(--muted);margin-top:4px}.chevron{margin-left:auto;color:var(--muted)}.timeline{flex:1;max-width:620px}.timeline-heading{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted);margin-bottom:6px}.timeline-heading span:last-child{margin-left:auto;font:9px var(--mono)}input[type=range]{width:100%;height:3px;display:block;accent-color:var(--accent);cursor:pointer}.playback{display:flex;align-items:center;gap:8px}.playback button{font-size:18px;width:30px;height:30px;border-radius:6px}.playback .play-button{background:var(--accent);color:#173c2b;font:15px var(--mono)}.playback .speed{font:10px var(--mono);color:var(--accent);width:38px}.bottom-info{margin-left:auto;font:8px var(--mono);color:var(--muted);display:flex;flex-direction:column;gap:5px;white-space:nowrap}.attribution{position:fixed;left:28px;right:28px;bottom:13px;display:flex;align-items:center;gap:15px;font:8px var(--mono);color:#264234;text-shadow:0 1px 5px #eaf3df}.attribution button{font-size:9px;border-bottom:1px solid #26423455;padding:0 0 2px}.scale{margin-left:auto;display:flex;gap:8px;align-items:center}.scale i{display:block;width:70px;height:5px;border:1px solid currentColor;border-top:0}.gesture-hint{position:fixed;right:91px;bottom:128px;color:#264234;font-size:9px;text-shadow:0 1px 5px #eaf3df}.detail{position:fixed;right:81px;top:111px;width:280px;padding:20px}.detail .eyebrow{font-size:8px}.detail-heading{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.detail h2{font-size:20px;letter-spacing:.02em;font-weight:400;margin:0}.detail-tag{font:8px var(--mono);border:1px solid #c8e7ac33;padding:4px 6px;border-radius:5px;color:var(--accent)}.detail p{font-size:11px;color:var(--muted);line-height:1.8}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:19px 0}.detail-grid small{display:block;color:var(--muted);font-size:9px;margin-bottom:5px}.detail-grid strong{font:11px var(--mono);font-weight:400}.detail-actions{display:flex;gap:7px;margin-top:17px}.detail-actions button{background:#ffffff09;border:1px solid var(--border);padding:9px 10px;border-radius:6px;font-size:10px;flex:1}.detail-actions .primary{background:var(--accent);color:#183a29}.detail-close{position:absolute;right:15px;top:14px}.flight-list{position:fixed;left:24px;bottom:121px;width:330px;padding:17px;max-height:56vh;overflow:auto}.flight-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 2px;border-top:1px solid var(--border);text-align:left}.flight-row .airline-dot{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font:9px var(--mono);background:#ffffff10;color:var(--accent)}.flight-row strong{display:block;font:11px var(--mono);font-weight:500}.flight-row small{display:block;color:var(--muted);font:9px var(--mono);margin-top:4px}.flight-row .flight-state{margin-left:auto;text-align:right;font-size:9px;color:var(--accent)}.flight-row .flight-state small{color:var(--muted)}#labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}.map-label{position:absolute;top:0;left:0;transform:translate(-50%,-50%);white-space:nowrap;color:#183a2b;background:#f4f4e7e8;border:1px solid #354d3c28;box-shadow:0 2px 9px #0b261c0e;padding:5px 8px;border-radius:5px;font-size:10px;font-weight:500;display:flex;align-items:center;gap:6px;pointer-events:auto;cursor:pointer}.map-label b{font:9px var(--mono);color:#6a785d;border-right:1px solid #354d3c25;padding-right:6px;font-weight:500}.map-label.gate{padding:3px 5px;font:8px var(--mono);background:#1a3c32db;color:#dbebcd;border-color:#e4f4d626}.map-label.runway{background:#1a3c32a6;color:#dfe9db;border:0;font:9px var(--mono);letter-spacing:.12em;pointer-events:none}.map-label.flight{background:#c9e4acef;color:#1e3a2a;padding:4px 7px;font:9px var(--mono)}.map-label .planned{height:4px;width:4px;border-radius:50%;background:#b49348}dialog{color:var(--text);width:min(510px,calc(100vw - 34px));padding:32px;border:1px solid var(--border)}dialog::backdrop{background:#0b221d88;backdrop-filter:blur(6px)}dialog h2{font-weight:400;letter-spacing:.04em;font-size:26px;margin:15px 0}dialog p{font-size:12px;line-height:1.9;color:var(--muted)}.dialog-close{position:absolute;top:19px;right:19px}.source-link{display:block;padding:12px 0;border-top:1px solid var(--border);font-size:11px}.source-link small{display:block;font:9px var(--mono);color:var(--muted);margin-top:5px}.model-note{color:var(--muted);font-size:10px;line-height:1.9;border-top:1px solid var(--border);padding-top:14px;margin-top:10px}#loading{position:fixed;inset:0;background:#102a28;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;z-index:20;transition:opacity .6s;pointer-events:none}#loading.done{opacity:0}.loading-symbol{font-size:42px;color:var(--accent);margin-bottom:10px}#loading strong{font-size:17px;font-weight:400;letter-spacing:.12em}#loading span{font-size:10px;color:var(--muted)}.loading-line{width:150px;height:2px;background:#ffffff15;margin-top:8px;overflow:hidden}.loading-line i{display:block;width:45%;height:100%;background:var(--accent);animation:load 1.4s ease-in-out infinite}@keyframes load{from{transform:translateX(-100%)}to{transform:translateX(325%)}}#toast{position:fixed;left:50%;bottom:132px;transform:translate(-50%,10px);opacity:0;background:#102a28eb;color:var(--accent);padding:11px 17px;border-radius:8px;border:1px solid var(--border);font-size:11px;transition:.2s;pointer-events:none;z-index:30}#toast.show{opacity:1;transform:translate(-50%,0)}#error-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:30px;max-width:450px;z-index:22}#error-panel p{line-height:1.7;color:var(--muted)}#error-panel button{background:var(--accent);color:var(--bg);padding:10px 17px;border-radius:7px}body.night .view-caption,body.night .gesture-hint,body.night .attribution{color:#d9e6ce;text-shadow:0 1px 5px #0a1816}body.night .map-label{background:#18392ce8;color:#e3edce;border-color:#bddba92a}body.night .map-label b{color:#b4c99c}
@media(min-width:1550px){.overview,.brand{width:270px}.overview{padding:25px 23px 15px}.overview h1{font-size:28px}.view-caption{left:329px}.search-wrap{width:360px}}
@media(max-width:1000px){.top-status .timezone{display:none}.topbar{gap:10px}.search-wrap{width:260px}.top-status{padding:13px 11px}.top-status>.divider{display:none}.top-status>span:nth-child(2){display:none}.bottom-info{display:none}.gesture-hint{display:none}.view-caption small{display:none}.bottom-bar{gap:17px}.flight-list-button{min-width:180px}}
@media(max-width:720px){.topbar{top:14px;left:14px;right:14px;gap:8px;flex-wrap:wrap}.brand{min-width:0;flex:1;padding:11px 13px;border-radius:10px}.brand strong{font-size:15px}.brand small{font-size:7px}.brand-symbol{font-size:25px}.brand-code{font-size:11px}.search-wrap{width:100%;order:3}.search{height:40px}.top-status{height:54px;font-size:9px}.top-status time{font-size:10px}.overview{top:132px;left:14px;width:195px;padding:17px 14px 10px}.overview h1{font-size:20px}.overview p{font-size:8px}.eyebrow{font-size:6px}.overview-metrics{margin-bottom:13px}.overview-metrics strong{font-size:19px}.overview-metrics span{font-size:8px}.terminal-nav button{padding:11px 0}.terminal-nav span{font-size:10px}.terminal-nav small{font-size:6px}.scene-tools{right:14px;top:132px}.scene-tools button{width:30px;height:32px}.view-caption{left:20px;bottom:112px}.view-caption>span{font-size:9px}.bottom-bar{bottom:34px;left:14px;right:14px;height:65px;padding:10px 12px;gap:10px}.flight-list-button{min-width:0;width:37px;padding-right:8px;flex-shrink:0}.flight-list-button>span:nth-child(2),.chevron{display:none}.playback{gap:3px}.playback button{width:25px}.playback .speed{width:30px}.timeline-heading{font-size:8px}.attribution{left:17px;right:17px;bottom:13px;font-size:6px;gap:9px}.attribution button{font-size:7px}.scale{gap:6px}.scale i{width:40px}.compass{right:19px;bottom:118px;width:31px;height:47px}.detail{right:65px;top:132px;width:calc(100vw - 79px);max-width:280px}.layer-panel{right:65px;top:132px;width:220px}.flight-list{left:14px;bottom:111px;width:calc(100vw - 28px);max-width:330px}.map-label{font-size:8px;padding:4px 6px}.map-label b{font-size:8px}#toast{bottom:118px;white-space:nowrap}.overview.collapsed{padding:13px}.overview.collapsed .overview-title h1{font-size:12px}}
@media(prefers-reduced-motion:reduce){.loading-line i{animation:none}*{scroll-behavior:auto}}
/* Neutral instrument panels; the scene uses the airport's material colours. */
:root{--text:#eef2f7;--muted:#a4b2c2;--accent:#b9d9f6;--bg:#172333;--border:#e0ebff20}html,body{background:#c1cbd5}.glass{background:#172333ed;box-shadow:0 8px 35px #10182422}.vignette{background:linear-gradient(180deg,#1423360c,transparent 17%,transparent 80%,#14233612)}.search input::placeholder{color:#a4b2c2}.dot{box-shadow:0 0 8px #b9d9f655}.map-label{background:#f3f5f7ed;color:#253544;border-color:#637b8f35}.map-label b{color:#5e7388}.map-label.runway{background:#273747dc;color:#f6f7f9}.map-label.gate{background:#263b4de8;color:#f6f8fa}.map-label.flight{background:#d7e8f4e8;color:#253b50}body.night .map-label{background:#22344be8;color:#e5edf6;border-color:#c2d8ef30}body.night .map-label b{color:#b9cfe2}body.night .view-caption,body.night .gesture-hint,body.night .attribution{color:#dce5f0;text-shadow:0 1px 5px #0b1524}#toast{background:#172333ed}#loading{background:#d3dce5}#loading strong{color:#23384c}#loading span{color:#5e7186}.loading-symbol{color:#526f8d}.loading-line{background:#70879e30}.loading-line i{background:#526f8d}
#weather-summary{padding:0;white-space:nowrap;font-size:10px;color:var(--text)}.environment-panel{position:fixed;right:24px;top:111px;width:320px;padding:20px;max-height:calc(100vh - 255px);overflow:auto;z-index:6}.environment-auto{font:9px var(--mono);color:var(--muted);margin:8px 0 18px}.weather-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px}.weather-head strong{font-size:20px;font-weight:400}.weather-head>span{font:24px var(--mono);color:var(--accent)}.environment-panel .detail-grid strong{font-size:11px;line-height:1.6}.weather-quality{font-size:10px;color:var(--muted);line-height:1.8}.environment-panel details{font-size:10px;color:var(--muted);padding:12px 0;border-top:1px solid var(--border)}.environment-panel summary{cursor:pointer}.environment-panel code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.8 var(--mono);margin-top:10px}.weather-footer{display:flex;justify-content:space-between;gap:10px;font-size:9px;margin-top:8px}.weather-footer a{color:var(--muted)}.weather-footer button{color:var(--accent)}
@media(max-width:720px){.environment-panel{right:14px;top:132px;width:calc(100vw - 79px);max-width:320px;max-height:calc(100vh - 245px);padding:16px}#weather-summary{font-size:9px;max-width:90px;overflow:hidden;text-overflow:ellipsis}.top-status{gap:6px}}

/* v1.3: current observations, no playback or timeline. */
.live-status{position:fixed;left:24px;bottom:38px;width:340px;padding:12px 16px;border-radius:12px}.live-status .flight-list-button{border:0;width:100%;min-width:0;padding:0;height:32px}.traffic-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;font-size:9px;color:var(--muted)}.traffic-meta time{margin-left:auto;font:8px var(--mono)}.dot.offline{background:#d6aa7c;box-shadow:none}.view-caption{bottom:51px;left:390px}.gesture-hint{bottom:85px}.compass{bottom:117px}.scene-version{position:fixed;right:28px;bottom:48px;font:8px var(--mono);color:#263b50;text-shadow:0 1px 5px #eaf0f5}.flight-list{bottom:145px;width:385px;max-height:65vh}.traffic-tabs{margin:0 0 12px}.traffic-note,.live-empty{font-size:10px;line-height:1.7;color:var(--muted)}.traffic-source{display:block;font-size:9px;color:var(--muted);border-top:1px solid var(--border);padding-top:12px;margin-top:10px}.map-label.parking{background:#3a5367ed;color:#f4f7fa}.map-label.parking b{color:#b9d9f6}.scene-tools #camera-mode{font-size:19px}body.night .scene-version{color:#dce5f0;text-shadow:0 1px 5px #0b1524}
@media(max-width:1000px){.view-caption{display:none}.scene-version{bottom:51px}.live-status{width:320px}.live-status .flight-list-button span:nth-child(2),.live-status .chevron{display:block}}
@media(max-width:720px){.live-status{left:14px;right:14px;bottom:34px;width:auto;padding:10px 14px}.live-status .flight-list-button{width:100%;height:30px}.live-status .flight-list-button>span:nth-child(2){display:flex;align-items:center;gap:12px}.live-status .flight-list-button small{margin:0}.traffic-meta{font-size:8px;margin-top:7px}.flight-list{bottom:135px;max-height:54vh;width:calc(100vw - 28px);max-width:385px}.scene-version{display:none}.compass{bottom:138px}.attribution{font-size:5px;gap:7px}}

.segmented button.active{background:var(--accent);color:#22384e}

/* v1.4: live airport activity, without playback controls. */
.bottom-bar.operations-bar{display:block;left:24px;right:24px;bottom:38px;height:auto;padding:15px 18px 9px;border-radius:14px;background:#172333e8;gap:0}.operations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.operation-card{min-width:0;padding:0 19px;border-right:1px solid var(--border)}.operation-card:first-child{padding-left:0}.operation-card:last-child{border:0;padding-right:0}.operation-heading{display:flex;align-items:center;gap:10px;margin-bottom:9px}.operation-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid #b9d9f633;background:#b9d9f60b;color:#b9d9f6;border-radius:8px;font-size:20px}.arrival-icon{color:#d4c9b4;border-color:#d4c9b433}.boarding-icon{color:#c5d3c9;border-color:#c5d3c933;font-size:16px}.operation-heading h2{font-size:12px;letter-spacing:.06em;font-weight:500;margin:0}.operation-heading h2 small{display:block;color:var(--muted);font-size:8px;letter-spacing:0;font-weight:400;margin-top:4px}.operation-count{margin-left:auto;font:10px var(--mono);color:var(--muted)}.operation-row{display:flex;align-items:center;gap:9px;width:100%;height:26px;padding:0;text-align:left;border-radius:4px}.operation-row:hover{background:#ffffff08}.operation-row strong{font:11px var(--mono);font-weight:500;min-width:62px}.operation-row span{font-size:10px;color:var(--muted)}.runway-chip{font:9px var(--mono);margin-left:auto;white-space:nowrap;color:var(--accent);padding:3px 5px;border:1px solid #b9d9f624;border-radius:4px}.operation-empty{font-size:11px;line-height:1.6;margin:0;color:#d4dde7;min-height:49px;padding-top:2px}.operation-empty small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.operations-footer{display:flex;align-items:center;gap:18px;border-top:1px solid var(--border);margin-top:12px;padding-top:9px}.operations-footer .flight-list-button{min-width:0;width:auto;height:27px;border:0;padding:0;gap:8px;flex-shrink:0}.operations-footer .flight-list-button span:nth-child(2){display:flex;align-items:center;gap:10px;font-size:10px}.operations-footer .flight-list-button small{margin:0;font-size:8px}.operations-footer .flight-symbol{font-size:16px}.operations-footer .traffic-meta{margin:0;gap:7px;font-size:8px;flex:1}.operations-footer .traffic-meta time{margin-left:0}.boarding-audio-controls{display:flex;align-items:center;gap:7px;font-size:9px;white-space:nowrap}.boarding-audio-controls>span{font-size:8px;color:var(--muted);margin-right:5px}.boarding-audio-controls button{font-size:9px;border:1px solid var(--border);padding:5px 8px;border-radius:5px}.boarding-audio-controls button.active{color:#b9d9f6;background:#b9d9f617;border-color:#b9d9f655}.operations-disclaimer{font-size:8px;color:#95a6ba;margin-top:7px;letter-spacing:.02em}.view-caption{left:28px;bottom:226px}.gesture-hint{bottom:227px}.compass{bottom:250px}.scene-version{bottom:208px;right:28px}.flight-list{bottom:239px;max-height:calc(100vh - 350px)}#toast{bottom:239px}.detail{max-height:calc(100vh - 350px);overflow:auto}
@media(max-width:1100px){.operations-footer{gap:12px}.operations-footer .flight-list-button small{display:none}.boarding-audio-controls>span{display:none}.operation-card{padding:0 12px}.operation-row{gap:6px}.operation-row strong{font-size:10px;min-width:55px}.operation-row span{font-size:9px}.runway-chip{font-size:8px}.scene-version{bottom:208px}.operations-footer .traffic-meta time{display:none}}
@media(max-width:720px){.bottom-bar.operations-bar{left:14px;right:14px;bottom:34px;padding:12px 13px 8px}.operations-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;gap:14px;padding-bottom:5px}.operation-card{flex:0 0 245px;scroll-snap-align:start;padding:0 13px 0 0;min-height:83px}.operation-card:first-child{padding-left:0}.operation-heading h2{font-size:11px}.operations-footer{flex-wrap:wrap;gap:8px;margin-top:5px;padding-top:8px}.operations-footer .flight-list-button{width:auto;height:22px}.operations-footer .flight-list-button>span:nth-child(2){display:flex;gap:0}.operations-footer .chevron{display:block}.operations-footer .traffic-meta{min-width:145px;font-size:7px;justify-content:flex-end}.operations-footer .traffic-meta time{display:none}.boarding-audio-controls{width:100%;justify-content:flex-end}.boarding-audio-controls>span{display:block;margin-right:auto;font-size:8px}.operations-disclaimer{font-size:7px;line-height:1.5}.scene-version,.view-caption{display:none}.compass{bottom:271px}.flight-list{bottom:255px;max-height:calc(100vh - 390px)}#toast{bottom:256px}.detail{max-height:calc(100vh - 400px)}}

/* v1.5: readable flight identity and official airport FIDS. */
.detail .flight-airline{font-size:17px;color:var(--text);margin:4px 0 8px}.detail .identity-note{font-size:9px;color:var(--muted);padding:8px 10px;background:#ffffff06;border-radius:6px}.detail h2{font-family:var(--mono)}.flight-technical{border-top:1px solid var(--border);padding-top:10px;color:var(--muted);font-size:10px;line-height:1.7}.flight-technical summary{cursor:pointer;color:var(--accent)}.flight-technical dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.flight-technical dt,.flight-technical dd{margin:0}.flight-technical dd{font-family:var(--mono);color:var(--text)}.flight-row em,.operation-row em{font-size:8px;font-style:normal;color:var(--muted)}.operations-disclaimer{display:flex;gap:18px;justify-content:space-between}.operations-disclaimer>span{white-space:nowrap}.operation-row strong{white-space:nowrap}.boarding-row span{font-size:9px}.detail .detail-grid{margin:14px 0;gap:12px}.detail p{margin:9px 0}.detail .detail-tag{white-space:nowrap;font-size:7px}.detail .detail-heading{gap:8px}
@media(max-width:720px){.operations-disclaimer{display:block}.operations-disclaimer>span{display:block;margin-top:3px}}

.operation-events{height:52px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9aafa550 transparent;padding-right:4px}.operation-events:focus-visible{outline:1px solid var(--accent);outline-offset:3px}

/* v1.6: one caption and speech sequence per boarding event. */
.boarding-announcement{position:fixed;left:50%;transform:translateX(-50%);bottom:240px;width:min(560px,calc(100vw - 48px));padding:14px 18px;background:#172333f5;z-index:5}.boarding-announcement>strong{font-size:11px;color:var(--accent)}.boarding-announcement p{font-size:12px;line-height:1.8;margin:7px 0 0}.operation-row.announcing{background:#b9d9f624;box-shadow:none}.operation-row.announcing strong{color:#b9d9f6}@media(max-width:720px){.boarding-announcement{bottom:270px;width:calc(100vw - 28px)}}

/* Locally hosted Inter covers all Latin text, including instrument numerals. */
html{font-optical-sizing:auto;font-variant-numeric:tabular-nums}kbd,code{font-family:var(--mono)}.terminal-nav button.active{background:#b9d9f614;border-radius:7px}.map-label.selected{background:#b9d9f6d9;color:#213c54;border-color:transparent}

.boarding-audio-controls select{font:10px var(--sans);color:var(--text);background:#24364a;border:1px solid var(--border);border-radius:5px;padding:5px;max-width:100px}.boarding-audio-controls select:focus-visible{outline:2px solid var(--accent)}

/* White scene annotations, without text halos or shadows. */
.view-caption,.gesture-hint,.attribution,.scene-version,body.night .view-caption,body.night .gesture-hint,body.night .attribution,body.night .scene-version{color:#fff;text-shadow:none}
.attribution button{border-bottom-color:#ffffff70}.view-caption small{opacity:1}.caption-line{background:#fff}
.operation-row.announcing,.flight-row.selected,.boarding-row.selected{box-shadow:none;border-left:0;background:#b9d9f624}
.stand-state{display:block;font:7px var(--sans);font-style:normal;color:#b9d9f6;margin-top:2px}.boarding-row{height:35px}.boarding-row>span{line-height:1.2}.map-label.parked{background:#25455ce8;color:#e5f3ff;border:1px dashed #bedcf677;font-size:9px}
.traffic-tabs button{white-space:nowrap}.parking-toggle-note{font-size:9px;color:var(--muted);line-height:1.6}.model-gallery-link{display:block;color:var(--accent);font-size:11px;padding:10px 0}

/* v1.10: compact model/source entry shares the map attribution row. */
.attribution{flex-wrap:wrap;row-gap:5px}.attribution #open-sources{font:inherit;white-space:nowrap;padding:0;border:0;color:inherit}.boarding-announcement #announcement-queue{display:block;color:var(--muted);font-size:10px;margin-top:8px}
@media(max-width:720px){.attribution{bottom:7px;gap:5px 9px}.attribution .scale{margin-left:auto}.bottom-bar.operations-bar{bottom:44px}}
/* Keep scene controls on the left; their layer menu opens inward. */
.scene-tools{left:24px;right:auto}.layer-panel{left:81px;right:auto}
@media(max-width:720px){.scene-tools{left:14px;right:auto}.layer-panel{left:65px;right:auto;width:min(220px,calc(100vw - 79px))}}

.night-preview-controls{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.night-preview-controls button{border:1px solid var(--border);padding:8px 10px;border-radius:6px;color:var(--accent)}.night-preview-controls p{font-size:9px;color:var(--muted);line-height:1.6}.lighting-preview-status{position:fixed;top:93px;left:81px;padding:7px 10px;font-size:10px;pointer-events:none;color:var(--accent)}#fleet-night{display:block;margin:12px 0;padding:8px 10px;border:1px solid var(--border);border-radius:6px}.fleet-light-note{font-size:9px!important}
@media(max-width:720px){.lighting-preview-status{top:123px;left:65px;right:14px}}

/* Collapsible operations retain their live data and announcement queue. */
:root{--operations-clearance:270px;--operations-bottom:44px}
.bottom-bar.operations-bar{bottom:var(--operations-bottom);padding-top:10px}
.operations-toolbar{display:flex;align-items:center;gap:16px;min-height:29px;margin-bottom:12px}
.operations-toolbar>strong{font-size:10px;font-weight:500;white-space:nowrap;color:var(--muted)}
.flight-operation-icon{display:block;width:20px;height:20px;flex-shrink:0}
.operations-summary{display:flex;gap:15px;font-size:10px;color:var(--accent)}
.operations-summary>span{display:inline-flex;align-items:center}.operations-summary .flight-operation-icon{width:14px;height:14px}
.operations-summary b{font-weight:400;font-size:9px;margin-left:4px}
#operations-toggle{margin-left:auto;padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:10px;white-space:nowrap}
#operations-toggle:hover{background:#b9d9f617}#operations-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.operations-bar.collapsed{padding-bottom:10px}.collapsed .operations-toolbar{margin-bottom:0}
#operations-content{max-height:45dvh;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.detail{right:24px;max-height:calc(100dvh - 135px - var(--operations-clearance));overscroll-behavior:contain}
.flight-list{bottom:var(--operations-clearance);max-height:calc(100dvh - 140px - var(--operations-clearance))}
.boarding-announcement,#toast{bottom:var(--operations-clearance)}
.compass{bottom:calc(var(--operations-clearance) + 8px)}
.view-caption,.gesture-hint,.scene-version{bottom:calc(var(--operations-clearance) - 2px)}
@media(max-width:720px){
 .detail{right:14px;width:min(280px,calc(100vw - 79px));max-height:calc(100dvh - 145px - var(--operations-clearance))}
 .operations-toolbar{gap:8px}.operations-toolbar>strong{font-size:9px}.operations-summary{gap:8px;font-size:10px}.operations-summary b{margin-left:1px;font-size:8px}
 #operations-toggle{padding:6px;font-size:9px}#operations-content{max-height:42dvh}
 .boarding-announcement{bottom:var(--operations-clearance)}
}
#announcement-text{white-space:pre-line}

/* Compact Chinese captions; audio retains the Chinese/English sequence. */
.boarding-announcement{width:min(450px,calc(100vw - 48px));padding:13px 16px;border-radius:12px;z-index:7}
.announcement-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.announcement-heading>strong{font-size:10px;font-weight:500;letter-spacing:.04em;color:var(--accent)}.announcement-heading .small-icon{flex-shrink:0}
.announcement-flight{display:flex;align-items:center;gap:12px;margin-top:9px;min-width:0}
.airline-tail-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;overflow:hidden;border-radius:6px;background:#ffffff0b;font-style:normal}
.airline-tail-badge img{display:block;object-fit:contain;width:32px;height:32px}
.airline-tail-badge.neutral{color:var(--muted);font-size:19px}
.announcement-flight>.airline-tail-badge{flex-basis:46px;width:46px;height:46px}
.announcement-flight>.airline-tail-badge img{width:40px;height:40px}
.announcement-route{flex:1;min-width:0}.announcement-airline{font-size:11px;color:var(--muted)}
.announcement-route>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin-top:4px;line-height:1.45}
.announcement-route strong{font:600 17px Inter,sans-serif;letter-spacing:.01em}.announcement-route b{font-size:13px;font-weight:500}.announcement-to{font-size:10px;color:var(--muted)}
.announcement-gate{align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:52px;padding-left:12px;border-left:1px solid var(--border)}
.announcement-gate small{font-size:9px;color:var(--muted)}.announcement-gate strong{font:500 23px Inter,sans-serif;margin-top:2px}
.boarding-announcement #announcement-text{font-size:11px;line-height:1.7;color:#e5eaf0;margin:11px 0 0;white-space:normal}
.boarding-announcement #announcement-queue:empty{display:none}
.detail .branded-airline{display:flex;align-items:center;gap:11px;margin:10px 0}.branded-airline>span:first-child{display:flex}.branded-airline .airline-tail-badge{width:44px;height:44px;flex-basis:44px}.branded-airline .airline-tail-badge img{width:38px;height:38px}
.flight-row>.airline-tail-badge{align-self:center}
@media(max-width:720px){.boarding-announcement{width:calc(100vw - 28px);max-width:430px;padding:12px 14px}.announcement-route strong{font-size:16px}.announcement-route b{font-size:12px}.announcement-flight{gap:9px}}

.codeshare-info{font-size:11px;color:var(--muted);line-height:1.65;margin:4px 0}.codeshare-info small{display:block}.codeshare-info summary{cursor:pointer;white-space:normal;list-style:revert}.codeshare-info details small{padding:2px 0}.flight-row .codeshare-info{max-width:240px}

/* Inferred arrivals remain readable while differing from observed positions. */
.map-label.flight.inferred-arrival{background:rgba(51,45,35,.82);border:1px dashed rgba(237,210,158,.65);color:#fff;text-shadow:none}

/* Flight disclosure leaves the selected aircraft and its follow control active. */
.flight-detail>.eyebrow{padding-right:66px;min-height:24px;display:flex;align-items:center}
.flight-detail .detail-close,.flight-detail .detail-collapse{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;top:13px;padding:0;border-radius:6px}
.flight-detail .detail-close{right:12px}.flight-detail .detail-collapse{position:absolute;right:46px}
.flight-detail .detail-close:hover,.flight-detail .detail-collapse:hover{background:#ffffff0b}
.flight-detail.is-collapsed{width:236px;padding:16px}
.flight-detail.is-collapsed>:not(.eyebrow):not(.detail-heading):not(.detail-close):not(.detail-collapse):not(.detail-actions){display:none}
.flight-detail.is-collapsed .detail-heading{margin:4px 0 0}.flight-detail.is-collapsed .detail-tag{display:none}
.flight-detail.is-collapsed .detail-actions{margin-top:10px}
.flight-detail.is-collapsed .detail-actions>:not(#follow-flight){display:none}
.flight-detail.is-collapsed .detail-actions:not(:has(#follow-flight)){display:none}
@media(max-width:720px){.flight-detail.is-collapsed{width:min(236px,calc(100vw - 79px))}}

/* Follow remains controllable after closing or switching the detail panel. */
.follow-status{position:fixed;left:79px;bottom:calc(var(--operations-clearance) + 18px);display:flex;align-items:center;gap:14px;padding:9px 12px;max-width:calc(100vw - 160px);z-index:6;border-radius:10px}
.follow-status>span{font-size:11px;line-height:1.5;min-width:0;overflow-wrap:anywhere;color:var(--accent)}
#stop-follow{flex-shrink:0;font-size:10px;padding:7px 9px;border:1px solid var(--border);border-radius:6px;background:#ffffff09}
@media(max-width:720px){.follow-status{left:14px;bottom:calc(var(--operations-clearance) + 12px);max-width:calc(100vw - 85px);gap:9px}.follow-status>span{font-size:10px}#stop-follow{font-size:9px}}

/* Flight details share the same bounded, touch-scrollable card at all airports. */
.detail.flight-detail{max-height:min(560px,calc(100dvh - 135px - var(--operations-clearance)));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--muted) transparent}
@media(max-width:720px){.detail.flight-detail{max-height:min(560px,calc(100dvh - 145px - var(--operations-clearance)))}}

/* Toolbar menus open beside scene controls and share their top edge. */
.flight-list{left:81px;right:auto;top:111px;bottom:auto;width:min(385px,calc(100vw - 105px));max-height:calc(100dvh - 130px - var(--operations-clearance));z-index:4}
@media(max-width:720px){.flight-list{left:65px;right:14px;top:132px;bottom:auto;width:auto;max-width:385px;max-height:calc(100dvh - 145px - var(--operations-clearance))}}