@import "https://fonts.googleapis.com/css2?family=Clarity+City:wght@400;500;600;700&display=swap";:root{--orange:#b84024;--darker-orange:#551d10;--light-gray:#d5d1d1;--white:#fff;--black:#111;--lighter-black:#1b1b1f;--light-red:#80383383;--red:#ad3e4f;--light-green:#f6fbe4;--green:#0d9488;--lime:#08ff00;--strong-red:red;--color-background:var(--lighter-black);--color-panel:var(--black);--color-border:var(--orange);--color-text:var(--white);--color-muted:var(--light-gray);--color-hairline:#ffffff14;--color-hover:#b8402433;--color-selected:#b8402499;--color-panel-overlay:#111111eb;--font:"Clarity City", sans-serif;--border-width:2px;--radius:12px;--radius-small:4px;--sidebar-width:300px;--page-gap:24px;--shadow:0 2px 6px #1119;--z-backdrop:1200;--z-drawer:1300}*{box-sizing:border-box}body{background:var(--color-background);width:100vw;height:100vh;color:var(--color-text);font:15px/1.45 var(--font);-webkit-font-smoothing:antialiased;margin:0;display:flex}button,input{font:inherit}input[type=checkbox]{accent-color:var(--orange)}.muted{color:var(--color-muted)}.button{border:1px solid var(--orange);border-radius:var(--radius-small);background:var(--orange);color:var(--white);cursor:pointer;padding:8px 12px;font-weight:600;transition:all .3s}.button:hover{background:var(--white);color:var(--orange)}#map{min-width:0;margin:var(--page-gap);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);flex:1;position:relative;overflow:hidden}.sidebar{width:var(--sidebar-width);border-right:var(--border-width) solid var(--color-border);background:var(--color-panel);flex-direction:column;height:100%;display:flex;overflow-y:auto}.sidebar__section{border-bottom:1px solid var(--color-hairline);padding:16px}.sidebar__title,.sidebar h3{color:var(--color-text);letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px;font-size:14px;font-weight:700}.sidebar h2{margin:0;font-size:20px;font-weight:700}.sidebar h3{margin-top:18px}.sidebar__footer{margin-top:auto;padding:16px}.sidebar__link{text-align:center;text-decoration:none;display:block}.plan-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.plan-entry{border:1px solid var(--color-hairline);border-radius:var(--radius);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;flex-direction:column;gap:2px;padding:10px 12px;transition:all .2s;display:flex}.plan-entry strong{font-size:16px}.plan-entry:hover{border-color:var(--orange);background:var(--color-hover)}.plan-entry.selected{border-color:var(--orange);background:var(--color-selected);box-shadow:var(--shadow)}.plan-entry__meta{color:var(--color-muted);font-size:13px}.progress-header{flex-direction:column;gap:2px;margin-bottom:14px;display:flex}.progress-label{margin-bottom:6px;font-weight:600}.progress-bar{border:1px solid var(--darker-orange);background:var(--color-hairline);border-radius:999px;height:10px;overflow:hidden}.progress-bar__fill{background:var(--orange);border-radius:999px;height:100%}.sidebar-stats{grid-template-columns:auto 1fr;gap:6px 12px;margin:14px 0 0;font-size:14px;display:grid}.sidebar-stats dt{color:var(--color-muted)}.sidebar-stats dd{margin:0;font-weight:500}.stop-list{flex-direction:column;gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.stop-list li{border-left:var(--border-width) solid var(--green);border-radius:var(--radius-small);background:var(--color-hairline);padding:6px 10px}.countries-menu__summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;list-style:none;display:flex}.countries-menu__summary::-webkit-details-marker{display:none}.countries-menu__summary:after{content:"";border-right:var(--border-width) solid var(--color-text);border-bottom:var(--border-width) solid var(--color-text);width:8px;height:8px;transition:transform .2s;transform:rotate(-45deg)}.countries-menu[open] .countries-menu__summary:after{transform:rotate(45deg)}.countries-menu__title{letter-spacing:.04em;text-transform:uppercase;flex:1;font-size:14px;font-weight:700}.countries-menu__count{background:var(--orange);text-align:center;border-radius:999px;min-width:24px;padding:0 8px;font-size:13px;font-weight:700}.countries-menu__count:empty{display:none}.countries-menu__body{margin-top:12px}.scope-switch{border:1px solid var(--orange);border-radius:var(--radius-small);margin-bottom:12px;display:flex;overflow:hidden}.scope-switch__option{color:var(--color-text);cursor:pointer;background:0 0;border:none;flex:1;padding:6px 8px;font-weight:600}.scope-switch__option.active{background:var(--orange)}.country-group__title{color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase;margin:12px 0 6px;font-size:12px;font-weight:700}.country-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.country-list__item{border-radius:var(--radius-small);align-items:center;gap:10px;padding:4px 8px;font-size:14px;display:flex}.country-list__item:hover{background:var(--color-hover)}.country-list__flag{object-fit:cover;width:24px;height:16px;box-shadow:0 0 0 1px var(--color-hairline);border-radius:2px}.leaflet-container{background:var(--color-background);font-family:var(--font)}.leaflet-bar,.leaflet-touch .leaflet-bar{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-small);box-shadow:var(--shadow);overflow:hidden}.leaflet-bar a,.leaflet-touch .leaflet-bar a{border-bottom-color:var(--darker-orange);background:var(--color-panel);color:var(--color-text)}.leaflet-bar a:hover{background:var(--orange);color:var(--color-text)}.leaflet-container .leaflet-control-attribution{color:var(--color-muted);background:#111111bf}.leaflet-control-attribution a{color:var(--light-gray)}.leaflet-popup-content-wrapper,.leaflet-popup-tip,.leaflet-tooltip{border:1px solid var(--color-border);background:var(--color-panel);color:var(--color-text);box-shadow:var(--shadow)}.leaflet-popup-content-wrapper{border-radius:var(--radius)}.leaflet-tooltip-top:before{border-top-color:var(--color-border)}.leaflet-tooltip-bottom:before{border-bottom-color:var(--color-border)}.leaflet-container a.leaflet-popup-close-button{color:var(--color-muted)}.track-popup{font-size:14px;line-height:1.5}.track-popup strong{color:var(--orange)}.parked-aircraft{filter:grayscale()brightness(1.6);opacity:.85}.parked-tooltip{font-weight:700}.flight-panel{border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-panel-overlay);min-width:200px;color:var(--color-text);box-shadow:var(--shadow);flex-direction:column;gap:8px;padding:12px 14px;font-size:14px;display:flex}.flight-panel__title{width:100%;color:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:0;font-weight:700;display:flex}.flight-panel__title svg{width:16px;height:16px;transition:transform .2s}.flight-panel__body{flex-direction:column;gap:8px;display:flex}.flight-panel--collapsed .flight-panel__body{display:none}.flight-panel--collapsed .flight-panel__title svg{transform:rotate(-90deg)}.flight-panel label{cursor:pointer;align-items:center;gap:8px;display:flex}.flight-panel__stats{border-top:1px solid var(--color-hairline);padding-top:8px;font-weight:600}.flight-panel__legend{color:var(--color-muted);flex-direction:column;gap:3px;font-size:13px;display:flex}.flight-panel__legend span{vertical-align:middle;border-radius:2px;width:16px;height:4px;margin-right:8px;display:inline-block}.leg-label{pointer-events:none}.leg-label--hidden{display:none}.leg-label__inner{white-space:nowrap;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;top:0;left:0}.leg-label__distance,.leg-label__time{border-radius:var(--radius-small);color:var(--white);font-family:var(--font);background:#111111bf;padding:1px 6px;font-size:11px;font-weight:700;line-height:1.3}.leg-label__time{color:var(--light-gray)}.flight-panel__speed input{border:1px solid var(--color-hairline);border-radius:var(--radius-small);background:var(--color-background);width:64px;color:var(--color-text);font:inherit;padding:2px 6px}.map-button{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-small);background:var(--color-panel);width:40px;height:40px;color:var(--color-text);cursor:pointer;box-shadow:var(--shadow);justify-content:center;align-items:center;padding:0;transition:background .2s;display:flex}.map-button:hover{background:var(--orange)}.map-button svg{width:20px;height:20px}.map-button--menu,.drawer-backdrop,.drawer-close{display:none}.leaflet-bar a,.leaflet-touch .leaflet-bar a{width:36px;height:36px;line-height:36px}@media (width<=720px){body{height:100dvh;display:block;overflow:hidden}#map{box-shadow:none;border:none;border-radius:0;margin:0;position:fixed;inset:0}.map-button--menu{display:flex}.sidebar{z-index:var(--z-drawer);width:min(85vw, var(--sidebar-width));height:100dvh;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.drawer-open .sidebar{transform:none;box-shadow:4px 0 16px #1119}.drawer-close{border-radius:var(--radius-small);width:36px;height:36px;color:var(--color-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-self:flex-end;align-items:center;margin:10px 10px -36px 0;padding:0;display:flex}.drawer-close:hover{background:var(--color-hairline)}.drawer-close svg{width:22px;height:22px}.leaflet-container .leaflet-control-attribution{white-space:nowrap;text-overflow:ellipsis;max-width:100vw;font-size:10px;overflow:hidden}.drawer-backdrop{z-index:var(--z-backdrop);opacity:0;visibility:hidden;background:#1119;transition:opacity .25s,visibility .25s;display:block;position:fixed;inset:0}.drawer-open .drawer-backdrop{opacity:1;visibility:visible}.flight-panel{min-width:0;max-width:calc(100vw - 80px);max-height:calc(100dvh - 40px);overflow-y:auto}}