.controls-icon{display:none;width:22px;height:22px;flex:none}
.map-status-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
#map-density-summary{font-size:calc(10px * var(--legend-scale));line-height:1.4;color:var(--muted);margin:3px 0 0}
#map-density-summary[hidden]{display:none}
:root[data-phone-layout=true] .weather-dialog #map-controls-toggle{width:max(44px,calc(44px * var(--controls-scale)));height:max(44px,calc(44px * var(--controls-scale)));padding:9px}
:root[data-phone-layout=true] #map-controls-toggle .controls-label{display:none}
:root[data-phone-layout=true] #map-controls-toggle .controls-icon{display:block;width:calc(22px * var(--controls-scale));height:calc(22px * var(--controls-scale))}
:root[data-phone-layout=true] .map-title span{display:none}
:root[data-phone-layout=true] .map-title h1{font-size:calc(14px * var(--controls-scale));line-height:1.25}
:root[data-phone-layout=true] .map-title{top:24px;max-width:calc(100% - 185px * var(--controls-scale))}
:root[data-phone-layout=true] .weather-dialog .map-controls-launcher{right:10px;top:14px;gap:6px}
:root[data-phone-layout=true] .weather-dialog .map-controls-launcher #home-view{width:max(44px,calc(44px * var(--controls-scale)));height:max(44px,calc(44px * var(--controls-scale)));padding:9px}
:root[data-phone-layout=true] .weather-dialog .metar-legend{justify-content:center;gap:12px;font-size:calc(9px * var(--legend-scale));flex-wrap:wrap}
:root[data-phone-layout=true] .metar-legend :is(.stale,.missing){display:none}
:root[data-phone-layout=true] .weather-dialog .map-bottom-overlay{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));padding:7px 10px;border-radius:12px}
:root[data-phone-layout=true] .weather-dialog .map-radar-summary{font-size:calc(10px * var(--legend-scale));margin:2px 0 0}
:root[data-phone-layout=true] #map-density-summary{font-size:calc(9px * var(--legend-scale));margin:2px 0 0}
:root[data-phone-layout=true] .map-status-row{gap:4px 8px;justify-content:space-between}
:root[data-phone-layout=true] .map-province-name{font-size:9px;letter-spacing:1px}
@media(prefers-reduced-motion:no-preference){#map-controls-toggle .controls-icon{transition:transform .15s}#map-controls-toggle[aria-expanded=true] .controls-icon{transform:rotate(45deg)}}