/* ─── Escape Hatch — solar.css ───────────────────────────────────────────────
   Distant sun peeking from behind the globe. z-index 1 (below globe at 2).
   ──────────────────────────────────────────────────────────────────────────── */

#solar-system {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}

/*
  Sun: small and distant — ~10vmin diameter.
  Positioned so it peeks from the lower-right edge of the globe.
  The globe is ~52vmin wide, centred in the viewport.
  Sun centre sits ~24vmin right and ~22vmin below viewport centre,
  placing roughly 30-40% of the disc visible beyond the globe edge.
*/
.solar-sun {
  position: absolute;
  top:  calc(50% + 22vmin);
  left: calc(50% + 24vmin);
  transform: translate(-50%, -50%);
  width:  10vmin;
  height: 10vmin;
  border-radius: 50%;
  background: radial-gradient(
    circle at 50% 50%,
    #ffffff 0%,
    #fffde0 18%,
    #ffe980 40%,
    #ffb830 68%,
    #ff7000 88%,
    #a03000 100%
  );
  box-shadow:
    0 0  3vmin  1vmin rgba(255, 200, 60, 0.35),
    0 0  7vmin  2vmin rgba(255, 150, 20, 0.18),
    0 0 14vmin  4vmin rgba(255, 100,  0, 0.08);
  animation: sun-pulse 10s ease-in-out infinite alternate;
}

@keyframes sun-pulse {
  from {
    box-shadow:
      0 0  3vmin  1vmin rgba(255, 200, 60, 0.35),
      0 0  7vmin  2vmin rgba(255, 150, 20, 0.18),
      0 0 14vmin  4vmin rgba(255, 100,  0, 0.08);
  }
  to {
    box-shadow:
      0 0  4vmin  1.5vmin rgba(255, 200, 60, 0.42),
      0 0  9vmin  3vmin   rgba(255, 150, 20, 0.22),
      0 0 18vmin  5vmin   rgba(255, 100,  0, 0.10);
  }
}

@media (max-width: 640px) {
  #solar-system { display: none; }
}