:root{--radar:#1b211f;--paper:#eef0ec;--water:#3d9aaa;--silt:#edb65a;--missing:#59615e;--panel:#1b211fa8;--line:#eef0ec29;--muted:#eef0ecad;--serif:"Newsreader", Georgia, serif;--sans:"IBM Plex Sans", system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--radar);height:100%;color:var(--paper);font:14px/1.45 var(--sans);margin:0;overflow:hidden}canvas#gl{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--paper);outline-offset:2px;border-radius:4px}kbd{font:500 11px var(--sans);border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:1px 5px}.title{text-align:center;pointer-events:none;opacity:0;transition:opacity 1.4s var(--ease), transform 1.6s var(--ease);text-shadow:0 1px 24px #00000059;width:min(92vw,760px);position:fixed;top:42%;left:50%;transform:translate(-50%,-50%)}.title.is-in{opacity:1;transform:translate(-50%,-54%)}.title.is-out{opacity:0;transition-duration:.9s;transform:translate(-50%,-60%)}.title h1{font:400 clamp(36px, 6vw, 72px)/1.02 var(--serif);letter-spacing:-.01em;margin:10px 0 14px}.kicker{font:500 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}.lede{font:400 17px var(--sans);color:var(--paper);margin:0}.ui>*{opacity:0;transition:opacity .8s var(--ease) .2s}body.ready .ui>*{opacity:1}body:not(.ready) .ui>*{pointer-events:none}.panel,.tray>*,.timeline,.card,.brand{background:var(--panel);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:10px}.brand{padding:10px 14px;position:fixed;top:16px;left:16px}.brand-title{font:400 19px/1.1 var(--serif);margin:0}.brand-sub{color:var(--muted);margin:2px 0 0;font-size:12px}.brand-hint{max-width:230px;color:var(--muted);margin:8px 0 0;font-size:11.5px;line-height:1.45}.tray{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;top:16px;right:16px}.lens-btn{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;transition:background .2s;display:inline-flex}.lens-btn svg{fill:none;stroke:currentColor;stroke-width:1.3px;width:16px;height:16px}.lens-btn[aria-pressed=true]{color:var(--radar);background:#eef0ece6}.lens-btn[aria-pressed=true] kbd{color:var(--radar);border-color:#1b211f4d}.tod{width:260px;padding:8px 12px 10px}.tod-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.tod-range{width:100%;accent-color:var(--silt);margin:6px 0 4px}.tod-stops{justify-content:space-between;display:flex}.tod-stops button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:2px;font-size:12px}.tod-stops button[aria-pressed=true]{color:var(--paper)}.timeline{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;width:min(980px,100vw - 32px);padding:10px 14px 10px 10px;display:grid;position:fixed;bottom:44px;left:50%;transform:translate(-50%)}.tl-play{border:1px solid var(--line);cursor:pointer;background:#eef0ec0f;border-radius:50%;grid-row:1/span 2;place-items:center;width:40px;height:40px;display:grid}.tl-play svg{width:14px;height:14px;fill:var(--paper)}.tl-play .i-pause,.is-playing .tl-play .i-play{display:none}.is-playing .tl-play .i-pause{display:block}.tl-strip{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:6px;height:46px;position:relative}.tl-frames{grid-template-columns:repeat(20,1fr);gap:2px;height:100%;display:grid}.tl-frame{background:#eef0ec0d;border-radius:3px;position:relative;overflow:hidden}.tl-frame:before,.tl-frame:after{content:"";background:repeating-linear-gradient(90deg,#eef0ec38 0 3px,#0000 3px 7px);height:3px;position:absolute;left:0;right:0}.tl-frame:before{top:2px}.tl-frame:after{bottom:2px}.tl-bar{height:calc(var(--f) * 22px + 1px);background:var(--water);opacity:.55;border-radius:1px;transition:opacity .2s;position:absolute;bottom:7px;left:22%;right:22%}.tl-frame.is-radar{background:#eef0ec1f}.tl-frame.is-on .tl-bar{opacity:1}.tl-lab{text-align:center;color:var(--muted);white-space:nowrap;font-size:10px;position:absolute;top:7px;left:0;right:0}.tl-frame:not(:nth-child(4n+1)):not(.is-on):not(.is-radar) .tl-lab{visibility:hidden}.tl-frame.is-on .tl-lab{color:var(--paper);font-weight:500}.tl-head{border:1.5px solid var(--paper);pointer-events:none;transition:transform .28s var(--ease);border-radius:5px;position:absolute;top:-3px;bottom:-3px;left:0}.tl-readout{grid-column:2;align-items:baseline;gap:12px;font-size:13px;display:flex}.tl-date{font:500 17px var(--serif)}.tl-track{color:var(--muted)}.tl-badge{letter-spacing:.04em;border:1px solid var(--line);color:var(--muted);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px}.tl-badge.is-real{background:var(--paper);color:var(--radar);border-color:var(--paper);font-weight:600}.credit{color:#eef0ec9e;text-align:center;text-shadow:0 1px 6px #0009;font-size:11px;position:fixed;bottom:12px;left:16px;right:16px}#data-src:not(:empty){color:var(--silt);margin-right:6px}.card{opacity:0;width:300px;transition:opacity .25s var(--ease), transform .35s var(--ease);padding:16px 16px 14px;position:fixed;top:190px;right:16px;transform:translateY(6px)}.card.is-in{opacity:1;transform:none}.card[hidden]{display:none}.card-x{cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:8px;right:8px}.card-x:hover{background:#eef0ec14}.card-x svg{width:14px;height:14px;stroke:var(--paper);stroke-width:1.5px}.card-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px}.card-title{font:400 24px/1.1 var(--serif);margin:2px 0 10px}.card-facts{gap:8px;margin:0 0 12px;display:grid}.card-facts div{grid-template-columns:100px 1fr;gap:8px;display:grid}.card-facts dt{color:var(--muted);padding-top:1px;font-size:12px}.card-facts dd{margin:0;font-weight:500}.card-sub{color:var(--muted);font-size:11.5px;font-weight:400;display:block}.card-strip{grid-template-columns:repeat(20,1fr);gap:2px;display:grid}.card-strip i,.card-legend i{border-radius:2px;height:14px;display:block}.c-w{background:var(--water)}.c-n{background:var(--silt)}.c-x{background:var(--missing)}.card-strip i.is-cur{outline:1.5px solid var(--paper);outline-offset:1px}.card-legend{color:var(--muted);align-items:center;gap:4px;margin:8px 0 0;font-size:11px;display:flex}.card-legend i{width:10px;height:10px;margin-left:6px;display:inline-block}.lens-label{color:var(--radar);font:600 11px var(--sans);letter-spacing:.04em;pointer-events:none;opacity:0;white-space:nowrap;background:#eef0eceb;border-radius:999px;padding:3px 9px;position:fixed;top:0;left:0}.lens-handle{pointer-events:none;touch-action:none;border-radius:50%;position:fixed;top:0;left:0}@media (pointer:coarse){body.lens-on .lens-handle{pointer-events:auto}}body.lens-on canvas#gl{cursor:none}@media (pointer:coarse){body.lens-on canvas#gl{cursor:auto}}.fallback{text-align:center;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.fallback[hidden]{display:none}.fallback img{border-radius:8px;max-width:100%;max-height:80vh}@media (width<=720px){.brand{display:none}.tod{width:210px}.timeline{grid-template-columns:auto 1fr;padding:8px;bottom:64px}.tl-lab{display:none}.tl-readout{gap:8px;font-size:12px}.card{width:auto;inset:auto 16px 170px}.credit{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}
