.radar-page{padding-bottom:4rem}.radar-page .data-heading p{max-width:760px}.radar-panel{background:#101820;border:1px solid #263747;border-radius:12px;padding:1.2rem;margin:1.5rem 0}.radar-toolbar{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-bottom:.85rem}.radar-toggle-group{display:flex;gap:.45rem}.radar-toolbar button{background:#172839;color:#d3e6f4;border:1px solid #35516a;border-radius:6px;padding:.55rem .8rem;cursor:pointer;font:inherit;font-size:.74rem;font-weight:700;letter-spacing:.06em}.radar-toolbar button[aria-pressed="true"]{background:#2375a8;border-color:#58b7e8;color:#fff}.radar-toolbar>#resetRadarMap{margin-left:auto}.radar-opacity{display:flex;align-items:center;gap:.55rem;padding:.45rem .7rem;background:#101c27;border:1px solid #2d4355;border-radius:7px;color:#9eb5c6;font-size:.69rem;font-weight:800;letter-spacing:.08em}.radar-opacity input{width:125px;accent-color:#58b7e8}.radar-opacity output{min-width:2.5rem;color:#e4f1fa;text-align:right}.radar-status-row{display:flex;gap:.7rem;margin-bottom:.85rem}.radar-status-row>div{flex:1;display:flex;justify-content:space-between;gap:1rem;padding:.7rem .85rem;background:#111c26;border:1px solid #283c4c;border-radius:7px}.radar-status-row span{color:#829bad;font-size:.66rem;font-weight:800;letter-spacing:.1em}.radar-status-row strong{color:#d9e9f5;font-size:.7rem;letter-spacing:.05em;text-align:right}#radarMap{height:min(67vh,680px);min-height:500px;border:1px solid #304354;border-radius:8px;background:#14202c}.radar-message{margin:.5rem 0 0;min-height:0;color:#aebdca;font-size:.72rem}.radar-message:empty{display:none}.warning-legend{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;padding:.8rem 0 0;color:#b7c8d5;font-size:.68rem}.warning-legend span{display:flex;align-items:center;gap:.35rem}.warning-legend i{display:inline-block;width:1rem;height:.65rem;border:2px solid;border-radius:2px}.warning-legend .tornado{border-color:#ff3131;background:#ff313126}.warning-legend .severe{border-color:#ffd22e;background:#ffd22e24}.warning-legend .flash{border-color:#35ed58;background:#35ed5824}.warning-legend .flood{border-color:#42be78;background:#42be781c}.warning-legend .tornado-watch{border-color:#ff3131;background:transparent}.warning-legend .severe-watch{border-color:#ffd22e;background:transparent}.warning-legend .flood-watch{border-color:#176b3a;background:transparent}.radar-sources{padding-bottom:1rem}.warning-popup{color:#152637;min-width:250px;max-width:340px}.warning-popup h3{margin:0;padding:0 .2rem .4rem 0;font:700 1rem/1.2 Inter,sans-serif;letter-spacing:.025em;color:#122535}.warning-popup .warning-area{margin:0 0 .55rem;color:#354e60;font-size:.78rem;font-weight:700}.warning-popup .warning-expires{margin:0 0 .65rem;padding:.45rem .55rem;background:#edf3f6;border-left:3px solid #d73030;color:#243a49;font-size:.76rem}.warning-popup dl{display:grid;grid-template-columns:72px minmax(0,1fr);gap:.26rem .55rem;margin:0}.warning-popup dt{color:#647987;font-size:.63rem;font-weight:800;letter-spacing:.07em}.warning-popup dd{margin:0;color:#1d3443;font-size:.73rem;line-height:1.35;overflow-wrap:anywhere}.warning-popup details{margin-top:.7rem;padding-top:.6rem;border-top:1px solid #d1dce2}.warning-popup summary{cursor:pointer;color:#126b9d;font-size:.68rem;font-weight:800;letter-spacing:.07em}.warning-popup .full-warning{max-height:190px;overflow:auto;margin-top:.5rem;color:#354e60;font-size:.69rem;line-height:1.45;white-space:pre-line}.maplibregl-popup-content{padding:13px 15px;border-radius:8px;box-shadow:0 7px 24px #0008}.maplibregl-popup-close-button{font-size:20px;padding:2px 7px;color:#385264}.maplibregl-ctrl-attrib{font-size:10px}@media(max-width:700px){.radar-panel{padding:.75rem}.radar-toolbar{align-items:stretch}.radar-toggle-group{flex:1}.radar-toggle-group button{flex:1}.radar-opacity{order:3;width:100%;justify-content:space-between}.radar-opacity input{flex:1}.radar-toolbar>#resetRadarMap{margin-left:0}.radar-status-row{flex-direction:column;gap:.4rem}#radarMap{height:62vh;min-height:410px}.warning-popup{min-width:210px;max-width:280px}}@media(max-width:400px){.radar-toolbar{gap:.45rem}.radar-toolbar button{padding:.5rem .65rem}.warning-legend{gap:.55rem}#radarMap{min-height:370px}.warning-popup dl{grid-template-columns:62px minmax(0,1fr)}}