/* scenes/roundwalk.css -- the walk around the round planet (scenes/roundwalk.js) */
.gscene-roundwalk .gscroll-sticky, .gscene-roundwalk:not(.gscene-scroll) .gscene-stage {
  background:
    radial-gradient(1.5px 1.5px at 7% 18%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 19% 64%, #fff 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 33% 12%, #dfe8ff 50%, transparent 51%), radial-gradient(1px 1px at 52% 38%, #fff 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 71% 22%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 88% 58%, #cfe0ff 50%, transparent 51%),
    radial-gradient(1px 1px at 12% 86%, #fff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 46% 82%, #fff 50%, transparent 51%),
    radial-gradient(1px 1px at 63% 70%, #fff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 94% 9%, #fff 50%, transparent 51%),
    radial-gradient(ellipse 80% 60% at 50% 50%, #0b1430, #03050b 75%);
}
.gscene-roundwalk .gscene-stage { cursor: grab; }
.gscene-roundwalk .gscene-stage:active { cursor: grabbing; }
.gscene-roundwalk .stage-canvas { z-index: 1; }
.rw-atmo { position: absolute; left: 0; top: 0; z-index: 0; border-radius: 50%; pointer-events: none; opacity: 0; transition: opacity 0.4s;
  background: radial-gradient(circle, transparent 60%, rgba(110, 170, 255, 0.28) 70%, rgba(110, 170, 255, 0.1) 78%, transparent 86%); }
.rw-tag { position: absolute; left: 0; top: 0; z-index: 2; padding: 4px 10px; border-radius: 99px; pointer-events: none; white-space: nowrap;
  font: 800 0.78rem var(--display); letter-spacing: 0.06em; text-transform: uppercase; color: #fff;
  background: rgba(232, 59, 59, 0.85); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35); opacity: 0; transition: opacity 0.3s; }
.rw-tag.on { opacity: 1; }
.rw-counter { position: absolute; left: 16px; bottom: 16px; z-index: 3; display: flex; flex-direction: column; gap: 2px; padding: 10px 16px;
  border-radius: 16px; pointer-events: none; background: rgba(8, 12, 26, 0.72); border: 1px solid rgba(255, 255, 255, 0.12);
  font-variant-numeric: tabular-nums; opacity: 0; transform: translateY(8px); transition: opacity 0.4s, transform 0.4s; }
.rw-counter.on { opacity: 1; transform: none; }
.rw-counter b { font: 800 clamp(1.3rem, 3.2vw, 1.9rem)/1.1 var(--display); color: var(--gold, #ffcc4d); }
.rw-counter small { font: 700 0.85rem var(--display); color: var(--muted, #a6b3cd); }
@media (prefers-reduced-motion: reduce) { .rw-counter, .rw-tag, .rw-atmo { transition: none; } }