@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root{color-scheme:dark;--ink:#eaf2ee;--muted:#8b9a9e;--faint:#59696e;--panel:#101f27;--line:rgba(221,238,234,.11);--mint:#a7edcf;--coral:#ff9b80;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--serif:'Playfair Display',serif}
*{box-sizing:border-box}body{margin:0;background:#07141c;color:var(--ink);font-family:var(--sans);min-width:340px}.shell{width:min(100%,1680px);margin:auto;padding:0 54px}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:.14em;color:#b6c4c1}.wordmark{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.wordmark b{color:#607176;font-weight:400;margin:0 3px}.wordmark-icon{width:22px;height:22px;display:flex;gap:3px;align-items:center;justify-content:center;border:1px solid #69827d;border-radius:50%;transform:rotate(-30deg)}.wordmark-icon i{width:2px;background:var(--mint);display:block;border-radius:2px}.wordmark-icon i:nth-child(1){height:7px}.wordmark-icon i:nth-child(2){height:12px}.wordmark-icon i:nth-child(3){height:5px}.topbar-right{display:flex;gap:12px;align-items:center;color:#94a5a5}.archive-dot,.live-mark{width:6px;height:6px;border-radius:50%;background:var(--coral);box-shadow:0 0 12px #ff9b8080}.topbar-divider{height:13px;width:1px;background:var(--line);margin:0 4px}.map-stage{height:min(69vh,700px);min-height:470px;position:relative;overflow:hidden;background:#10252b}.map-stage #map{position:absolute;inset:0}.map-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,18,24,.78) 0%,rgba(4,18,24,.48) 22%,transparent 59%),linear-gradient(0deg,rgba(4,18,24,.18),transparent 30%)}.map-title{position:absolute;top:50px;left:48px;pointer-events:none}.eyebrow{font:9px var(--mono);letter-spacing:.16em;color:#b5c3be;display:flex;align-items:center;gap:10px}.live-mark{background:#a7edcf;box-shadow:0 0 10px #a7edcf80}.map-title h1{font:500 clamp(42px,5vw,73px)/.97 var(--serif);letter-spacing:-.045em;margin:23px 0 17px;color:#eff5ef}.map-title h1 em{color:var(--mint);font-weight:500}.map-title p{font-size:13px;color:#c1ceca;margin:0;letter-spacing:.01em}.map-badge{position:absolute;top:34px;right:33px;display:flex;align-items:center;gap:10px;padding:11px 14px;background:rgba(8,24,31,.78);backdrop-filter:blur(10px);border:1px solid rgba(232,245,236,.16);font:8px/1.55 var(--mono);letter-spacing:.12em;color:#a9b9b5}.map-badge b{color:#e6eee8;font-weight:400}.badge-mark{font-size:19px;color:var(--coral)}.map-legend{position:absolute;bottom:31px;left:32px;padding:12px 14px 10px;background:rgba(8,24,31,.68);backdrop-filter:blur(10px);border:1px solid rgba(232,245,236,.15);width:190px}.legend-title,.legend-foot{font:8px var(--mono);letter-spacing:.1em;color:#bfccc7;display:flex;align-items:center;justify-content:space-between}.tail-toggle{display:flex;align-items:center;gap:5px;border:0;background:transparent;padding:0;color:var(--mint);font:7px var(--mono);letter-spacing:.08em;cursor:pointer}.tail-toggle:hover{color:#e6fff2}.tail-toggle[aria-pressed="false"]{color:#859593}.tail-toggle i{display:block;width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor}.legend-fade{margin-top:8px;text-align:right;color:#758788;font:7px var(--mono);letter-spacing:.1em}.legend-line{display:flex;align-items:center;gap:0;margin:4px 0 6px}.legend-line i{height:2px;flex:1;background:#a7edcf}.legend-line i:nth-child(2){opacity:.7}.legend-line i:nth-child(3){opacity:.45}.legend-line i:nth-child(4){opacity:.22}.legend-line i:nth-child(5){opacity:.08}.legend-line b{width:6px;height:6px;border-radius:50%;background:#d8ffe8;box-shadow:0 0 8px #a7edcf}.legend-foot{color:#798d8d;font-size:7px}.tail-length-row{display:flex;justify-content:space-between;align-items:center;margin-top:11px;color:#8fa09e;font:7px var(--mono);letter-spacing:.1em}.tail-length-row span{color:var(--mint)}.tail-length-slider{display:block;width:100%;height:13px;margin:3px 0 0;appearance:none;background:transparent;cursor:pointer}.tail-length-slider::-webkit-slider-runnable-track{height:2px;background:#405256;border-radius:2px}.tail-length-slider::-webkit-slider-thumb{appearance:none;width:8px;height:8px;margin-top:-3px;border-radius:50%;background:#a7edcf;border:0;box-shadow:0 0 7px #a7edcf88}.tail-length-slider::-moz-range-track{height:2px;background:#405256;border-radius:2px}.tail-length-slider::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:#a7edcf;border:0;box-shadow:0 0 7px #a7edcf88}.recenter{position:absolute;right:24px;bottom:76px;width:36px;height:36px;border:1px solid rgba(231,244,238,.22);background:rgba(8,24,31,.78);color:#c6d5d0;border-radius:3px;display:grid;place-items:center;cursor:pointer}.recenter:hover{color:var(--mint);border-color:var(--mint)}.recenter svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.35}.control-deck{padding:25px 31px 18px;background:linear-gradient(130deg,#12252d,#0e1f27);border:1px solid rgba(227,240,234,.12);border-top:0}.deck-top{display:flex;align-items:center;justify-content:space-between}.playback-control{display:flex;align-items:center;gap:14px}.play-button{width:39px;height:39px;border-radius:50%;border:1px solid rgba(167,237,207,.54);background:rgba(167,237,207,.09);color:var(--mint);display:grid;place-items:center;cursor:pointer;transition:background .2s}.play-button:hover{background:rgba(167,237,207,.2)}.play-button svg{width:18px;height:18px;fill:currentColor}.time-readout{display:grid;gap:3px}.time-label,.stat-label{font:8px var(--mono);letter-spacing:.12em;color:#8fa0a0}.time-readout strong{font:500 22px var(--sans);letter-spacing:-.03em}.time-readout small{font:9px var(--mono);color:#a1b2ae;letter-spacing:.06em}.event-marker{display:flex;gap:9px;align-items:center;padding:8px 14px;border-left:1px solid rgba(255,155,128,.5);background:rgba(255,155,128,.055);margin-left:75px}.event-pin{width:6px;height:6px;background:var(--coral);border-radius:50%;box-shadow:0 0 9px #ff9b80aa}.event-marker span:last-child{display:grid;gap:4px}.event-marker b{font:8px var(--mono);letter-spacing:.13em;color:#ffd1c2}.event-marker small{font:8px var(--mono);color:#b1938d;letter-spacing:.06em}.deck-stats{display:flex;align-items:center;gap:24px}.deck-stats>div{display:grid;gap:4px}.deck-stats strong{font:500 16px var(--mono);color:#ebf4ee}.stats-rule{height:28px;width:1px;background:var(--line)}.speed-control{display:flex;gap:8px}.speed{border:0;background:transparent;color:#7f9090;padding:0;font:10px var(--mono);cursor:pointer}.speed.active{color:var(--mint)}.scrubber-wrap{margin-top:23px}.scrubber-times{display:flex;justify-content:space-between;font:7px var(--mono);letter-spacing:.06em;color:#728587;margin-bottom:8px}.scrubber-track{height:12px;position:relative;display:flex;align-items:center}.scrubber-track:before{content:"";position:absolute;inset:5px 0;background:#33464b;border-radius:2px}.airshow-window{position:absolute;z-index:1;left:45.8333%;width:20.8333%;top:4px;height:4px;background:rgba(255,155,128,.66);border-radius:2px}.scrubber-progress{height:2px;background:var(--mint);position:absolute;left:0;top:5px;z-index:2;pointer-events:none}.scrubber-knob{position:absolute;z-index:3;left:41.6667%;top:2px;width:8px;height:8px;border:1.5px solid #dfffee;border-radius:50%;background:#76cdaa;box-shadow:0 0 9px #a7edcf66;pointer-events:none;transform:translateX(-50%)}#scrubber{position:absolute;z-index:4;inset:-6px 0;width:100%;height:24px;opacity:0;cursor:pointer;margin:0}.phase-row{margin-top:9px;display:flex;align-items:center;gap:11px;font:7px var(--mono);letter-spacing:.11em;color:#75898a}.phase-row span:last-child{white-space:nowrap}.phase-rule{height:1px;flex:1;background:var(--line)}#phase-label{color:#a6b7b1}.footer-note{height:53px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#819293;font:8px var(--mono);letter-spacing:.035em}.footer-note b{color:#b9c8c2;font-weight:400}.data-credit{white-space:nowrap;color:#77898a;letter-spacing:.09em}.data-credit a{color:#a7edcf;text-decoration:none}.data-credit a:hover{text-decoration:underline}.hidden{display:none}.loading{position:fixed;z-index:10;inset:0;background:#07141ce8;display:grid;place-items:center;transition:opacity .45s,visibility .45s}.loading.done{opacity:0;visibility:hidden;pointer-events:none}.loading-card{display:grid;justify-items:center;gap:11px}.loading-symbol{color:var(--mint);font-size:25px;animation:turn 4s linear infinite}.loading-title{font:9px var(--mono);letter-spacing:.18em;color:#e4eee8}.loading-detail{font:10px var(--mono);color:#849694}.loading-bar{width:155px;height:1px;background:#273b40;margin-top:4px}.loading-bar i{display:block;width:35%;height:1px;background:var(--mint);animation:load 1.4s ease-in-out infinite}@keyframes turn{to{transform:rotate(360deg)}}@keyframes load{50%{transform:translateX(180%)}to{transform:translateX(440%)}}.mapboxgl-ctrl-attrib{background:rgba(8,24,31,.72)!important;color:#bac8c4!important;font:7px var(--mono)!important}.mapboxgl-ctrl-attrib a{color:#d8e7e0!important}.mapboxgl-ctrl-logo{opacity:.9}.mapboxgl-canvas{outline:none}

@media(max-width:780px){.shell{padding:0 18px}.topbar{height:55px}.topbar-right{gap:7px;font-size:8px}.wordmark{font-size:8px;gap:8px}.map-stage{min-height:490px;height:62vh}.map-title{left:23px;top:36px}.map-title h1{font-size:54px}.map-badge{top:auto;right:18px;bottom:31px}.map-legend{left:18px;bottom:25px}.recenter{right:17px;bottom:112px}.deck-top{flex-wrap:wrap;gap:18px}.event-marker{margin-left:auto;margin-right:auto;order:3;width:100%}.deck-stats{gap:13px}.stat-label{font-size:7px}.control-deck{padding:20px 18px 17px}.scrubber-wrap{margin-top:25px}.footer-note{height:auto;padding:17px 0;align-items:flex-start;flex-direction:column;font-size:7px;line-height:1.6}}@media(max-width:420px){.topbar-right{letter-spacing:.07em}.archive-dot,.topbar-divider{display:none}.map-title h1{font-size:47px}.map-title p{font-size:11px}.deck-stats{gap:11px}.speed{font-size:9px}.time-readout strong{font-size:19px}.play-button{width:36px;height:36px}}

/* Keep the map prominent without the oversized hero treatment. */
.shell{width:min(100%,1320px);padding:0 28px}
.map-stage{height:min(64vh,620px);min-height:450px}
.map-vignette,.map-title,.map-badge{display:none}
.footer-note{height:36px;justify-content:flex-end}
@media(max-width:780px){.shell{padding:0 18px}.map-stage{height:62vh;min-height:490px}.footer-note{height:auto;padding:17px 0}}

/* Full-screen map canvas with compact controls layered over the map. */
html,body{width:100%;height:100%;overflow:hidden}
.shell{position:relative;width:100%;max-width:none;height:100vh;height:100dvh;margin:0;padding:0;overflow:hidden}
.topbar{position:absolute;z-index:5;top:0;left:0;right:0;height:58px;padding:0 28px;border:0;background:linear-gradient(180deg,rgba(5,16,21,.82),rgba(5,16,21,0));pointer-events:none}
.topbar>*{pointer-events:auto}
.topbar-right{gap:12px}
.data-source-link{color:#a7edcf;text-decoration:none;font:8px var(--mono);letter-spacing:.1em;margin-left:10px}
.data-source-link:hover{text-decoration:underline}
.map-stage{position:absolute;z-index:0;inset:0;width:100%;height:100%;min-height:0}
.map-legend{position:absolute;z-index:4;top:76px;left:24px;bottom:auto}
.recenter{z-index:4;right:24px;bottom:190px}
.control-deck{position:fixed;z-index:5;left:24px;right:24px;bottom:18px;padding:18px 24px 14px;background:rgba(8,24,31,.86);backdrop-filter:blur(14px);border:1px solid rgba(227,240,234,.16)}
.footer-note{display:none}
.mapboxgl-ctrl-top-right{top:64px!important;right:18px!important}
.mapboxgl-ctrl-bottom-left{bottom:168px!important;left:16px!important}
.mapboxgl-ctrl-bottom-right{bottom:168px!important;right:16px!important}
.airshow-window{left:30%;width:50%}
@media(max-width:780px){
  .topbar{height:52px;padding:0 14px}
  .topbar-right{gap:6px}
  .data-source-link{font-size:7px;margin-left:0}
  .topbar-right>span:not(.archive-dot){display:none}
  .map-stage{height:100%;min-height:0}
  .map-legend{top:66px;left:12px;bottom:auto}
  .recenter{top:66px;right:14px;bottom:auto}
  .control-deck{left:10px;right:10px;bottom:10px;padding:15px 14px 12px}
  .mapboxgl-ctrl-top-right{top:112px!important;right:12px!important}
  .mapboxgl-ctrl-bottom-left{bottom:236px!important;left:10px!important}
  .mapboxgl-ctrl-bottom-right{bottom:236px!important;right:10px!important}
}