:root{color-scheme:dark;--bg:#080d0f;--panel:#101719;--line:#263437;--text:#b8cac5;--dim:#708983;--green:#93e5a2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:11px 'Consolas','Cascadia Mono',monospace}button,input,select{font:inherit;color:inherit;background:#141f22;border:1px solid #344448;border-radius:2px}button{padding:9px 12px;cursor:pointer;letter-spacing:.5px}button:hover,button.active{border-color:var(--green);color:var(--green);background:#152b23}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #9decac}input,select{padding:8px;min-width:0}header{height:64px;border-bottom:1px solid var(--line);display:flex;gap:22px;align-items:center;padding:0 20px}.brand{min-width:215px}.brand b{font-size:19px;color:#e1eae6;letter-spacing:3px}.brand span{display:block;font-size:8px;letter-spacing:2.1px;color:var(--dim);margin-top:4px}form{display:flex;gap:6px;flex:1}form input{width:240px}#connection{color:var(--green);font-size:9px}.workspace{display:grid;grid-template-columns:230px minmax(350px,1fr) 285px;height:calc(100vh - 94px);min-height:600px}aside{background:var(--panel);overflow:auto;padding:18px;border-right:1px solid var(--line)}.inspector{border-right:0;border-left:1px solid var(--line);padding:18px}.section-title{font-size:9px;letter-spacing:1.5px;color:#7c9890;border-bottom:1px solid var(--line);padding-bottom:10px;margin:8px 0 16px}.section-title:not(:first-child){margin-top:25px}.segmented{display:flex;margin-bottom:20px}.segmented button{font-size:10px;flex:1;padding:9px 4px}label{display:block;font-size:10px;margin:15px 0;color:#a0b4af}label output{float:right;color:var(--green)}input[type=range]{display:block;width:100%;height:19px;padding:0;accent-color:#85bda0;margin-top:9px}input[type=checkbox]{accent-color:#8bc89d;margin:0 8px 0 0;vertical-align:middle}label select{width:100%;margin-top:8px;font-size:10px}.note{color:#69827b;font-size:9px;line-height:1.6}.sources{border-top:1px solid var(--line);padding-top:18px;margin-top:25px;font-size:9px;line-height:1.9;color:#647f76}.sources a{color:#88a59b}.controls>button{width:100%;margin-top:8px}main{position:relative;overflow:hidden;background:#050b09}#scope{width:100%;height:100%;display:block;touch-action:none}.scope-head{position:absolute;left:22px;right:22px;top:20px;display:flex;justify-content:space-between;pointer-events:none}.scope-head #airport-code{color:var(--green);font-size:19px;letter-spacing:2px}.scope-head h1{font:11px Consolas,monospace;color:#8baba0;margin:8px 0}.scope-head b{color:#a5bcb1;font-size:18px}.scope-head small{display:block;text-align:right;color:#658276;margin-top:7px;font-size:9px}.scope-status{position:absolute;top:95px;left:22px;right:22px;display:flex;gap:20px;color:#6c9180;font-size:9px;pointer-events:none}.legend{position:absolute;bottom:105px;left:22px;display:flex;gap:13px;font-size:9px;color:#5e7e6d;pointer-events:none}.transport{position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:center;gap:12px;padding:12px;background:#0e1916ee;border:1px solid #294337}.transport>div{flex:1;min-width:0}.time-labels{display:flex;justify-content:space-between;font-size:8px;color:#7fa28f}.transport select{width:50px}.transport button{color:var(--green)}#diagram{display:block;width:100%;height:190px;background:#09110f;border:1px solid #263f32}#runways{font-size:10px;line-height:1.9;padding-top:8px;color:#9eb9ad}.metar{border:1px solid #294036;padding:10px;font-size:10px;line-height:1.65;color:#a7c4b7;overflow-wrap:anywhere}.detail{font-size:10px;line-height:1.8;color:#92b2a2;margin:10px 0}.detail strong{color:#d4e6da}#airspace-select,#search{width:100%;font-size:10px}#flight-list{max-height:260px;overflow:auto}.target-row{width:100%;border:0;border-bottom:1px solid #24392e;background:none;display:flex;justify-content:space-between;font-size:10px;text-align:left;padding:11px 3px}.target-row span{color:#75957f}footer{height:30px;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:0 18px;border-top:1px solid #2a3d32;font-size:9px;color:#6e8f7d;white-space:nowrap;overflow:hidden}@media(max-width:1150px){.workspace{grid-template-columns:195px 1fr 240px}header{gap:10px;padding:0 12px}.brand{min-width:180px}form input{width:150px}#connection{display:none}aside{padding:12px}}@media(max-width:850px){.workspace{grid-template-columns:180px 1fr}.inspector{display:none}.brand{min-width:0}.brand span{display:none}header{flex-wrap:wrap;height:90px}form{order:3;flex-basis:100%;padding-bottom:8px}.workspace{height:calc(100vh - 120px)}#connect{margin-left:auto}.scope-head h1{max-width:150px}.scope-status{top:110px;font-size:8px}.time-labels #timeline-label{display:none}}
/* Current FAA notices remain separate from the replay clock. */
#tfr-panel {border-bottom:1px solid #354943;padding:12px 0;margin-bottom:14px} #tfr-panel summary {cursor:pointer;color:#ff918c;font-size:11px;letter-spacing:.06em} #tfr-panel .detail {max-height:330px;overflow:auto;font-size:10px;overflow-wrap:anywhere} #tfr-panel button {margin-top:10px} .tfr-notice {border-top:1px solid #354943;padding:10px 0} #tfr-panel a {color:#a8ccdf}

#local-clock{display:block;font:10px/1.6 Consolas,monospace;color:#aac0b7;white-space:nowrap}

.altitude-legend{position:absolute;left:22px;bottom:125px;display:flex;flex-wrap:wrap;gap:10px;max-width:calc(100% - 125px);font-size:9px;pointer-events:none;background:#06100bdd;padding:4px 6px}.altitude-legend[hidden]{display:none}