/* A light layer inside the hero; the planet and all controls remain above it. */
.hero-starlight {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: .95;
  transition: opacity .65s ease;
}

.hero:not([data-mode="globe"]) .hero-starlight { opacity: 0; }

@media (prefers-reduced-motion: reduce) {
  .hero-starlight { transition: none; opacity: .45; }
  .hero:not([data-mode="globe"]) .hero-starlight { opacity: 0; }
}