/* Wheel pointer arrow (CSS triangle) */
.wheel-pointer {
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 26px solid #fbbf24;
  filter: drop-shadow(0 2px 8px rgba(251, 191, 36, 0.6));
}

/* Wheel spin transition - matches original 4.2s cubic-bezier easing */
.wheel-transition {
  transition: transform 4200ms cubic-bezier(0.15, 0.85, 0.25, 1);
}

/* Simple fade/zoom-in for modals since we don't have the Tailwind animate plugin */
.modal-anim {
  animation: modalIn 200ms ease-out;
}
@keyframes modalIn {
  from { opacity: 0; transform: scale(0.96); }
  to { opacity: 1; transform: scale(1); }
}

#toast.modal-anim {
  animation: toastIn 200ms ease-out;
}
@keyframes toastIn {
  from { opacity: 0; transform: translate(-50%, -8px); }
  to { opacity: 1; transform: translate(-50%, 0); }
}

::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.3);
  border-radius: 999px;
}