/* Keep MapLibre's WebGL surface inexpensive and stable during rapid navigation. */
html body main.app-shell section.map-stage.map-focus #map,
html body main.app-shell section.map-stage.map-focus #map.maplibregl-map,
html body main.app-shell section.map-stage.map-focus .maplibregl-canvas-container {
  background: #dcebe7 !important;
}

html body main.app-shell section.map-stage.map-focus #map.maplibregl-map .maplibregl-canvas,
html body main.app-shell section.map-stage.map-focus.map-night #map.maplibregl-map .maplibregl-canvas,
html body main.app-shell section.map-stage.map-focus.map-interacting #map.maplibregl-map .maplibregl-canvas,
html body main.app-shell section.map-stage.map-focus.map-zooming #map.maplibregl-map .maplibregl-canvas {
  filter: none !important;
  transform: none !important;
  backface-visibility: visible !important;
  image-rendering: auto !important;
}

html body main.app-shell section.map-stage.map-focus.map-zooming .map-life-layer,
html body main.app-shell section.map-stage.map-focus.map-interacting .map-life-layer {
  opacity: 0 !important;
  transition: opacity 90ms linear !important;
}

html body main.app-shell section.map-stage.map-focus.map-zooming .memory-marker-glow,
html body main.app-shell section.map-stage.map-focus.map-zooming .memory-chapter-trail,
html body main.app-shell section.map-stage.map-focus.map-zooming .memory-constellation-layer,
html body main.app-shell section.map-stage.map-focus.map-zooming .memory-cloud-layer {
  animation-play-state: paused !important;
  opacity: 0 !important;
}

html body main.app-shell section.map-stage.map-focus .maplibregl-marker {
  backface-visibility: hidden !important;
  will-change: transform !important;
}

@media (prefers-reduced-motion: reduce) {
  html body main.app-shell section.map-stage.map-focus .maplibregl-canvas,
  html body main.app-shell section.map-stage.map-focus .maplibregl-marker {
    transition: none !important;
  }
}