/* scenes/voxelzoom.css -- the zoom from the planet to one voxel (guide "voxel games"). */
.gscene-voxelzoom .gscroll-sticky {
  background:
    radial-gradient(1.5px 1.5px at 8% 20%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 22% 70%, #fff 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 38% 14%, #dfe8ff 50%, transparent 51%), radial-gradient(1px 1px at 57% 42%, #fff 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 76% 24%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 92% 62%, #cfe0ff 50%, transparent 51%),
    radial-gradient(1px 1px at 14% 88%, #fff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 48% 84%, #fff 50%, transparent 51%),
    linear-gradient(180deg, #03050b, #060a16 50%, #03050b);
}
.vz-sky { position: absolute; inset: 0; opacity: 0; pointer-events: none;
  background: linear-gradient(180deg, #2a5ca8 0%, #4f8fd6 45%, #9fd0f0 85%, #c9e6f2 100%); }
.vz-label {
  position: absolute; left: 0; top: 0; z-index: 4; opacity: 0; pointer-events: none; white-space: nowrap;
  padding: 5px 12px; border-radius: 9px; font: 800 clamp(0.8rem, 1.6vw, 1rem) var(--display); color: #fff;
  background: rgba(8, 12, 24, 0.8); border: 1px solid rgba(255, 255, 255, 0.16); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
.vz-label::before { content: ""; display: inline-block; width: 9px; height: 9px; border-radius: 2px; margin-right: 8px; background: var(--gold); vertical-align: 0; }
.vz-column::before { background: var(--grass); }
.vz-block::before, .vz-split::before { background: #9a6a3e; }
.vz-voxel { font-size: clamp(0.95rem, 2vw, 1.2rem); border-color: rgba(255, 210, 63, 0.6); }
.vz-skin::before { background: var(--sky); }
@media (prefers-reduced-motion: reduce) { .gscene-voxelzoom .gscroll-sticky { min-height: 70vh; } }