/* Keep each prize centred at the same proportional distance from the wheel centre. */
@media (max-width: 520px) {
  .lw-wheel-prize-marker {
    width: min(14.64vw, 54px) !important;
    height: min(14.64vw, 54px) !important;
    transform: translate(-50%,-50%) rotate(calc(22.5deg + var(--slot)*45deg)) translateY(calc(-1 * min(28.2vw, 104px))) rotate(calc(-22.5deg - var(--slot)*45deg)) !important;
  }
  .lw-wheel-prize-marker:nth-of-type(2), .lw-wheel-prize-marker:nth-of-type(6), .lw-wheel-prize-marker:nth-of-type(8) {
    width: min(15.36vw, 56px) !important;
    height: min(15.36vw, 56px) !important;
  }
  .lw-coin-glint {
    width: min(16.08vw, 60px) !important;
    height: min(16.08vw, 60px) !important;
    transform: translate(-50%,-50%) rotate(calc(22.5deg + var(--slot)*45deg)) translateY(calc(-1 * min(28.2vw, 104px))) rotate(calc(-22.5deg - var(--slot)*45deg)) !important;
  }
}

/* The supplied luxury press stays visible while the wheel is spinning. */
.lw-spin-button, .lw-spin-button:disabled {
  width: 166px !important;
  min-height: 88px !important;
  margin: -4px auto 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent url('../rewards/lucky-wheel-spin-button-luxury-v1.webp') center/contain no-repeat !important;
  box-shadow: none !important;
  color: transparent !important;
  opacity: 1 !important;
  overflow: visible !important;
}
.lw-spin-button, .lw-spin-button * { -webkit-user-select:none !important; user-select:none !important; -webkit-touch-callout:none !important; }
.lw-spin-button { -webkit-tap-highlight-color:transparent !important; touch-action:manipulation !important; }
.lw-spin-button .lw-spin-label { pointer-events:none !important; -webkit-user-drag:none !important; }
.lw-spin-button.is-spinning { animation: none !important; }
.lw-spin-button.is-spinning .lw-spin-label { animation: none !important; filter: none !important; transform: translateY(-2px) !important; }
.lw-spin-button.is-spinning::after { display:none !important; animation:none !important; }
.lw-spin-button.is-pressing { transform-origin:center center !important; will-change:transform !important; transform:translateY(7px) scale(.975,.9) !important; filter:brightness(.82) saturate(.92) drop-shadow(0 0 0 transparent) !important; transition:transform .1s ease-out,filter .1s ease-out !important; animation:none !important; }
.lw-spin-button.is-pressing:disabled { opacity:1 !important; filter:brightness(.82) saturate(.92) drop-shadow(0 0 0 transparent) !important; }
.lw-spin-button.is-pressing::after { position:absolute !important; z-index:2 !important; inset:26px 19px 25px !important; display:block !important; border:0 !important; border-radius:26px !important; background:linear-gradient(180deg,#ff5647,#ad0010) !important; box-shadow:none !important; mix-blend-mode:multiply !important; content:'' !important; pointer-events:none !important; opacity:1 !important; animation:none !important; }
.lw-live-wheel-wrap.is-spinning { animation: lw-wheel-spin-glow 5s ease-out both; }
@keyframes lw-spin-button-press { 0% { transform:translateY(0) scale(1); } 18%,78% { transform:translateY(7px) scale(.975,.9); } 100% { transform:translateY(0) scale(1); } }
@keyframes lw-spin-red-click { 0% { opacity:0; } 18%,78% { opacity:1; } 100% { opacity:0; } }
@keyframes lw-wheel-spin-glow { 0%,100% { filter: brightness(1) saturate(1); } 12%,28% { filter: brightness(1.12) saturate(1.18) drop-shadow(0 0 12px rgba(232,179,40,.5)); } 60% { filter: brightness(1.06) saturate(1.09) drop-shadow(0 0 6px rgba(232,179,40,.32)); } }
@media (prefers-reduced-motion: reduce) {
  .lw-spin-button.is-spinning .lw-spin-label, .lw-live-wheel-wrap.is-spinning { animation: none; }
}