*{box-sizing:border-box}html,body,#map{height:100%;margin:0;font-family:system-ui,sans-serif;background:#0b1726;color:#edf6ff}#map{position:absolute;inset:0}.top{position:absolute;z-index:1000;top:12px;left:12px;display:flex;align-items:center;gap:7px;pointer-events:none;text-shadow:0 2px 12px #000}.app-icon{width:32px;height:36px}.title{font-size:22px;font-weight:750;letter-spacing:-.7px}.locate{position:absolute;z-index:1001;right:12px;top:65px;width:38px;height:38px;border:1px solid #ffffff25;border-radius:12px;background:#101d2dee;color:white;font-size:22px}.leaflet-control-zoom{margin-top:115px!important;margin-right:12px!important;border:1px solid #ffffff25!important;border-radius:10px!important;overflow:hidden}.leaflet-control-zoom a{width:36px!important;height:34px!important;line-height:34px!important;background:#102130ee!important;color:#e6f4ff!important;border-color:#ffffff20!important}.leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) saturate(.45) brightness(.85)}.leaflet-radar-pane .leaflet-tile{transition:none!important}.leaflet-control-attribution{font-size:8px!important;background:#0c1925dd!important;color:#b7c9da!important;padding:3px 6px!important}.leaflet-control-attribution a{color:#8ccfe7!important}.panel{position:absolute;z-index:1000;left:12px;right:12px;bottom:24px;padding:9px 11px;background:#0c1925ed;border:1px solid #ffffff18;border-radius:17px;box-shadow:0 5px 22px #0005;backdrop-filter:blur(12px);max-height:35vh;overflow-y:auto}.compact-row{display:flex;align-items:center;gap:10px}.play{flex:0 0 36px;height:40px;border:0;border-radius:11px;background:#b6edff;color:#092032;font-size:17px}.timeline-main{flex:1;min-width:0}.timeline-heading{display:flex;align-items:center;gap:8px;height:23px}#selected-time{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}#place{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#9ab2c4}#latest{background:transparent;color:#9fe1fb;border:0;font-size:10px;padding:5px 0 5px 7px;min-height:30px}#timeline{appearance:none;-webkit-appearance:none;width:100%;height:31px;margin:0;background:transparent;touch-action:pan-y;cursor:pointer}#timeline::-webkit-slider-runnable-track{height:4px;border-radius:8px;background:linear-gradient(to right,#70d2fa var(--progress,100%),#304253 var(--progress,100%))}#timeline::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #d7f6ff;background:#70d2fa;border-radius:50%;margin-top:-7px;box-shadow:0 0 0 3px #70d2fa22}#timeline:focus-visible{outline:2px solid #70d2fa;border-radius:8px}#timeline:disabled{opacity:.4}.range-labels{display:flex;justify-content:space-between;gap:5px;font-size:9px;color:#9eb3c5;font-variant-numeric:tabular-nums}#frame-kind{font-size:8px;letter-spacing:.4px}.brand-footer{position:absolute;z-index:1000;right:12px;top:20px;display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:2px;font-weight:700;color:#7fb8cf;text-shadow:0 1px 6px #000;pointer-events:none}.brand-footer img{width:17px;height:19px}.error{font-size:10px;color:#ffc17c;line-height:1.4}.error:not(:empty){margin-top:6px}.legend{position:absolute;z-index:1000;right:12px;top:197px;width:62px;padding:8px 7px;background:#0c1925df;border:1px solid #ffffff18;border-radius:11px;backdrop-filter:blur(8px)}.legend summary{list-style:none;cursor:pointer}.legend summary::-webkit-details-marker{display:none}.legend-title{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.2px;color:#adc2d2;margin-bottom:7px}.legend-swatches{display:flex;flex-direction:column;gap:6px;font-size:8px;color:#c8d7e2}.legend-swatches>span{display:flex;gap:5px;align-items:center}.legend-swatches i{display:block;flex:0 0 5px;height:21px;border-radius:3px}.legend-detail{position:absolute;right:70px;top:0;width:min(240px,calc(100vw - 95px));padding:12px;background:#0c1925fa;border:1px solid #ffffff25;border-radius:12px;font-size:10px;color:#b8cbd9;line-height:1.45;max-height:45vh;overflow:auto;box-shadow:0 8px 24px #0006}.legend-detail p{margin:4px 0 10px}.legend-detail a{color:#7dd9ff}.legend-detail b{font-size:10px}.color-ramp{height:8px;border-radius:4px;margin-top:5px}.ramp-ticks{display:flex;justify-content:space-between;font-size:9px;margin:3px 0 10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button{transition:transform .12s ease}button:active{transform:scale(.94)}@media(prefers-reduced-motion:reduce){button{transition:none}}@media(max-height:500px){.legend{top:135px;right:60px}.legend-swatches i{height:14px}.panel{right:90px}.legend-detail{max-height:40vh}}.privacy-link{position:absolute;z-index:1000;left:8px;bottom:0px;padding:2px 6px;color:#9bb9c9;font-size:14px;text-decoration:none}.brand-footer{pointer-events:none}
#status{font-size:10px;color:#98b6ca;min-height:16px;margin:3px 0 0}.warning{color:#ffbd82!important}.regions{position:absolute;z-index:1000;left:12px;top:62px;display:flex;gap:6px}select,.retry{background:#102130ee;color:#d7efff;border:1px solid #ffffff25;border-radius:9px;padding:8px;font:12px system-ui}.legend{width:70px}.legend-swatches{gap:5px}.legend-swatches i{height:19px}.panel{max-width:620px;margin:auto}.leaflet-image-layer{will-change:opacity}.privacy-link{font-size:11px}.leaflet-control-attribution{max-width:80vw}@media(min-width:800px){.top{top:22px;left:24px}.title{font-size:28px}.brand-footer{right:24px;top:28px}.regions{left:24px;top:78px}.panel{bottom:28px;padding:14px 18px}.legend{top:206px}.legend-swatches{font-size:10px}.legend{width:84px}}