:root{--wheel-color-1:#FECACA;--wheel-color-2:#FED7AA;--wheel-color-3:#FDE68A;--wheel-color-4:#BBF7D0;--wheel-color-5:#BAE6FD;--wheel-color-6:#DDD6FE;--wheel-color-7:#FBCFE8;--wheel-color-8:#A7F3D0;--wheel-bg:#FFFFFF;--wheel-border:#E5E7EB;--wheel-shadow:rgba(0,0,0,0.1);--wheel-text:#374151;--wheel-text-light:#6B7280;--wheel-spin-duration:4.5s}.spinning-wheel-container{position:relative;display:flex;align-items:center;justify-content:center;contain:layout style}.spinning-wheel-shadow{position:absolute;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(0,0,0,.12) 0,rgba(0,0,0,.06) 40%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.spinning-wheel-svg{position:relative;z-index:1;shape-rendering:geometricPrecision;will-change:transform;transform:translateZ(0)}.spinning-wheel-segment{transition:filter .2s ease}.spinning-wheel-segment:hover{filter:brightness(1.02)}.spinning-wheel-text{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;text-rendering:optimizeLegibility;filter:drop-shadow(0 1px 1px rgba(255,255,255,.5))}.spinning-wheel-hub{filter:drop-shadow(0 2px 4px rgba(0,0,0,.05))}.spinning-wheel-center-text{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;transition:opacity .3s ease}.spinning-wheel-ticker{position:absolute;top:-4px;left:50%;transform:translateX(-50%);z-index:10;animation:none;transform-origin:bottom center}.spinning-wheel-container.is-spinning .spinning-wheel-ticker{animation:ticker-bounce .15s ease-in-out infinite}@keyframes ticker-bounce{0%,to{transform:translateX(-50%) rotate(0deg)}50%{transform:translateX(-50%) rotate(3deg)}}.spinning-wheel-ticker svg{filter:drop-shadow(0 3px 6px rgba(0,0,0,.2));transition:transform .1s ease}.spinning-wheel-dot{transition:filter .3s ease}@media (max-width:380px){.spinning-wheel-container{transform:scale(.9);transform-origin:center center}}@media (prefers-reduced-motion:reduce){.spinning-wheel-ticker{animation:none!important}.spinning-wheel-center-text,.spinning-wheel-segment,.spinning-wheel-svg{transition:none!important}}@media (prefers-color-scheme:dark){.spinning-wheel-container{--wheel-shadow:rgba(0,0,0,0.3)}.spinning-wheel-shadow{background:radial-gradient(ellipse at center,rgba(0,0,0,.25) 0,rgba(0,0,0,.12) 40%,transparent 70%)}}@media print{.spinning-wheel-container{display:none}}