#radar{margin:16px 0 28px}#radar>h3{margin:0 0 12px;font-weight:600}.radar-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:900px){.radar-grid{grid-template-columns:1fr 1fr}}.card.radar-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);grid-template-rows:auto 1fr;gap:8px;min-width:0;padding:10px;transition:box-shadow .2s,transform .2s,border-color .2s;display:grid;position:relative}.radar-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.radar-head{justify-content:space-between;align-items:center;display:flex}.radar-subtitle{color:var(--muted);font:600 13px/1.2 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.radar-framewrap{border-radius:calc(var(--radius) - 2px);width:100%;height:360px;position:relative;overflow:hidden}@media (max-width:600px){.radar-framewrap{height:300px}}.radar-frame{border:0;width:100%;height:100%;display:block}.radar-attrib{color:var(--muted);margin-top:4px;font:12px/1.2 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}@keyframes glowBlue{0%,to{box-shadow:0 0 #38bdf800}50%{box-shadow:0 0 24px #38bdf873}}@keyframes glowRed{0%,to{box-shadow:0 0 #f43f5e00}50%{box-shadow:0 0 28px #f43f5e80}}@keyframes glowAmber{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 26px #f59e0b80}}@keyframes glowCyan{0%,to{box-shadow:0 0 #22d3ee00}50%{box-shadow:0 0 22px #22d3ee73}}@keyframes glowOrange{0%,to{box-shadow:0 0 #f9731600}50%{box-shadow:0 0 26px #f9731680}}.radar-card.alert-rain{border-color:#38bdf88c;animation:2.4s ease-in-out infinite glowBlue}.radar-card.alert-rain .radar-subtitle{color:#38bdf8}.radar-card.alert-rain-alt{border-color:#22d3ee8c;animation:2.5s ease-in-out infinite glowCyan}.radar-card.alert-rain-alt .radar-subtitle{color:#22d3ee}.radar-card.alert-extreme{border-color:#f43f5e99;animation:2.2s ease-in-out infinite glowRed}.radar-card.alert-extreme .radar-subtitle{color:#f43f5e}.radar-card.alert-extreme-alt{border-color:#f97316a6;animation:2.3s ease-in-out infinite glowOrange}.radar-card.alert-extreme-alt .radar-subtitle{color:#f97316}.radar-card.alert-thunder-strong{border-color:#f59e0bb3;animation:2s ease-in-out infinite glowAmber}.radar-card.alert-thunder-strong .radar-subtitle{color:#f59e0b}.radar-card.alert-thunder-alt{opacity:.98;border-color:#f59e0b8c;animation:2.6s ease-in-out infinite glowAmber}