diff --git a/src/components/wheel/FortuneWheel.tsx b/src/components/wheel/FortuneWheel.tsx index be28029..7b64fd4 100644 --- a/src/components/wheel/FortuneWheel.tsx +++ b/src/components/wheel/FortuneWheel.tsx @@ -214,6 +214,21 @@ const FortuneWheel = memo(function FortuneWheel({ + + {/* LED glow as a soft gradient instead of a CSS blur. CSS filters on + cx/cy-positioned SVG elements mis-render under the spin's GPU + compositing — phantom streaks toward the centre that are often + invisible in screen recordings but visible live. */} + + + + + + + {/* SVG-native emoji shadow (not a CSS filter) for the same reason */} + + + {/* Background shadow */} @@ -270,9 +285,9 @@ const FortuneWheel = memo(function FortuneWheel({ className="led-glow" cx={dotX} cy={dotY} - r={5} - fill="#FEF08A" - style={{ filter: 'blur(2px)', animationDelay: delay }} + r={9} + fill="url(#ledGlowGrad)" + style={{ animationDelay: delay }} /> {prize.emoji}