/* juice: tremor, números voando, faíscas, moedas, nível */
.quake{animation:quake .35s linear}
@keyframes quake{0%,100%{transform:none}20%{transform:translate(var(--q),calc(var(--q)*-.6))}40%{transform:translate(calc(var(--q)*-1),var(--q))}60%{transform:translate(calc(var(--q)*.7),calc(var(--q)*.5))}80%{transform:translate(calc(var(--q)*-.4),calc(var(--q)*-.3))}}
.ftx{position:absolute;z-index:82;pointer-events:none;white-space:nowrap;font-family:var(--f-display);font-weight:800;font-size:20px;transform:translate(-50%,-50%);text-shadow:0 2px 0 #000,0 0 12px currentColor;animation:ftx .9s ease-out forwards}
.ftx.big{font-size:34px}
@keyframes ftx{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}15%{transform:translate(-50%,-70%) scale(1.25);opacity:1}100%{transform:translate(-50%,-190%) scale(1);opacity:0}}
.sprk{position:absolute;z-index:80;border-radius:50%;pointer-events:none}
.cfly{position:absolute;z-index:81;width:22px;height:22px;pointer-events:none}
.cfly svg{width:100%;height:100%;display:block}
.lvup{position:absolute;inset:0;z-index:85;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,rgba(224,36,58,.5),rgba(0,0,0,.88) 70%);animation:lvin .3s ease-out}
.lvup small{display:block;font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.2em;color:var(--gold)}
.lvup b{display:block;font-family:var(--f-horror);font-weight:400;font-size:68px;line-height:1.05;color:#fff;text-shadow:0 4px 0 var(--accent-d),0 0 30px var(--accent);animation:pop2 .5s cubic-bezier(.3,1.8,.5,1)}
@keyframes lvin{from{opacity:0}to{opacity:1}}