.controls {
  display: inline-block;
  vertical-align: top;
  margin: 1em;
}
.map {
  display: inline-block;
  vertical-align: top;
  margin: 1em;
}
.captions {
  display: inline-block;
  vertical-align: top;
  margin: 1em;
}
.daily-island-zone {
  width: 30;
  height: 15;
  border: var(--border);
  display: inline-block;
}

.daily-island-point {
  width: 19;
  height: 19;
  background-image: url('/images/island-cities.png');
  background-repeat: no-repeat;
  display: inline-block;
}

#capital.daily-island-point {
  background-position: 0px 0px;
}

#city.daily-island-point {
  background-position: -19px 0px;
}

#town.daily-island-point {
  background-position: -38px 0px;
}

#village.daily-island-point {
  background-position: -57px 0px;
}