.live-weather-panel{margin:18px 0;position:relative;overflow:hidden}.live-weather-panel button{font:inherit}.radar-launch{width:100%;display:grid;grid-template-columns:minmax(320px,1.25fr) minmax(270px,.75fr);border:0;padding:0;text-align:left;color:inherit;background:transparent;cursor:pointer}.radar-stage{position:relative;min-height:440px;background:radial-gradient(circle at center,#0e3444 0,#071d29 38%,#031019 72%,#01070c 100%);overflow:hidden;border-right:1px solid var(--line)}.radar-stage:before{content:"";position:absolute;inset:7%;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 58px,rgba(75,214,255,.16) 59px 60px),repeating-conic-gradient(from 0deg,rgba(75,214,255,.11) 0 1deg,transparent 1deg 30deg);border:1px solid rgba(75,214,255,.34);box-shadow:inset 0 0 55px rgba(44,205,255,.08),0 0 35px rgba(0,0,0,.55)}.radar-stage:after{content:"";position:absolute;left:50%;top:50%;width:44%;height:44%;transform-origin:0 0;background:conic-gradient(from -8deg,rgba(85,255,181,.45),rgba(75,214,255,.11) 28deg,transparent 29deg);filter:drop-shadow(0 0 12px rgba(90,255,188,.3));animation:radarSweep 4.5s linear infinite}.radar-crosshair{position:absolute;inset:7%;border-radius:50%;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(75,214,255,.22) 50%,transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),rgba(75,214,255,.22) 50%,transparent calc(50% + .5px))}.radar-cell{position:absolute;border-radius:55% 45% 52% 48%;filter:blur(2px);opacity:.82;animation:cellPulse 2.8s ease-in-out infinite alternate}.cell-a{width:74px;height:46px;left:24%;top:33%;background:radial-gradient(circle,#ffef64 0,#77ef71 38%,rgba(61,220,146,.05) 72%);transform:rotate(18deg)}.cell-b{width:110px;height:63px;right:19%;top:27%;background:radial-gradient(circle,#ff794d 0,#ffe45d 22%,#72ea78 52%,rgba(58,220,150,.03) 76%);animation-delay:-1.2s}.cell-c{width:62px;height:88px;right:30%;bottom:18%;background:radial-gradient(circle,#ffe766 0,#62e47d 45%,rgba(54,216,150,.02) 73%);transform:rotate(-25deg);animation-delay:-.7s}.radar-center{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(75,214,255,.2),0 0 20px #4bd6ff}.radar-label{position:absolute;left:20px;top:18px;z-index:3}.radar-label strong{display:block;font-size:13px;letter-spacing:.15em;color:#9fffd1}.radar-label span{display:block;margin-top:5px;color:var(--muted);font-size:12px}.radar-corner{position:absolute;right:18px;bottom:16px;color:rgba(207,242,255,.72);font-size:11px;letter-spacing:.11em;text-transform:uppercase}.radar-data{padding:25px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,rgba(8,29,43,.98),rgba(3,12,20,.96))}.radar-kicker{font-size:11px;letter-spacing:.18em;color:var(--green);font-weight:800}.radar-data h2{font-size:clamp(27px,3.2vw,46px);margin:9px 0 4px}.radar-condition{font-size:17px;color:#cceeff;margin:0 0 23px}.live-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px}.live-metric{border:1px solid var(--line);background:rgba(255,255,255,.035);padding:12px;border-radius:9px}.live-metric span{display:block;font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.live-metric strong{display:block;margin-top:5px;font-size:18px}.radar-actions{display:flex;gap:10px;margin-top:21px;flex-wrap:wrap}.radar-action{border:1px solid rgba(75,214,255,.42);border-radius:8px;padding:11px 14px;background:linear-gradient(180deg,rgba(32,151,203,.24),rgba(8,66,94,.22));color:#fff;font-weight:800;font-size:12px;letter-spacing:.05em;text-decoration:none}.radar-action.secondary{background:rgba(255,255,255,.035);color:#bcd4e1}.radar-disclaimer{color:#6f93a8;font-size:11px;line-height:1.45;margin-top:15px}.weather-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:25px;background:rgba(0,5,10,.82);backdrop-filter:blur(12px)}.weather-modal.open{display:flex}.weather-modal-shell{width:min(1400px,96vw);height:min(850px,94vh);background:#04101a;border:1px solid rgba(75,214,255,.34);border-radius:14px;box-shadow:0 30px 90px #000;overflow:hidden;display:flex;flex-direction:column}.weather-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);background:#071a27}.weather-modal-head strong{letter-spacing:.11em}.weather-modal-tools{display:flex;gap:8px}.weather-modal-tools button,.weather-modal-tools a{border:1px solid var(--line);background:#0b2535;color:#fff;border-radius:7px;padding:9px 11px;text-decoration:none;cursor:pointer}.weather-modal-body{display:grid;grid-template-columns:1.4fr .8fr;min-height:0;flex:1}.weather-modal-radar{position:relative;background:#020a10;min-height:0}.weather-modal-radar .radar-stage{height:100%;min-height:100%;border:0}.weather-detail{padding:18px;overflow:auto;background:#06131e}.weather-detail h3{margin:0 0 12px}.forecast-row,.alert-public{border:1px solid var(--line);background:rgba(255,255,255,.03);padding:12px;border-radius:8px;margin:8px 0}.forecast-row{display:grid;grid-template-columns:1fr auto;gap:8px}.forecast-row small,.alert-public small{color:var(--muted)}.alert-public.severe{border-left:4px solid var(--red)}.alert-public.moderate{border-left:4px solid var(--orange)}.public-live-shell{min-height:100vh;padding:18px;background:radial-gradient(circle at 30% 10%,#123b55,#04101a 45%,#010408);color:#eef8ff;font-family:Arial,Helvetica,sans-serif}.public-live-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding:8px 4px}.public-live-top h1{font-size:clamp(21px,3vw,37px);margin:0;letter-spacing:.08em}.public-live-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:14px;height:calc(100vh - 94px)}.public-live-grid .radar-stage{height:100%;min-height:520px;border:1px solid var(--line);border-radius:12px}.public-live-sidebar{overflow:auto;border:1px solid var(--line);border-radius:12px;padding:15px;background:rgba(4,17,27,.92)}@keyframes radarSweep{to{transform:rotate(360deg)}}@keyframes cellPulse{to{transform:scale(1.13) rotate(8deg);opacity:1}}@media(max-width:900px){.radar-launch,.weather-modal-body,.public-live-grid{grid-template-columns:1fr}.radar-stage{min-height:330px;border-right:0;border-bottom:1px solid var(--line)}.weather-modal{padding:8px}.weather-modal-shell{height:97vh}.weather-modal-radar{min-height:330px}.public-live-grid{height:auto}.public-live-grid .radar-stage{min-height:430px}.live-metrics{grid-template-columns:1fr 1fr}}

.region-control{display:block;margin:13px 0 16px;color:#8fb1c6;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.region-control select{display:block;width:100%;margin-top:6px;padding:11px 36px 11px 12px;border:1px solid rgba(75,214,255,.35);border-radius:8px;background:#071b28;color:#eef8ff;font:inherit;font-size:13px;letter-spacing:0;text-transform:none;cursor:pointer}.region-control.compact{margin:10px 0 14px}.live-weather-panel+.hero-grid{margin-top:18px}.hero-grid{margin-bottom:18px}
.location-controls{display:grid;grid-template-columns:minmax(120px,.42fr) minmax(200px,1fr);gap:10px;align-items:end}.location-controls .region-control{margin:13px 0 16px}.modal-controls{margin-top:8px}.modal-controls .region-control{margin:6px 0 12px}@media(max-width:620px){.location-controls{grid-template-columns:1fr}}


/* v1.1 live radar + broadcast */
.live-map-stage{background:#02070b;position:relative}.live-map-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#02070b}.map-status{position:absolute;z-index:5;left:14px;top:14px;display:flex;gap:8px;align-items:center;padding:8px 11px;border:1px solid rgba(75,214,255,.36);border-radius:8px;background:rgba(2,12,19,.82);backdrop-filter:blur(8px);font-size:11px;letter-spacing:.08em;pointer-events:none}.map-status span:last-child{color:#9db9c9}.radar-action[type=button]{cursor:pointer}.broadcast-console{padding:18px;border-bottom:1px solid var(--line);background:linear-gradient(145deg,rgba(7,32,47,.92),rgba(4,15,24,.92))}.broadcast-readout span,.broadcast-readout small{display:block;color:var(--muted)}.broadcast-readout>span{font-size:10px;letter-spacing:.14em}.broadcast-readout strong{display:block;font-size:25px;margin:5px 0}.broadcast-readout small{font-size:13px}.map-layer-controls{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.map-layer-controls button{border:1px solid var(--line);border-radius:7px;background:#071b28;color:#b9d2df;padding:8px 11px;cursor:pointer}.map-layer-controls button.active{border-color:#4bd6ff;background:rgba(31,151,202,.28);color:#fff;box-shadow:0 0 14px rgba(75,214,255,.12)}.broadcast-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.sidebar-layers{margin-top:16px}.broadcast-body{margin:0;overflow:hidden;background:#02070b;color:#fff;font-family:Arial,Helvetica,sans-serif}.broadcast-stage{position:relative;width:100vw;height:100vh;overflow:hidden;background:#02070b}.broadcast-map,.broadcast-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.broadcast-header{position:absolute;left:0;right:0;top:0;z-index:8;display:flex;justify-content:space-between;align-items:center;padding:15px 22px;background:linear-gradient(180deg,rgba(0,8,14,.94),rgba(0,8,14,.35),transparent);text-shadow:0 2px 10px #000}.broadcast-header strong{letter-spacing:.1em}.broadcast-header small{color:#9bc6da}.broadcast-clock{font-weight:800;font-variant-numeric:tabular-nums}.broadcast-lower-third{position:absolute;z-index:9;left:2.5%;right:2.5%;bottom:54px;display:grid;grid-template-columns:minmax(300px,1fr) repeat(3,minmax(115px,.2fr));background:rgba(2,13,21,.92);border:1px solid rgba(75,214,255,.5);box-shadow:0 18px 50px rgba(0,0,0,.55);backdrop-filter:blur(12px)}.broadcast-location,.broadcast-stat{padding:14px 18px;border-right:1px solid var(--line)}.broadcast-location span,.broadcast-stat span{display:block;font-size:10px;letter-spacing:.13em;color:#8fb1c6}.broadcast-location strong{display:block;font-size:clamp(22px,3vw,38px);line-height:1.05;margin:4px 0}.broadcast-location small{color:#ccecff}.broadcast-stat{display:flex;flex-direction:column;justify-content:center}.broadcast-stat strong{font-size:clamp(20px,2vw,31px);margin-top:5px}.alert-stat strong{color:#ffca68}.broadcast-ticker{position:absolute;z-index:10;left:0;right:0;bottom:0;height:42px;display:flex;align-items:center;background:#071722;border-top:1px solid rgba(75,214,255,.35);overflow:hidden}.broadcast-ticker strong{height:100%;display:flex;align-items:center;padding:0 18px;background:#d52d3a;font-size:11px;letter-spacing:.1em}.broadcast-ticker div{padding:0 20px;white-space:nowrap;animation:broadcastTicker 35s linear infinite}.broadcast-controls{position:absolute;z-index:12;right:18px;top:70px;width:min(390px,calc(100vw - 36px));padding:13px;border:1px solid rgba(75,214,255,.35);border-radius:10px;background:rgba(3,16,25,.9);backdrop-filter:blur(10px)}.obs-mode .broadcast-header{padding-top:20px}.obs-mode .broadcast-controls{display:none}@keyframes broadcastTicker{from{transform:translateX(35%)}to{transform:translateX(-100%)}}@media(max-width:800px){.broadcast-lower-third{grid-template-columns:1fr 1fr;bottom:42px}.broadcast-location{grid-column:1/-1}.broadcast-stat{padding:9px 12px}.broadcast-controls{top:58px}.broadcast-header small{display:none}}