.lottery-lucky-burst{position:fixed;inset:0;z-index:9000;overflow:hidden;pointer-events:none;contain:strict}
.lottery-lucky-particle{position:absolute;display:block;pointer-events:none;opacity:0;will-change:transform,opacity;animation:lottery-lucky-flight 3200ms cubic-bezier(.18,.6,.3,1) both}
.lottery-lucky-ball{aspect-ratio:1;border-radius:50%;box-sizing:border-box;display:grid;place-items:center;border:1px solid #80501f;background:radial-gradient(circle at 28% 22%,#fff3c5 0,#eed099 22%,#d4a456 51%,#a87432 80%,#69471f 100%);box-shadow:inset 2px 3px 4px #fff6cc99,inset -3px -4px 5px #69401155,0 5px 10px #25180d42;color:#56371d;isolation:isolate}
.lottery-lucky-ball::before{content:"";position:absolute;inset:8%;border-radius:50%;border:1px solid #85591e66;background:repeating-linear-gradient(8deg,transparent 0 5px,#70421b0b 6px,transparent 7px 11px);z-index:-1}
.lottery-lucky-ball>span{font:800 11px/1 Georgia,'Times New Roman',serif;letter-spacing:-.4px;text-shadow:0 1px #ffeec0;transform:rotate(-7deg);white-space:nowrap}
.lottery-lucky-ball--club{border:2px solid #7f4b1c;box-shadow:inset 2px 3px 6px #fff6d6,inset -4px -5px 7px #82511e66,0 0 20px #e9b95266,0 7px 13px #21140e55}
.lottery-lucky-ball--club>span{font-size:19px;letter-spacing:-.7px;color:#63351d}
.lottery-lucky-spark{color:#f6dc91;line-height:1;text-shadow:0 0 7px #e7ad4699}
.lottery-lucky-spark:nth-child(3n){color:#c48b3b}
@keyframes lottery-lucky-flight{
  0%{opacity:0;transform:translate(-50%,-50%) rotate(-12deg) scale(.3)}
  10%{opacity:1}
  38%{opacity:1;transform:translate(calc(-50% + var(--lucky-x)),calc(-50% + var(--lucky-y))) rotate(calc(var(--lucky-turn) * -.4)) scale(1)}
  68%{opacity:1}
  100%{opacity:0;transform:translate(calc(-50% + var(--lucky-x) * 1.12),calc(-50% + var(--lucky-fall))) rotate(var(--lucky-turn)) scale(.86)}
}
@media(max-width:600px){.lottery-lucky-ball--club>span{font-size:16px}}
@media(prefers-reduced-motion:reduce){.lottery-lucky-burst{display:none!important}.lottery-lucky-particle{animation:none!important}}