/* Стеклянное кольцо в первом экране */
.ring {
  position: relative;
  width: 100%;
  max-width: 620px;
  height: clamp(280px, 62vw, 400px);
  margin: 4px auto 12px;
  cursor: grab;
}
.ring.is-drag { cursor: grabbing; }
.ring canvas { display: block; touch-action: pan-y; }
.ring__fallback {
  display: block;
  height: 100%;
  margin: 0 auto;
  border-radius: 24px;
  object-fit: cover;
  aspect-ratio: 3 / 4;
}
.ring.is-ready .ring__fallback { display: none; }
.ring__hint { margin: 0 0 16px; font-size: 15px; color: var(--choco-soft); }