/* scenes/earthrise.js -- the Earth in the Moon's black sky, across a lunar day */
.gscene-earthrise .gscroll-sticky, .gscene-earthrise:not(.gscene-scroll) .gscene-stage { background: #02040a; }
.gscene-earthrise .gscene-stage { background: none; }
.er-sky { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.er-stars {
  position: absolute; inset: 0;
  background:
    radial-gradient(1.5px 1.5px at 6% 14%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 18% 40%, #fff 50%, transparent 51%),
    radial-gradient(1px 1px at 29% 8%, #dfe8ff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 41% 30%, #fff 50%, transparent 51%),
    radial-gradient(1px 1px at 57% 18%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 66% 46%, #cfe0ff 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 83% 10%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 94% 36%, #fff 50%, transparent 51%),
    radial-gradient(1px 1px at 12% 62%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 74% 58%, #fff 50%, transparent 51%),
    radial-gradient(1px 1px at 48% 54%, #dfe8ff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 35% 66%, #fff 50%, transparent 51%),
    linear-gradient(180deg, #010208, #050913 70%, #0b1020);
}
.er-sun { position: absolute; left: 0; top: 0; width: 180px; height: 180px; border-radius: 50%; opacity: 0;
  background: radial-gradient(circle, #fffdf2 0 13%, rgba(255, 244, 205, 0.55) 18%, rgba(255, 220, 140, 0.16) 38%, transparent 66%); }
.er-tag {
  position: absolute; left: 0; top: 0; z-index: 3; pointer-events: none; white-space: nowrap; opacity: 0; transition: opacity 0.3s;
  padding: 3px 10px; border-radius: 99px; font: 800 0.78rem var(--display); letter-spacing: 0.08em; text-transform: uppercase;
  color: #fff; background: rgba(6, 10, 22, 0.7); border: 1px solid rgba(255, 255, 255, 0.16);
}
.er-tag.on { opacity: 1; }