.roulette-wheel-wrapper{position:relative;width:100%;max-width:400px;aspect-ratio:1;margin:0 auto;padding:20px}.roulette-svg{width:100%;height:100%;filter:drop-shadow(0 0 30px rgba(139,92,246,.4))}.roulette-segment-path{transition:opacity .2s ease}.roulette-segment-path:hover{opacity:.9}.roulette-segment-text,.roulette-center-text{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.roulette-pointer{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:20;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.pointer-triangle{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:35px solid #fff;filter:drop-shadow(0 4px 12px rgba(139,92,246,.6));position:relative;z-index:2}.pointer-shadow{position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-top:38px solid rgba(139,92,246,.3);z-index:1;filter:blur(4px)}@media (min-width: 640px){.roulette-wheel-wrapper{padding:30px}.pointer-triangle{border-left-width:25px;border-right-width:25px;border-top-width:45px}.pointer-shadow{border-left-width:27px;border-right-width:27px;border-top-width:48px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.roulette-svg.spinning{animation:spin 3s cubic-bezier(.25,.1,.25,1)}