/* The Space Coast Wire - live weather radar [radar] (staging Oct 25 2026). Sky-blue weather theme. */
.rdr{--rdr-ink:#0b2540;--rdr-sky:#0b6fb8;--rdr-sky2:#38bdf8;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--rdr-ink)}
.rdr-mapwrap{position:relative;border-radius:10px;overflow:hidden;border:1px solid #cfe0ee;background:#dfeefa;box-shadow:0 2px 12px rgba(11,37,64,.08)}
#rdrmap{width:100%;height:62vh;min-height:440px;background:#dfeefa}
.rdr-full #rdrmap{height:68vh;min-height:480px}
body.rdr-embed{margin:0;background:transparent}
body.rdr-embed .rdr-mapwrap{border-radius:8px}
body.rdr-embed #rdrmap{height:340px;min-height:0}
/* [radar] polish: embed fills its iframe, so extra height goes to the map instead of blank space under the legend */
body.rdr-embed{height:100vh;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}
body.rdr-embed .rdr{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
body.rdr-embed .rdr-mapwrap{flex:1 1 auto;min-height:280px}
body.rdr-embed #rdrmap{height:100%;min-height:280px}
body.rdr-embed .rdr-ctl{flex:0 0 auto}
/* frames: all mounted, crossfaded by opacity */
.rdr-frame{transition:opacity .3s linear;will-change:opacity}
.rdr-frame img{image-rendering:auto}
/* dark basemap = OSM tiles with a CSS filter (radar layers untouched) */
.rdr-dark .rdr-base{filter:invert(1) hue-rotate(180deg) brightness(.82) contrast(.92) saturate(.6)}
.rdr-dark #rdrmap{background:#1b2430}
.rdr-dark .rdr-county{stroke:#7dd3fc}
.rdr-dark .rdr-town span{color:#e6f1fb;text-shadow:0 0 3px #0b1220,0 0 3px #0b1220}
/* overlays */
.rdr-time{position:absolute;top:10px;right:10px;z-index:800;background:rgba(11,37,64,.88);color:#fff;border-radius:10px;padding:6px 11px 6px;display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.rdr-time b{font-size:18px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.rdr-time span{font-size:11.5px;font-weight:600;color:#bfe3ff;text-transform:uppercase;letter-spacing:.06em}
.rdr-time.latest span{color:#86efac}
.rdr-load{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:810;background:rgba(255,255,255,.95);border-radius:12px;padding:10px 14px;min-width:200px;box-shadow:0 4px 18px rgba(11,37,64,.2);display:none;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:var(--rdr-ink);pointer-events:none}
.rdr-load.on{display:flex}
.rdr-bar{display:block;height:6px;border-radius:3px;background:#dbeafe;overflow:hidden}
.rdr-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--rdr-sky),var(--rdr-sky2));transition:width .2s ease}
.rdr-legend{position:absolute;left:10px;bottom:22px;z-index:800;background:rgba(255,255,255,.92);border-radius:8px;padding:5px 8px 4px;width:190px;pointer-events:none;box-shadow:0 1px 6px rgba(0,0,0,.15)}
.rdr-ramp{display:block;height:8px;border-radius:4px;background:linear-gradient(90deg,#04e9e7 0%,#019ff4 12%,#02fd02 24%,#01c501 34%,#008e00 44%,#fdf802 54%,#e5bc00 62%,#fd9500 70%,#fd0000 78%,#bc0000 86%,#f800fd 93%,#9854c6 100%)}
.rdr-ramp-l{display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:#334155;margin-top:2px}
.rdr-ramp-l em{font-style:normal}
.rdr-town{background:none;border:0}
.rdr-town span{display:inline-block;transform:translate(-50%,-50%);white-space:nowrap;font-size:11.5px;font-weight:700;color:#0b2540;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 2px #fff}
.rdr-place{background:none;border:0}
.rdr-place span{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 1px 4px rgba(0,0,0,.3);font-size:14px;line-height:1}
.rdr-zoomto a{width:auto!important;padding:0 9px;font-size:12px;font-weight:700;color:var(--rdr-ink);line-height:30px!important}
.rdr-zoomto a:hover{background:#e0f2fe}
.rdr .leaflet-control-attribution{font-size:10px}
/* controls */
.rdr-ctl{margin-top:9px;display:flex;flex-direction:column;gap:8px}
.rdr-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.rdr-play-row{flex-wrap:nowrap}
.rdr-btn{flex:0 0 auto;border:0;cursor:pointer;border-radius:50%;width:38px;height:38px;font-size:15px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;background:#e0f2fe;color:var(--rdr-ink)}
.rdr-btn:hover{background:#bae6fd}
.rdr-play{width:44px;height:44px;background:linear-gradient(135deg,var(--rdr-sky),#0891b2);color:#fff;box-shadow:0 2px 8px rgba(11,111,184,.35)}
.rdr-play svg{width:22px;height:22px;fill:currentColor}.rdr-play .i-pause{display:none}.rdr-play.is-on .i-pause{display:block}.rdr-play.is-on .i-play{display:none}
.rdr-play:hover{background:linear-gradient(135deg,#095c99,#0e7490)}
.rdr-step{font-size:22px;padding-bottom:3px}
.rdr-scrub{flex:1 1 auto;min-width:0;accent-color:var(--rdr-sky);height:28px}
.rdr-opts{gap:8px 10px;font-size:13px}
.rdr-seg{display:inline-flex;background:#eef6fc;border:1px solid #d3e6f5;border-radius:999px;padding:2px}
.rdr-seg button{border:0;background:none;cursor:pointer;border-radius:999px;padding:5px 11px;font:inherit;font-weight:700;color:#35546f}
.rdr-seg button.on{background:#fff;color:var(--rdr-sky);box-shadow:0 1px 3px rgba(11,37,64,.15)}
.rdr-op,.rdr-chk{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#35546f}
.rdr-op input{width:96px;accent-color:var(--rdr-sky)}
.rdr-chk input{accent-color:var(--rdr-sky);width:16px;height:16px}
.rdr-warnrow{font-size:13px;gap:4px 14px}
.rdr-wl{font-weight:700;display:inline-flex;align-items:center;gap:7px}
.rdr-wl i{width:9px;height:9px;border-radius:50%;background:#94a3b8;flex:0 0 auto}
.rdr-wl i.ok{background:#1aa35a;box-shadow:0 0 0 3px rgba(26,163,90,.18)}
.rdr-wl i.hot{background:#e0161b;box-shadow:0 0 0 3px rgba(224,22,27,.2);animation:rdr-pulse 1.6s ease-in-out infinite}
@keyframes rdr-pulse{50%{box-shadow:0 0 0 6px rgba(224,22,27,.05)}}
.rdr-tap{font-weight:500;color:#64748b}
.rdr-bv{color:#475569}
.rdr-keys{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11.5px;font-weight:700;color:#475569}
.rdr-keys span{display:inline-flex;align-items:center;gap:5px}
.rdr-keys span::before{content:"";width:14px;height:9px;border-radius:2px;border:2px solid;background:currentColor;opacity:.9}
.k-tor{color:#e0161b}.k-svr{color:#d48806}.k-ffw{color:#8b0000}.k-smw{color:#ea580c}.k-flw{color:#16a34a}
.rdr-keys span{color:#475569}.rdr-keys span.k-tor::before{color:#e0161b}.rdr-keys span.k-svr::before{color:#f59e0b}.rdr-keys span.k-ffw::before{color:#8b0000}.rdr-keys span.k-smw::before{color:#f97316}.rdr-keys span.k-flw::before{color:#16a34a}
/* popups */
.rdr-pop{font-size:13px;line-height:1.4}
.rdr-pop p{margin:4px 0}
.rdr-pop-tag{display:inline-block;color:#fff;background:#64748b;font-weight:800;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:4px}
.rdr-pop-tag[data-c="Tornado Warning"]{background:#e0161b}.rdr-pop-tag[data-c="Severe Thunderstorm Warning"]{background:#d97706}.rdr-pop-tag[data-c="Flash Flood Warning"]{background:#8b0000}
.rdr-pop-tag[data-c="Special Marine Warning"]{background:#ea580c}.rdr-pop-tag[data-c="Flood Warning"],.rdr-pop-tag[data-c="Flood Advisory"]{background:#16a34a}.rdr-pop-tag[data-c="Extreme Wind Warning"]{background:#ff8c00}
.rdr-pop-area{font-weight:700}
.rdr-pop-exp{color:#b91c1c;font-weight:700}
.rdr-pop-desc{color:#334155;max-height:140px;overflow:auto}
.rdr-pop-src{font-size:11px;color:#64748b}
/* full page */
.rdr-page .rdr{margin:12px 0}
.rdr-fine{font-size:12.5px;line-height:1.5;color:#6b7480}
.rdr-fine a{color:inherit;text-decoration:underline}
@media (max-width:600px){
  #rdrmap{height:56vh;min-height:360px}
  .rdr-full #rdrmap{height:60vh;min-height:380px}
  .rdr-pop-desc{max-height:96px}
  .rdr-time b{font-size:16px}
  .rdr-legend{width:150px;bottom:20px}
  .rdr-op input{width:80px}
  .rdr-seg button{padding:5px 9px}
  .rdr-opts{font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){.rdr-frame{transition:none}.rdr-wl i.hot{animation:none}}
/* [radarapp] link to the phone radar app (/radar): phones only, desktop page unchanged */
.rdr-applink{display:none}
@media (max-width:600px){
  .rdr-applink{display:flex;align-items:center;gap:10px;margin:10px 0 2px;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#001738,#0b4f86);color:#fff;text-decoration:none;font-size:13px;line-height:1.3;box-shadow:0 2px 10px rgba(0,23,57,.25)}
  .rdr-applink>span:first-child{font-size:22px}
  .rdr-applink>span:nth-child(2){flex:1 1 auto;color:#cfe3f7}.rdr-applink b{display:block;color:#fff;font-size:14.5px}
  .rdr-applink i{font-style:normal;font-size:24px;color:#7dd3fc}
}