/*
 * base.css — page layout and background.
 *
 * The map fills the whole window. The light blue-grey background (#e3edf2, the map's sea
 * colour) shows around the flat 2D map; in 3D, star-sky.css turns it black.
 */

html, body, #map {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body, #map {
  background: #e3edf2;
}

/* Ordinary arrow pointer over the map instead of MapLibre's open hand (`grab`). While a
   button is held down (dragging the globe) MapLibre's closed hand (`grabbing`, from its
   `:active` rule) still shows. The ruler's crosshair (measure-tool.css) and the buttons' own
   cursors still win. */
.maplibregl-canvas-container.maplibregl-interactive {
  cursor: default;
}

.maplibregl-canvas-container.maplibregl-interactive:active {
  cursor: grabbing;
}