/* V29 Radar — observation map free of overlays; playback + rain detail below. */
#radar{--wa-radar-gap:11px}
#radar #wa-timeline{
 position:relative!important;
 inset:auto!important;
 top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
 width:100%!important;max-width:100%!important;
 display:block!important;
 margin:11px 0 0!important;padding:13px 14px 11px!important;
 z-index:1!important;
 border-radius:20px!important;
 background:linear-gradient(135deg,color-mix(in srgb,var(--wa-card,#142c51) 87%,#041226),color-mix(in srgb,var(--wa-p,#58cbff) 18%,var(--wa-card,#17234b)))!important;
 border:1px solid color-mix(in srgb,var(--wa-ink,#fff) 24%,transparent)!important;
 color:var(--wa-ink,var(--text,#fff))!important;
 box-shadow:0 10px 26px #00172d25,inset 0 1px #ffffff30!important;
 -webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;
}
#radar #wa-timeline[hidden]{display:none!important}
#radar #wa-timeline .wa-timeline-top{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 flex-wrap:wrap!important;column-gap:9px!important;row-gap:7px!important;
}
#radar #wa-timeline #wa-play{
 font-weight:780!important;letter-spacing:-.1px!important;
 min-height:42px!important;min-width:124px!important;
 padding:9px 12px!important;
 color:#062548!important;background:linear-gradient(135deg,#b4e8ff,#aabaff)!important;
 border:1px solid #fff9!important;border-radius:13px!important;
}
#radar #wa-timeline #wa-time-label{
 color:var(--wa-ink,var(--text,#fff))!important;
 opacity:.85!important;line-height:1.35!important;
 font-size:11px!important;
}
#radar #wa-timeline .wa-radar-time-foot{
 display:flex!important;justify-content:space-between!important;
 font-size:10px!important;margin:3px 2px 0!important;
 color:var(--wa-sub,var(--muted,#d5e7fc))!important;
}
#radar #wa-timeline #wa-time-range{margin:8px 0 3px!important;width:100%!important}
#radar .wa-radar-map-legend{
 bottom:13px!important;left:13px!important;
 width:min(148px,calc(100% - 40px))!important;
}
#radar #waAqiLegend{bottom:12px!important}
/* No historical playback over the map's interactive region. */
#radar .wa-map-shell{overflow:hidden!important}
#radar .wa-rain-insights{
 display:block;
 margin:12px 0 3px;padding:16px 13px 14px;
 border-radius:24px;
 border:1px solid color-mix(in srgb,var(--wa-ink,#fff) 28%,transparent);
 color:var(--wa-ink,var(--text,#fff));
 background:linear-gradient(155deg,color-mix(in srgb,var(--wa-p,#5ecaff) 10%,transparent),color-mix(in srgb,var(--wa-s,#908dff) 6%,transparent)),var(--wa-card,var(--glass));
 box-shadow:0 12px 30px #00142c28,inset 0 1px #ffffff2c;
 overflow:hidden;
}
#radar .wa-rain-insights[hidden]{display:none!important}
#radar .wa-rain-head{
 display:flex;align-items:center;justify-content:space-between;
 gap:8px;min-width:0;
}
#radar .wa-rain-head>div{min-width:0}
#radar .wa-rain-overline{
 display:block;font-size:9px;font-weight:780;letter-spacing:1.35px;
 color:var(--wa-sub,var(--muted));margin-bottom:5px
}
#radar .wa-rain-head h2{margin:0!important;font-size:20px;line-height:1.17;letter-spacing:-.55px}
#radar .wa-rain-location{
 padding:5px 8px;border-radius:11px;
 background:color-mix(in srgb,var(--wa-p,#5ecaff) 18%,transparent);
 border:1px solid color-mix(in srgb,var(--wa-p,#5ecaff) 28%,transparent);
 font-size:10px;line-height:1.3;font-weight:700;
 max-width:43%;overflow-wrap:anywhere;text-align:right;
}
#radar .wa-rain-notice{
 font-size:11px!important;line-height:1.5!important;
 color:var(--wa-sub,var(--muted))!important;
 margin:10px 0 13px!important;
}
#radar .wa-rain-stats{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
}
#radar .wa-rain-stats article{
 display:flex;flex-direction:column;gap:4px;
 min-width:0;min-height:115px;
 padding:12px 11px;border-radius:19px;
 border:1px solid color-mix(in srgb,var(--wa-ink,#fff) 15%,transparent);
 background:linear-gradient(145deg,color-mix(in srgb,var(--wa-p,#58cbff) 13%,transparent),transparent 85%);
}
#radar .wa-rain-stats article span{
 font-size:11px;font-weight:650;line-height:1.3;opacity:.83;
}
#radar .wa-rain-stats article strong{
 margin:auto 0 1px;
 font-size:clamp(24px,7vw,31px);letter-spacing:-.9px;
 line-height:1.15;font-variant-numeric:tabular-nums;
 overflow-wrap:anywhere;
}
#radar .wa-rain-stats article small{
 font-size:10px;color:var(--wa-sub,var(--muted));line-height:1.3;
}
#radar .wa-rain-detail{margin-top:18px}
#radar .wa-rain-subtitle{
 display:flex;gap:7px;flex-wrap:wrap;justify-content:space-between;align-items:center;
 margin-bottom:10px
}
#radar .wa-rain-subtitle strong{font-size:13px;letter-spacing:-.12px}
#radar .wa-rain-subtitle span{
 font-size:10px;color:var(--wa-sub,var(--muted));
}
#radar .wa-rain-hour-list,#radar .wa-rain-day-list{
 display:grid;gap:4px;min-width:0;
}
#radar .wa-rain-hour-row,#radar .wa-rain-day-row{
 display:grid;grid-template-columns:51px minmax(0,1fr) 92px;
 align-items:center;column-gap:8px;
 min-height:38px;padding:5px 2px;
 border-bottom:1px solid color-mix(in srgb,var(--wa-ink,#fff) 9%,transparent);
}
#radar .wa-rain-day-row{grid-template-columns:48px minmax(0,1fr) 88px}
#radar .wa-rain-hour-row:last-child,#radar .wa-rain-day-row:last-child{border-bottom:none}
#radar .wa-rain-row-time{font-size:11px;font-weight:700;white-space:nowrap}
#radar .wa-rain-row-track{
 display:block;position:relative;height:7px;width:100%;min-width:0;
 border-radius:12px;overflow:hidden;
 background:color-mix(in srgb,var(--wa-ink,#fff) 13%,transparent);
}
#radar .wa-rain-row-track i{
 display:block;height:100%;width:0%;
 border-radius:12px;
 background:linear-gradient(90deg,#48b9ef,#6bd5ff,#aa98ff);
}
#radar .wa-rain-row-data{
 font-size:10px;color:var(--wa-sub,var(--muted));text-align:right;
 font-variant-numeric:tabular-nums;line-height:1.35;white-space:normal;
}
#radar .wa-rain-row-data b{
 color:var(--wa-ink,var(--text));font-size:11px;
}
#radar .wa-rain-source{
 margin:15px 0 0!important;
 font-size:10px!important;line-height:1.5!important;
 color:var(--wa-sub,var(--muted))!important;
}
#radar .wa-rain-error{font-size:12px;padding:8px 0;color:var(--wa-sub,var(--muted))}
@media(max-width:520px){
 #radar #wa-timeline{
  position:relative!important;
  inset:auto!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
  margin:9px 0 0!important;padding:11px 12px!important;
 }
 #radar .wa-rain-insights{padding:15px 12px;border-radius:21px}
 #radar #wa-time-range{touch-action:pan-x!important}
 #radar .wa-radar-map-legend{bottom:12px!important;left:10px!important}
}
@media(max-width:365px){
 #radar .wa-rain-hour-row,#radar .wa-rain-day-row{
  grid-template-columns:41px minmax(0,1fr) 75px!important;gap:5px!important;
 }
 #radar .wa-rain-stats article{padding:10px 9px}
 #radar .wa-rain-stats article strong{font-size:24px!important}
 #radar #wa-timeline #wa-play{min-width:110px!important}
 #radar #wa-timeline #wa-time-label{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
 #radar .wa-rain-row-track i{transition:none!important}
}
