.radar-dialog{width:min(720px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #b6d8e33d;border-radius:24px;background:#142a35f5;color:#edf6f8;box-shadow:0 24px 100px #0008;overflow:auto;overscroll-behavior:contain}
.radar-dialog::backdrop{background:#06121dbd;backdrop-filter:blur(8px)}
html:has(#radar-dialog[open]){overflow:hidden}
.radar-panel{padding:24px;min-width:0}
.radar-preview{isolation:isolate}
.current-overview .radar-preview{width:100%;min-height:155px;padding:0;align-self:stretch}
#radar-preview-map{position:absolute;inset:0;z-index:0;pointer-events:none;background:transparent}
#radar-preview-link{position:absolute;inset:0;width:100%;z-index:1;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:var(--metric-pad-y) var(--metric-pad-x) 32px;text-align:left;background:linear-gradient(#14273245,transparent 35%,#14273235 72%,#14273280);transition:background-color .2s}
#radar-preview-link:hover{background-color:#acdfe010}
#radar-preview-link:focus-visible{outline-offset:-3px;border-radius:18px}
#radar-preview-link .metric-top{width:100%;min-height:25px}
#radar-preview-link .radar-preview-title{font-size:13.75px;font-weight:500;color:#eef8fc}
#radar-preview-link .radar-preview-open{margin-left:auto;white-space:nowrap;font-size:11.25px;line-height:1.5;color:#bdeae8;font-weight:600}
.radar-preview-caption{display:block;font-size:11.25px;color:#d1e1e8;line-height:1.5}
#radar-preview-message{font-size:11.25px;line-height:1.5;color:#e0eaf0}
.radar-preview[data-state="unavailable"] #radar-preview-link{background:#122936ed}
.radar-preview-attribution{position:absolute;z-index:2;bottom:9px;left:var(--metric-pad-x);right:10px;font-size:10px;line-height:1.4;color:#bdcfd8}
.radar-preview-attribution a:focus-visible{outline-offset:2px}
.radar-preview-controls{position:absolute;z-index:3;right:12px;bottom:11px;display:flex;gap:5px}
.radar-preview-control{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #c0e3ed55;border-radius:50%;background:#10232ec9;color:#e4f2f5;backdrop-filter:blur(6px)}
.radar-preview-control svg{width:16px;height:16px;overflow:visible}
.radar-preview-control:disabled{opacity:.45;cursor:default}
.radar-preview-control:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.radar-preview-control .radar-preview-pause-icon{display:none}
.radar-preview-control[aria-pressed="true"] .radar-preview-play-icon{display:none}
.radar-preview-control[aria-pressed="true"] .radar-preview-pause-icon{display:block}
.radar-preview .leaflet-layer{transition:opacity .18s linear}
.radar-heading{margin-bottom:20px}.radar-subtitle{font-size:12.5px;color:var(--muted);margin-top:8px;line-height:1.5}
.radar-button{border:1px solid var(--line);border-radius:22px;padding:9px 15px;font-size:12.5px;white-space:nowrap;min-height:38px}
.radar-heading-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.radar-icon-button{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;padding:0;border:1px solid #c0e3ed40;border-radius:50%;background:#b9e5eb0d;color:#def4f7}
.radar-icon-button svg{width:22px;height:22px}
.radar-icon-button:focus-visible{outline-offset:3px}
.radar-map-wrap{position:relative;width:min(100%,max(220px,calc(100dvh - 320px)));border-radius:13px;overflow:hidden;border:1px solid var(--line);margin:16px auto 0;isolation:isolate}
#radar-map{aspect-ratio:1;width:100%;background:#172b37;font-family:Manrope,system-ui,sans-serif;z-index:0}
html:not([data-keyboard-focus="false"]) #radar-map:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
#radar-map .leaflet-basemap-pane{filter:invert(1) hue-rotate(175deg) saturate(.35) brightness(.85)}
#radar-map .leaflet-control-attribution{background:rgba(13,30,40,.92);color:#cbd9e1;font-size:10px;line-height:1.7;padding:3px 7px;max-width:100%;white-space:normal}
#radar-map .leaflet-control-attribution a{color:#d1edea}
#radar-map .leaflet-bar{border:1px solid rgba(211,235,248,.3);box-shadow:0 4px 12px #0002;overflow:hidden;border-radius:9px}
#radar-map .leaflet-bar a{background:#1b3341;color:#e9f3f6;border-color:var(--line);width:34px;height:34px;line-height:34px;font-size:23px}
#radar-map .leaflet-bar a:hover{background:#2b4757}#radar-map .leaflet-bar a.leaflet-disabled{color:#78909d}
#radar-map .leaflet-control-scale-line{background:rgba(13,30,40,.85);color:#cadbe4;border-color:#adc3d0;font-size:10px;text-shadow:none}
#radar-map .leaflet-tooltip{background:#112a38ed;color:#e7f3f6;border:1px solid #9bd7dc55;border-radius:6px;padding:5px 9px;font-size:11px;box-shadow:0 2px 12px #0003;white-space:normal;width:max-content;max-width:150px}
#radar-map .leaflet-tooltip-top:before{border-top-color:#112a38ed}
.radar-loading{position:absolute;top:12px;left:50%;transform:translateX(-50%);max-width:calc(100% - 100px);border:1px solid var(--line);border-radius:10px;background:#142d3eee;padding:8px 12px;font-size:12px;text-align:center;pointer-events:none;color:#e5f3fb}
.radar-controls{display:flex;align-items:center;gap:16px;margin-top:18px}
.radar-play{background:#b9e5eb14}.radar-play[aria-pressed="true"]{background:#b9e5eb24}
.radar-pause-icon,.radar-play[aria-pressed="true"] .radar-play-icon{display:none}
.radar-play[aria-pressed="true"] .radar-pause-icon{display:block}
.radar-timeline{flex:1;min-width:0}.radar-time-labels{display:flex;justify-content:space-between;gap:10px;font-size:11.25px;color:var(--muted);margin-bottom:6px}#radar-time{color:#e1f1f5;text-align:right;font-variant-numeric:tabular-nums}
#radar-slider{display:block;width:100%;margin:0;height:18px;accent-color:#addfe0;cursor:ew-resize}
.radar-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;font-size:11.25px;line-height:1.7;color:var(--muted)}
.radar-legend{display:flex;align-items:center;gap:8px;flex-shrink:0}.radar-legend-bar{display:block;width:120px;height:5px;border-radius:5px;background:linear-gradient(90deg,#88d3f4,#1578b3,#f6ce43,#f0753a,#b83783)}
.radar-help{font-size:11.25px;line-height:1.7;color:var(--faint);margin-top:9px}
@media(max-width:800px){.radar-panel{padding:23px}.radar-controls{gap:12px}.radar-bottom{flex-wrap:wrap}.radar-legend{margin-left:auto}}
@media(max-width:480px){.radar-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:19px}.radar-panel{padding:18px 15px}.radar-heading{align-items:flex-start;gap:8px;flex-wrap:wrap}.radar-heading>div:first-child{flex:1;min-width:150px}.radar-heading-actions{gap:5px}.radar-heading h2{font-size:18px}.radar-heading .radar-button{font-size:11.25px;padding:8px 9px}.radar-subtitle{font-size:11.25px}.radar-controls{flex-wrap:wrap;gap:12px}.radar-timeline{order:-1;flex-basis:100%}.radar-controls #radar-latest{margin-left:auto}.radar-time-labels{font-size:11.25px}.radar-loading{max-width:calc(100% - 90px);font-size:11.25px}.radar-legend-bar{width:100px}#radar-map .leaflet-control-attribution{font-size:9px}}