.legend{background:#fff;padding:10px;border-radius:5px;line-height:1.5;box-shadow:0 1px 5px rgba(0,0,0,.4)}.legend h4{margin:0 0 5px}.legend span{display:inline-block;width:15px;height:15px;margin-right:5px;border:1px solid #555;vertical-align:middle}.map-title{text-align:center}.controls-container{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:nowrap;white-space:nowrap}.controls-container select{padding:5px;border-radius:5px;border:1px solid #ccc}#map{height:80vh;width:100%;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}