/* scenes/orbitbase.js -- a ship built in orbit, a rocket docking nose-in, the flip */
.gscene-orbitbase .gscroll-sticky, .gscene-orbitbase:not(.gscene-scroll) .gscene-stage { background: #02040a; }
.gscene-orbitbase .gscene-stage { background: none; }
.ob-sky { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.ob-stars {
  position: absolute; inset: 0;
  background:
    radial-gradient(1.5px 1.5px at 7% 12%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 19% 38%, #fff 50%, transparent 51%),
    radial-gradient(1px 1px at 31% 9%, #dfe8ff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 43% 27%, #fff 50%, transparent 51%),
    radial-gradient(1px 1px at 58% 16%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 67% 44%, #cfe0ff 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 84% 8%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 93% 33%, #fff 50%, transparent 51%),
    radial-gradient(1px 1px at 11% 58%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 76% 61%, #fff 50%, transparent 51%),
    radial-gradient(1px 1px at 49% 52%, #dfe8ff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 36% 70%, #fff 50%, transparent 51%),
    linear-gradient(180deg, #010208, #050913 60%, #0d1a36);
}
.ob-tag {
  position: absolute; left: 0; top: 0; z-index: 3; pointer-events: none; white-space: nowrap; opacity: 0; transition: opacity 0.3s;
  padding: 4px 11px; border-radius: 99px; font: 800 0.78rem var(--display); letter-spacing: 0.06em; text-transform: uppercase;
  color: #fff; background: rgba(6, 10, 22, 0.78); border: 1px solid rgba(143, 211, 255, 0.35);
}
.ob-tag.on { opacity: 1; }
.ob-moon { border-color: rgba(255, 255, 255, 0.18); }
@media (max-width: 560px) { .ob-tag { font-size: 0.7rem; padding: 3px 9px; } }
@media (prefers-reduced-motion: reduce) { .ob-tag { transition: none; } }