/* Quiet the map while it moves, then restore context with a soft fade. */
html body .app-shell .map-stage.map-focus .map-life-layer,
html body .app-shell .map-stage.map-focus .map-coordinates,
html body .app-shell .map-stage.map-focus .memory-constellation-label,
html body .app-shell .map-stage.map-focus .memory-chapter-trail-label,
html body .app-shell .map-stage.map-focus .hidden-discovery-badge,
html body .app-shell .map-stage.map-focus .journey-stop-label,
html body .app-shell .map-stage.map-focus .memory-marker-detail,
html body .app-shell .map-stage.map-focus .memory-peek-card,
html body .app-shell .map-stage.map-focus .maplibregl-popup {
  transition:
    opacity 340ms cubic-bezier(0.2, 0.7, 0.25, 1),
    filter 340ms cubic-bezier(0.2, 0.7, 0.25, 1),
    transform 340ms cubic-bezier(0.2, 0.7, 0.25, 1) !important;
}

html body .app-shell .map-stage.map-focus.map-detail-quiet .map-life-layer,
html body .app-shell .map-stage.map-focus.map-detail-quiet .map-coordinates,
html body .app-shell .map-stage.map-focus.map-detail-quiet .memory-constellation-label,
html body .app-shell .map-stage.map-focus.map-detail-quiet .memory-chapter-trail-label,
html body .app-shell .map-stage.map-focus.map-detail-quiet .hidden-discovery-badge,
html body .app-shell .map-stage.map-focus.map-detail-quiet .journey-stop-label,
html body .app-shell .map-stage.map-focus.map-detail-quiet .memory-marker-detail,
html body .app-shell .map-stage.map-focus.map-detail-quiet .memory-peek-card,
html body .app-shell .map-stage.map-focus.map-detail-quiet .maplibregl-popup {
  opacity: 0 !important;
  filter: blur(2px) saturate(0.82) !important;
  pointer-events: none !important;
}

html body .app-shell .map-stage.map-focus.map-detail-quiet .map-coordinates,
html body .app-shell .map-stage.map-focus.map-detail-quiet .memory-peek-card,
html body .app-shell .map-stage.map-focus.map-detail-quiet .maplibregl-popup {
  transform: translateY(5px) scale(0.985) !important;
}

html body .app-shell .map-stage.map-focus.map-detail-quiet .memory-marker-glow,
html body .app-shell .map-stage.map-focus.map-detail-quiet .memory-cluster-marker {
  filter: none !important;
  transition: filter 120ms ease, opacity 120ms ease !important;
}

html body .app-shell .map-stage.map-focus.map-detail-quiet .memory-marker-glow {
  opacity: 0.14 !important;
}

@media (prefers-reduced-motion: reduce) {
  html body .app-shell .map-stage.map-focus .map-life-layer,
  html body .app-shell .map-stage.map-focus .map-coordinates,
  html body .app-shell .map-stage.map-focus .memory-constellation-label,
  html body .app-shell .map-stage.map-focus .memory-chapter-trail-label,
  html body .app-shell .map-stage.map-focus .hidden-discovery-badge,
  html body .app-shell .map-stage.map-focus .journey-stop-label,
  html body .app-shell .map-stage.map-focus .memory-marker-detail,
  html body .app-shell .map-stage.map-focus .memory-peek-card,
  html body .app-shell .map-stage.map-focus .maplibregl-popup {
    transition: opacity 100ms linear !important;
  }
}