@font-face {
  font-family: "Courier Prime";
  src: url("vendor/fonts/CourierPrime-Regular.woff2") format("woff2");
  font-display: swap;
}
html, body, #map { height: 100%; margin: 0; background: #111; }
.leaflet-tile { image-rendering: pixelated; }
.coords, .pois {
  background: rgba(0, 0, 0, 0.7); color: #eee;
  font: 14px/1.4 "Courier Prime";
  border-radius: 4px;
}
.coords { padding: 3px 8px; }
.coords:empty { display: none; }
.pois { max-width: 220px; clear: none; }
.pois summary { padding: 4px 10px; cursor: pointer; user-select: none; }
.pois-list { max-height: 60vh; overflow-y: auto; padding: 0 0 4px; }
.pois button {
  display: block; width: 100%; text-align: left;
  background: none; border: 0; color: inherit; font: inherit;
  padding: 4px 10px; cursor: pointer;
}
.pois button:hover, .pois button:focus-visible { background: rgba(255, 255, 255, 0.15); }