.wheel-box { display: flex; justify-content: center; }
.wheel { width: 100%; max-width: 320px; height: auto; display: block; }
.wheel .spin { transform-box: fill-box; transform-origin: center; transition: transform 4s cubic-bezier(.17, .67, .12, 1); }
.wheel .pointer { fill: var(--fg); }
.wheel text { font-size: 9px; font-weight: 600; fill: #fff; stroke: rgba(0, 0, 0, .45); stroke-width: 1.5px; paint-order: stroke; }
@media (prefers-reduced-motion: reduce) {
  .wheel .spin { transition: none; }
}