.how-scene{border:1px solid var(--color-line);background:radial-gradient(120% 90% at 50% 0%, #ae93fa12 0%, #ae93fa00 60%), var(--color-bg);border-radius:12px;height:196px;position:relative;overflow:hidden}.how-scene:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 80% at 50% 40%,#000 0%,#0000 100%);mask-image:radial-gradient(90% 80% at 50% 40%,#000 0%,#0000 100%)}.how-coin{animation:how-coin 7s var(--ease-out) infinite;left:calc(100% - 171px)}@keyframes how-coin{0%,6%{opacity:0;left:7px;transform:scale(.9)}12%{opacity:1;left:7px;transform:scale(1)}34%,94%{opacity:1;left:calc(100% - 171px);transform:scale(1)}to{opacity:0;left:calc(100% - 171px);transform:scale(1)}}.how-fill{transform-origin:0;animation:how-fill 7s var(--ease-out) infinite}@keyframes how-fill{0%,30%{opacity:1;transform:scaleX(0)}52%,94%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.how-pop-0{animation:how-pop-0 7s var(--ease-out) infinite}@keyframes how-pop-0{0%,48%{opacity:.18;transform:translateY(3px)}54%,94%{opacity:1;transform:translateY(0)}to{opacity:.18;transform:translateY(3px)}}.how-pop-1{animation:how-pop-1 7s var(--ease-out) infinite}@keyframes how-pop-1{0%,51%{opacity:.18;transform:translateY(3px)}57%,94%{opacity:1;transform:translateY(0)}to{opacity:.18;transform:translateY(3px)}}.how-pop-2{animation:how-pop-2 7s var(--ease-out) infinite}@keyframes how-pop-2{0%,56%{opacity:.18;transform:translateY(3px)}62%,94%{opacity:1;transform:translateY(0)}to{opacity:.18;transform:translateY(3px)}}.how-pop-3{animation:how-pop-3 7s var(--ease-out) infinite}@keyframes how-pop-3{0%,60%{opacity:.18;transform:translateY(3px)}66%,94%{opacity:1;transform:translateY(0)}to{opacity:.18;transform:translateY(3px)}}.how-pop-4{animation:how-pop-4 7s var(--ease-out) infinite}@keyframes how-pop-4{0%,64%{opacity:.18;transform:translateY(3px)}70%,94%{opacity:1;transform:translateY(0)}to{opacity:.18;transform:translateY(3px)}}.how-tax-dot{animation:8s linear infinite how-tax-dot;top:92.73%;left:100%}@keyframes how-tax-dot{0%{top:9.09%;left:0%}62%{top:92.73%;left:61.33%}to{top:92.73%;left:100%}}.how-tax-values{animation:8s linear infinite how-tax-values}@keyframes how-tax-values{0%,9%{transform:translateY(0)}10.4%,19%{transform:translateY(-14.2857%)}20.7%,29%{transform:translateY(-28.5714%)}31%,40%{transform:translateY(-42.8571%)}41.4%,50%{transform:translateY(-57.1428%)}51.7%,60%{transform:translateY(-71.4285%)}62%,to{transform:translateY(-85.7142%)}}.how-bounty-fill{transform-origin:0;animation:8s linear infinite how-bounty-fill}@keyframes how-bounty-fill{0%{transform:scaleX(.04)}62%{transform:scaleX(.78)}to{transform:scaleX(1)}}.how-ring{transform-origin:50%;animation:how-ring 1.6s var(--ease-out) infinite}@keyframes how-ring{0%,18%{transform:rotate(0)}70%,to{transform:rotate(12deg)}}.how-ring-mask{-webkit-mask-image:conic-gradient(#000 0deg 8deg,#000000e6 60deg,#0000008c 200deg,#0000004d 344deg 349deg,#0000 350.5deg 355.5deg,#000 357deg 360deg);mask-image:conic-gradient(#000 0deg 8deg,#000000e6 60deg,#0000008c 200deg,#0000004d 344deg 349deg,#0000 350.5deg 355.5deg,#000 357deg 360deg)}.how-ring-new{opacity:0;animation:how-ring-new 1.6s var(--ease-out) infinite}@keyframes how-ring-new{0%,40%{opacity:0;transform:scale(.4)}72%{opacity:1;transform:scale(1.9)}to{opacity:0;transform:scale(2.6)}}.how-reel{animation:how-reel var(--t,.7s) steps(10) infinite}@keyframes how-reel{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.how-draw-0{background:#ffffff29;border-color:#ffffff38;animation:9s linear infinite how-draw-0}@keyframes how-draw-0{0%,3%{background:#ffffff0d;border-color:#ffffff1a}5.5%,94%{background:#ffffff29;border-color:#ffffff38}to{background:#ffffff0d;border-color:#ffffff1a}}.how-draw-1{background:#ffffff29;border-color:#ffffff38;animation:9s linear infinite how-draw-1}@keyframes how-draw-1{0%,8.8%{background:#ffffff0d;border-color:#ffffff1a}11.3%,94%{background:#ffffff29;border-color:#ffffff38}to{background:#ffffff0d;border-color:#ffffff1a}}.how-draw-2{background:#ffffff29;border-color:#ffffff38;animation:9s linear infinite how-draw-2}@keyframes how-draw-2{0%,14.6%{background:#ffffff0d;border-color:#ffffff1a}17.1%,94%{background:#ffffff29;border-color:#ffffff38}to{background:#ffffff0d;border-color:#ffffff1a}}.how-draw-3{background:#ffffff29;border-color:#ffffff38;animation:9s linear infinite how-draw-3}@keyframes how-draw-3{0%,20.4%{background:#ffffff0d;border-color:#ffffff1a}22.9%,94%{background:#ffffff29;border-color:#ffffff38}to{background:#ffffff0d;border-color:#ffffff1a}}.how-draw-4{background:#ffffff29;border-color:#ffffff38;animation:9s linear infinite how-draw-4}@keyframes how-draw-4{0%,26.2%{background:#ffffff0d;border-color:#ffffff1a}28.7%,94%{background:#ffffff29;border-color:#ffffff38}to{background:#ffffff0d;border-color:#ffffff1a}}.how-draw-5{background:#ffffff29;border-color:#ffffff38;animation:9s linear infinite how-draw-5}@keyframes how-draw-5{0%,32%{background:#ffffff0d;border-color:#ffffff1a}34.5%,94%{background:#ffffff29;border-color:#ffffff38}to{background:#ffffff0d;border-color:#ffffff1a}}.how-draw-6{background:#ffffff29;border-color:#ffffff38;animation:9s linear infinite how-draw-6}@keyframes how-draw-6{0%,37.8%{background:#ffffff0d;border-color:#ffffff1a}40.3%,94%{background:#ffffff29;border-color:#ffffff38}to{background:#ffffff0d;border-color:#ffffff1a}}.how-draw-7{background:#ffffff29;border-color:#ffffff38;animation:9s linear infinite how-draw-7}@keyframes how-draw-7{0%,43.6%{background:#ffffff0d;border-color:#ffffff1a}46.1%,94%{background:#ffffff29;border-color:#ffffff38}to{background:#ffffff0d;border-color:#ffffff1a}}.how-draw-8{background:#ffffff29;border-color:#ffffff38;animation:9s linear infinite how-draw-8}@keyframes how-draw-8{0%,49.4%{background:#ffffff0d;border-color:#ffffff1a}51.9%,94%{background:#ffffff29;border-color:#ffffff38}to{background:#ffffff0d;border-color:#ffffff1a}}.how-draw-9{background:#ffffff29;border-color:#ffffff38;animation:9s linear infinite how-draw-9}@keyframes how-draw-9{0%,55.2%{background:#ffffff0d;border-color:#ffffff1a}57.7%,94%{background:#ffffff29;border-color:#ffffff38}to{background:#ffffff0d;border-color:#ffffff1a}}.how-draw-hit{background:var(--color-accent);border-color:var(--color-accent);animation:9s linear infinite how-draw-hit}@keyframes how-draw-hit{0%,66%{box-shadow:none;background:#ffffff0d;border-color:#ffffff1a}69%,94%{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 0 4px #ae93fa2e}to{box-shadow:none;background:#ffffff0d;border-color:#ffffff1a}}.how-after-hit{animation:9s linear infinite how-after-hit}@keyframes how-after-hit{0%,67%{opacity:0;transform:translateY(4px)}71%,94%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}.how-before-hit{opacity:0;animation:9s linear infinite how-before-hit}@keyframes how-before-hit{0%,66%{opacity:1}69%,96%{opacity:0}to{opacity:1}}.how-live{opacity:0;animation:8s linear infinite how-live}@keyframes how-live{0%,20%{opacity:1}24%,96%{opacity:0}to{opacity:1}}.how-stopped{animation:8s linear infinite how-stopped}@keyframes how-stopped{0%,20%{opacity:0;transform:translateY(4px)}25%,96%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}.how-grow-0{transform-origin:0;animation:how-grow-0 8s var(--ease-out) infinite}@keyframes how-grow-0{0%,28%{opacity:1;transform:scaleX(0)}44%,94%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.how-grow-1{transform-origin:0;animation:how-grow-1 8s var(--ease-out) infinite}@keyframes how-grow-1{0%,36%{opacity:1;transform:scaleX(0)}52%,94%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.how-grow-2{transform-origin:0;animation:how-grow-2 8s var(--ease-out) infinite}@keyframes how-grow-2{0%,40%{opacity:1;transform:scaleX(0)}56%,94%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.how-grow-3{transform-origin:0;animation:how-grow-3 8s var(--ease-out) infinite}@keyframes how-grow-3{0%,44%{opacity:1;transform:scaleX(0)}60%,94%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.how-label-0{animation:how-label-0 8s var(--ease-out) infinite}@keyframes how-label-0{0%,38%{opacity:0}46%,94%{opacity:1}to{opacity:0}}.how-label-1{animation:how-label-1 8s var(--ease-out) infinite}@keyframes how-label-1{0%,46%{opacity:0}54%,94%{opacity:1}to{opacity:0}}.how-label-2{animation:how-label-2 8s var(--ease-out) infinite}@keyframes how-label-2{0%,50%{opacity:0}58%,94%{opacity:1}to{opacity:0}}.how-label-3{animation:how-label-3 8s var(--ease-out) infinite}@keyframes how-label-3{0%,54%{opacity:0}62%,94%{opacity:1}to{opacity:0}}.how-label-4{animation:how-label-4 8s var(--ease-out) infinite}@keyframes how-label-4{0%,58%{opacity:0}66%,94%{opacity:1}to{opacity:0}}.how-tick-0{animation:how-tick-0 7s var(--ease-out) infinite}@keyframes how-tick-0{0%,10%{opacity:0;transform:scale(.5)}16%,94%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.how-tick-1{animation:how-tick-1 7s var(--ease-out) infinite}@keyframes how-tick-1{0%,19%{opacity:0;transform:scale(.5)}25%,94%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.how-tick-2{animation:how-tick-2 7s var(--ease-out) infinite}@keyframes how-tick-2{0%,28%{opacity:0;transform:scale(.5)}34%,94%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.how-claim-idle{opacity:0;animation:7s linear infinite how-claim-idle}@keyframes how-claim-idle{0%,52%{opacity:1;transform:scale(1)}56%{opacity:1;transform:scale(.96)}60%,96%{opacity:0;transform:scale(1)}to{opacity:1;transform:scale(1)}}.how-claim-done{animation:7s linear infinite how-claim-done}@keyframes how-claim-done{0%,58%{opacity:0}62%,96%{opacity:1}to{opacity:0}}.how-draw-line{stroke-dasharray:1;stroke-dashoffset:0;animation:how-draw-line 1.1s var(--ease-out) both}@keyframes how-draw-line{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.how-scene *,.how-draw-line{animation:none!important}.how-tax-values{transform:translateY(-85.7142%)}}