dialog.radar-dialog{width:min(720px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:14px;background:var(--theme-popup-glass,rgba(20,39,50,.75));color:var(--theme-text,#f0f5f7);box-shadow:0 12px 36px rgba(0,0,0,.34);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:auto;overscroll-behavior:contain}
.radar-dialog::backdrop{background:transparent}
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-content{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:var(--metric-pad-y) var(--metric-pad-x) 11px}
.radar-preview-content .metric-top{width:100%;min-height:25px}
.radar-preview-content .radar-preview-title{font-size:13.75px;font-weight:500;color:var(--muted)}
#radar-preview-link{--control-height:30px;--control-padding:6px;display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;margin-left:auto;cursor:pointer}
.radar-preview-caption{display:flex;align-items:center;min-height:30px;max-width:calc(100% - 73px);font-size:11.25px;color:var(--muted);line-height:1.5}
#radar-preview-message{font-size:11.25px;line-height:1.5;color:var(--theme-text,#f0f5f7)}
#radar-preview-map .preview-coastline{stroke:var(--muted)}
.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}
.radar-icon-button,.radar-preview-control{border-color:var(--line);background:rgba(var(--theme-glass-rgb,20,39,50),.42);color:var(--theme-text,#f0f5f7)}
.radar-icon-button:hover,.radar-preview-control:hover{background:color-mix(in srgb,var(--accent) 12%,rgba(var(--theme-glass-rgb,20,39,50),.42))}
.radar-play{background:color-mix(in srgb,var(--accent) 8%,rgba(var(--theme-glass-rgb,20,39,50),.42))}
.radar-play[aria-pressed="true"]{background:color-mix(in srgb,var(--accent) 18%,rgba(var(--theme-glass-rgb,20,39,50),.42))}
#radar-slider{accent-color:var(--accent)}
.radar-preview-control[aria-pressed="true"]{background:color-mix(in srgb,var(--accent) 18%,rgba(var(--theme-glass-rgb,20,39,50),.42));color:var(--accent)}
#radar-map .leaflet-bar a{background:rgba(var(--theme-glass-rgb,20,39,50),.88);color:var(--theme-text,#f0f5f7)}
#radar-map .leaflet-bar a:hover{background:color-mix(in srgb,var(--accent) 18%,rgba(var(--theme-glass-rgb,20,39,50),.8))}
#radar-time{color:var(--theme-text,#f0f5f7)}
.radar-preview-content .radar-preview-title{font-size:var(--type-label);font-weight:600}
.radar-preview-caption,#radar-preview-message{font-size:var(--type-caption)}
#radar-dialog .radar-subtitle{font-size:var(--type-caption)}
#radar-dialog .radar-button{font-size:var(--type-label)}
#radar-dialog .radar-heading .radar-button{font-size:var(--type-caption)}
#radar-dialog .radar-time-labels,#radar-dialog .radar-bottom,#radar-dialog .radar-help,#radar-dialog .radar-loading{font-size:var(--type-caption)}
.radar-icon-button,.radar-preview-control{background:rgba(var(--theme-glass-rgb,20,39,50),min(1,calc(.42 * var(--theme-glass-scale,1))))}
.radar-icon-button:hover,.radar-preview-control:hover{background:color-mix(in srgb,var(--accent) 12%,rgba(var(--theme-glass-rgb,20,39,50),min(1,calc(.42 * var(--theme-glass-scale,1)))))}
.radar-play{background:color-mix(in srgb,var(--accent) 8%,rgba(var(--theme-glass-rgb,20,39,50),min(1,calc(.42 * var(--theme-glass-scale,1)))))}
.radar-play[aria-pressed="true"],.radar-preview-control[aria-pressed="true"]{background:color-mix(in srgb,var(--accent) 18%,rgba(var(--theme-glass-rgb,20,39,50),min(1,calc(.42 * var(--theme-glass-scale,1)))))}
#radar-map .leaflet-bar a{background:rgba(var(--theme-glass-rgb,20,39,50),min(1,calc(.88 * var(--theme-glass-scale,1))))}
#radar-map .leaflet-bar a:hover{background:color-mix(in srgb,var(--accent) 18%,rgba(var(--theme-glass-rgb,20,39,50),min(1,calc(.8 * var(--theme-glass-scale,1)))))}
#radar-map .leaflet-tooltip{font-size:var(--type-caption)}
@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-preview-controls{flex-direction:column}#radar-map .leaflet-control-attribution{font-size:9px}}