.radar-weather-layer-menu{min-width:0}
.radar-weather-layer-options{width:min(340px,calc(100vw - 32px));max-height:min(68vh,610px);overflow:auto;overscroll-behavior:contain}
.radar-weather-layer-options fieldset{display:grid;gap:7px;margin:0;padding:0 0 10px;border:0;border-bottom:1px solid rgba(140,177,207,.2)}
.radar-weather-layer-options fieldset+fieldset{padding-top:10px}
.radar-weather-layer-options legend{padding:0 0 7px;color:#8fd3ff;font-size:.72rem;font-weight:900;letter-spacing:.08em}
.radar-weather-layer-options label{align-items:center;min-height:32px;padding:4px 5px;border-radius:6px;line-height:1.25}
.radar-weather-layer-options label:hover{background:rgba(44,142,219,.12)}
.radar-weather-layer-options input{flex:0 0 auto}
.radar-layer-panel-close{display:none}
.radar-data-swatch{display:inline-block;flex:0 0 14px;width:14px;height:14px;border:2px solid rgba(255,255,255,.82);border-radius:50%;box-shadow:0 0 0 1px rgba(2,10,22,.75)}
.radar-data-swatch.temperature{background:linear-gradient(135deg,#4da3ff 0 45%,#ffb347 55% 100%)}
.radar-data-swatch.dewpoint{background:linear-gradient(135deg,#8fdc70,#1b8f57)}
.radar-data-swatch.wind{background:#53c8ff}
.radar-data-swatch.gust{background:#ffb037}
.radar-data-swatch.snow{background:#dceeff}
.radar-data-swatch.ice{background:#d665ff}
.radar-data-swatch.ptype{background:conic-gradient(#69cfff,#d665ff,#7ddf77,#69cfff)}
.radar-data-swatch.spc{background:#ffe066;border-radius:3px}
.radar-layer-off{margin-top:9px;color:#b7cbdc}
#radarWeatherLayerStatus{display:block;margin-top:9px;padding-top:9px;border-top:1px solid rgba(140,177,207,.2);color:#b9d6ea;line-height:1.35}
#radarWeatherLayerStatus.is-error{color:#ff9ba0}
#radarWeatherLayerStatus.is-loading{color:#ffe17d}
.radar-weather-legend{display:none;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 0;padding:8px 10px;border:1px solid rgba(140,177,207,.28);border-radius:8px;background:rgba(4,17,34,.78);color:#d7e9f6;font-size:.75rem;font-weight:800}
.radar-weather-legend.active{display:flex}
.radar-weather-legend b{color:#fff;letter-spacing:.05em}
.radar-weather-legend span{display:inline-flex;align-items:center;gap:4px}
.radar-weather-legend i{display:inline-block;width:10px;height:10px;border:1px solid rgba(255,255,255,.7);border-radius:50%}
.mapboxgl-popup.newg-weather-popup .mapboxgl-popup-content{max-width:320px;padding:12px 14px;border:1px solid #3379aa;border-radius:8px;background:#06182b;color:#eaf6ff;box-shadow:0 12px 30px rgba(0,0,0,.5);font:600 13px/1.45 Segoe UI,Arial,sans-serif}
.mapboxgl-popup.newg-weather-popup .mapboxgl-popup-content b{color:#fff;font-size:14px}.mapboxgl-popup.newg-weather-popup .mapboxgl-popup-content small{color:#a8c6dc}
.mapboxgl-popup.newg-weather-popup .mapboxgl-popup-tip{border-top-color:#06182b;border-bottom-color:#06182b}
@media(max-width:700px){.radar-weather-layer-menu>summary{display:flex;align-items:center;justify-content:center;min-height:42px;padding:6px 5px;white-space:normal;text-align:center;font-size:.78rem;line-height:1.1}.radar-weather-layer-options{position:fixed;z-index:2000;top:auto;left:10px;right:10px;bottom:10px;width:auto;max-height:64vh;padding-bottom:calc(12px + env(safe-area-inset-bottom));box-shadow:0 18px 55px rgba(0,0,0,.78)}.radar-layer-panel-close{position:sticky;top:-12px;z-index:2;display:block;width:100%;margin:0 0 8px;padding:9px;border-color:#4bb5ff;background:#0b64bd;color:#fff;font-weight:1000}.radar-weather-legend{font-size:.69rem}}