#map {

  width: 100%;

  height: 100vh;

}



/* Legend container */

.legend-container {

  position: absolute;

  bottom: 50px;

  left: 20px;

  background: rgba(255, 255, 255, 0.9);

  border: 1px solid #ccc;

  padding: 8px;

  border-radius: 6px;

  font-size: 12px;

  max-height: 250px;

  overflow-y: auto;

  box-shadow: 0 2px 6px rgba(0,0,0,0.3);

}



.legend-item {

  margin-bottom: 6px;

}



.legend-item img {

  display: block;

  max-width: 140px;

}