body.v9-map-first.detailed-legend-open #mapLegend{display:block!important;position:fixed;left:12px;right:auto;width:min(320px,calc(100vw - 24px));padding:12px;z-index:115;overflow:auto;background:#1e2429;border:1px solid #46525b;border-radius:12px;box-shadow:0 6px 22px #0005;color:#f4f7fa;box-sizing:border-box}
body.v9-map-first #mapLegend[hidden]{display:none!important}
#mapLegend header{display:flex;align-items:center;gap:8px;margin-bottom:8px}#mapLegend header b{flex:1;font-size:13px}#mapLegend header>span{white-space:nowrap}#closeDetailedLegend{min-width:30px;min-height:30px;color:#fff;background:#2b333a;border:1px solid #46525b;border-radius:7px}
#mapLegend .legend-values{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;border-top:1px solid #46525b;margin-top:10px;padding-top:10px}
#mapLegend .legend-values>span{display:flex;align-items:center;gap:7px;font-size:11px;min-height:23px}#mapLegend .legend-values i{display:block;width:25px;height:16px;border-radius:3px;border:1px solid #ffffff40;flex-shrink:0}#mapLegend .legend-values b{font-weight:550}#mapLegend .legend-values small{font-size:10px;color:#bac5cd}
#mapLegend .legend-source{font-size:11px;line-height:1.45;color:#c4ced4;margin:10px 0 0}#mapLegend .legend-model-note{display:none}#mapLegend .legend-meaning{line-height:1.4}
#toggleDetailedLegend{white-space:nowrap}body.layout-map-only #mapLegend{display:none!important}
#expandDetailedLegend{display:none}#legendDetails{display:block;color:inherit}#legendDetails[hidden],#legendValues[hidden]{display:none!important}
@media(max-width:600px){
 body.v9-map-first.detailed-legend-open #mapLegend{left:8px;width:min(240px,calc(100vw - 84px));padding:6px 9px 8px;overflow:hidden}
 body.v9-map-first.detailed-legend-open #mapLegend.legend-mobile-expanded{width:min(290px,calc(100vw - 84px));display:flex!important;flex-direction:column}
 #mapLegend header{gap:5px;margin-bottom:2px;flex-shrink:0}
 #mapLegend header b{font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #mapLegend header>span{font-size:10px}
 #expandDetailedLegend,#closeDetailedLegend{display:block;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;flex-shrink:0;color:#fff;background:#2b333a;border:1px solid #46525b;border-radius:7px;font-size:16px;touch-action:manipulation}
 #mapLegend>i{margin-top:3px;height:6px;flex-shrink:0}#mapLegend>div:not(#legendDetails){flex-shrink:0;font-size:10px}
 #mapLegend #legendDetails{min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;margin-top:4px}
 #mapLegend .legend-values{margin-top:4px;padding-top:7px;gap:4px 8px}
 #mapLayoutBar{flex-wrap:wrap}
}