.radar-section{padding:86px 5px 10px;scroll-margin-top:20px}.radar-heading{align-items:center;margin-bottom:27px}.live-badge{font-size:9px;font-weight:800;letter-spacing:1.2px;color:#377b57;background:#e0f0e7;border:1px solid #c9e3d4;border-radius:99px;padding:8px 11px;display:flex;align-items:center;gap:7px}.live-badge i{width:7px;height:7px;border-radius:50%;background:#40a86c;box-shadow:0 0 0 4px rgba(64,168,108,.14);animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(64,168,108,0)}}
.radar-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.85fr);gap:22px}.radar-card,.details-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 14px 40px rgba(8,35,62,.08);overflow:hidden;position:relative}.radar-card{min-height:455px;background:#d5e1e5}.radar-card #radar-map{height:455px;width:100%;z-index:1}.leaflet-container{font-family:"DM Sans",sans-serif;background:#dce7eb}.leaflet-control-attribution{font-size:8px!important}.leaflet-control-zoom a{color:var(--navy)!important}.county-label{background:var(--navy);color:#fff;border:2px solid white;border-radius:99px;padding:5px 9px;font-size:9px;font-weight:800;letter-spacing:.4px;box-shadow:0 5px 15px rgba(8,35,62,.25);white-space:nowrap}.county-label:before{border-top-color:var(--navy)!important}
.radar-timeline{position:absolute;z-index:500;left:16px;right:16px;bottom:16px;min-height:54px;border-radius:14px;background:rgba(6,27,46,.92);backdrop-filter:blur(12px);display:grid;grid-template-columns:34px 75px 1fr;align-items:center;gap:11px;padding:10px 14px;color:#fff;box-shadow:0 8px 25px rgba(6,27,46,.25)}.radar-timeline button{width:31px;height:31px;border:0;border-radius:50%;background:var(--orange);color:#fff;font-size:11px;font-weight:800;cursor:pointer}.radar-timeline time{font-size:10px;font-weight:700}.radar-timeline input{accent-color:var(--orange);width:100%;cursor:pointer}.radar-legend{position:absolute;z-index:500;right:14px;top:14px;background:rgba(255,255,255,.9);border-radius:10px;padding:7px 9px;display:flex;gap:6px;align-items:center;font-size:7px;font-weight:800;color:#5c6d78;box-shadow:0 4px 12px rgba(8,35,62,.1)}.radar-legend i{display:block;width:75px;height:6px;border-radius:5px;background:linear-gradient(90deg,#69e9f2,#5aa9ef,#7554d7,#ea3f82,#ff421f)}
.radar-loading{position:absolute;z-index:490;inset:0;background:#dbe7eb;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;font-weight:700;color:#617583;transition:opacity .4s}.radar-loading.hidden{opacity:0;pointer-events:none}.radar-loading span{width:17px;height:17px;border:2px solid #a8bac3;border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.details-card{padding:28px}.details-title{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:18px}.details-title h2{font:800 27px "League Spartan";margin:0}.details-title>span{font-size:9px;font-weight:800;background:var(--cream);border-radius:99px;padding:7px 9px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.detail{display:flex;gap:10px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.detail-icon{width:31px;height:31px;border-radius:10px;background:#e9f4f7;display:grid;place-items:center;flex:none;font-size:14px;color:var(--navy)}.detail p{margin:0;display:flex;flex-direction:column;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#87949d;font-weight:700}.detail strong{font:800 18px/1.2 "League Spartan";color:var(--ink);letter-spacing:0;text-transform:none;margin-top:3px}.detail small{font-size:7px;letter-spacing:0;text-transform:none;color:#9aa5ac;margin-top:2px}.data-note{font-size:8px;color:#80909b;margin:18px 0 0}.data-note span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4aa973;margin-right:4px}
@media(max-width:900px){.radar-layout{grid-template-columns:1fr}.radar-card #radar-map,.radar-card{height:430px}.details-grid{grid-template-columns:repeat(3,1fr)}.detail{padding-right:10px}}
@media(max-width:620px){.radar-section{padding:65px 0 5px}.radar-heading{align-items:flex-end}.live-badge{font-size:7px;padding:7px 8px}.radar-card{margin:0 -18px;border-radius:0;border-left:0;border-right:0}.radar-card #radar-map,.radar-card{height:390px;min-height:390px}.radar-timeline{left:10px;right:10px;bottom:10px;grid-template-columns:31px 62px 1fr;padding:9px 10px}.radar-timeline time{font-size:8px}.details-card{padding:23px 20px}.details-grid{grid-template-columns:1fr 1fr}.detail{padding:15px 0}.detail strong{font-size:16px}.radar-legend{top:10px;right:10px}}