.roulette-wheel{width:550px;height:550px;position:relative}.pointer{border-left:28px solid #0000;border-right:28px solid #0000;border-top:56px solid var(--color-pointer);z-index:10;filter:drop-shadow(1px 0 #fff)drop-shadow(-1px 0 #fff)drop-shadow(0 2px #fff)drop-shadow(0 -2px #fff)drop-shadow(0 3px #fff)drop-shadow(0 1px 3px #00000026);width:0;height:0;position:absolute;top:12px;left:50%;transform:translate(-50%)}.pointer:after{content:"";background:var(--color-pointer);border-radius:50%;width:42px;height:42px;position:absolute;top:-72px;left:-21px}.wheel{width:100%;height:100%;position:relative}.wheel-canvas{width:100%;height:100%}.vertical-roll-wheel{--vr-color:var(--vr-accent,var(--color-wheel-border,#5b6ba8));--vr-text-stroke:var(--color-roulette-text-stroke,#2d3748);--vr-text-stroke-shadow:2px 0 0 var(--vr-text-stroke), -2px 0 0 var(--vr-text-stroke), 0 2px 0 var(--vr-text-stroke), 0 -2px 0 var(--vr-text-stroke), 1.4px 1.4px 0 var(--vr-text-stroke), -1.4px 1.4px 0 var(--vr-text-stroke), 1.4px -1.4px 0 var(--vr-text-stroke), -1.4px -1.4px 0 var(--vr-text-stroke);justify-content:center;align-items:center;width:420px;display:flex;position:relative}.vr-frame{border:8px solid var(--vr-color);background:#f0f2f5;border-radius:18px;width:100%;overflow:hidden}.vr-window{width:100%;position:relative;overflow:hidden}.vr-track{will-change:transform;width:100%;position:absolute;top:0;left:0}.vr-item{font-family:var(--font-display);color:#fff;letter-spacing:.02em;white-space:nowrap;text-shadow:var(--vr-text-stroke-shadow);filter:brightness(.85)saturate(.95);border-bottom:3px solid #fff;justify-content:center;align-items:center;font-weight:700;transition:filter .25s;display:flex}.vr-item--center{filter:none;text-shadow:var(--vr-text-stroke-shadow), 0 0 18px color-mix(in srgb, var(--vr-color) 65%, transparent), 0 0 4px #fff6}.vr-item--settled{animation:1.4s ease-out vr-settle-glow}@keyframes vr-settle-glow{0%{text-shadow:var(--vr-text-stroke-shadow), 0 0 44px color-mix(in srgb, var(--vr-color) 95%, transparent), 0 0 12px #ffffffd9}to{text-shadow:var(--vr-text-stroke-shadow), 0 0 18px color-mix(in srgb, var(--vr-color) 65%, transparent), 0 0 4px #fff6}}.vr-indicator--left,.vr-indicator--right{pointer-events:none;filter:drop-shadow(0 -1.5px #fff)drop-shadow(0 1.5px #fff)drop-shadow(1.5px 0 #fff)drop-shadow(-1.5px 0 #fff);z-index:2;border-top:14px solid #0000;border-bottom:14px solid #0000;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.vr-indicator--left{border-left:20px solid var(--vr-color);left:-10px}.vr-indicator--right{border-right:20px solid var(--vr-color);right:-10px}