/* versus */
.vs{position:absolute;inset:0;z-index:120;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#5A0F1F,#0B0710 70%);overflow:hidden}
.vs.out{animation:fadeo .4s forwards}@keyframes fadeo{to{opacity:0}}
.vsfind{display:flex;flex-direction:column;align-items:center;gap:14px;color:#fff;font-size:18px;transition:opacity .3s}.vsfind.off{opacity:0;position:absolute}
.vsspin{width:56px;height:56px;border-radius:50%;border:6px solid rgba(255,255,255,.15);border-top-color:#E0243A;animation:spn .8s linear infinite}
.vsrow{display:flex;align-items:center;gap:6px;opacity:0}
.vs.go .vsrow{opacity:1}
.vsp{display:flex;flex-direction:column;align-items:center;color:#fff;transform:translateX(calc((var(--i) - 1) * 160px));opacity:0}
.vs.n2 .vsp{transform:translateX(calc((var(--i) * 2 - 1) * 180px))}
.vs.go .vsp{animation:vsin .5s cubic-bezier(.3,1.5,.5,1) forwards;animation-delay:calc(var(--i) * .12s)}
@keyframes vsin{to{transform:none;opacity:1}}
.vspv{width:110px}.vs.n3 .vspv{width:92px}.vspv svg{width:100%;height:auto;display:block;filter:drop-shadow(0 0 16px rgba(224,36,58,.6))}
.vsp b{font-size:14px;margin-top:4px}.vsp small{font-size:11px;font-weight:900;color:#F5C030}
.vsx{font-family:var(--f-horror);font-size:56px;color:#FF2A44;text-shadow:0 3px 0 #000,0 0 26px #E0243A;transform:scale(3);opacity:0}
.vs.go .vsx{animation:vsx .45s cubic-bezier(.3,1.6,.5,1) .35s forwards}@keyframes vsx{to{transform:none;opacity:1}}
.vs.n3 .vsx{font-size:40px}
/* pódio */
.podium{position:absolute;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px;background:radial-gradient(ellipse at 50% 30%,#3A0A14,#0B0710 75%)}
.pdt{text-align:center;color:#fff}.pdt small{display:block;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:#F5C030}.pdt b{font-family:var(--f-horror);font-weight:400;font-size:48px;text-shadow:0 3px 0 #000,0 0 22px rgba(224,36,58,.7)}
.pdrow{display:flex;align-items:flex-end;gap:8px;width:100%;max-width:380px;justify-content:center}
.pdc{flex:1;display:flex;flex-direction:column;align-items:center;max-width:120px}
.pdpet{position:relative;width:96px;opacity:0;animation:pdpet .6s cubic-bezier(.3,1.6,.5,1) forwards;animation-delay:var(--d)}
.pdpet svg{width:100%;height:auto;display:block}
.p1 .pdpet{width:116px;animation-name:pdpet,pdjump;animation-duration:.6s,.9s;animation-delay:var(--d),calc(var(--d) + .6s);animation-iteration-count:1,infinite;animation-fill-mode:forwards,none;animation-timing-function:cubic-bezier(.3,1.6,.5,1),ease-in-out}
@keyframes pdpet{from{transform:translateY(-60px) scale(.4);opacity:0}to{transform:none;opacity:1}}
@keyframes pdjump{0%,100%{transform:none}50%{transform:translateY(-12px)}}
.crown{position:absolute;left:50%;top:-18px;width:44px;height:28px;margin-left:-22px;background:#F5C030;clip-path:polygon(0 100%,0 20%,25% 60%,50% 0,75% 60%,100% 20%,100% 100%);filter:drop-shadow(0 0 8px #F5C030);z-index:2}
.pdblk{width:100%;border-radius:12px 12px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:8px;color:#fff;background:linear-gradient(180deg,#3A2E45,#1D1526);border:2px solid rgba(255,255,255,.12);border-bottom:0;transform-origin:bottom;transform:scaleY(0);animation:pdblk .5s ease-out forwards;animation-delay:calc(var(--d) - .2s)}
@keyframes pdblk{to{transform:none}}
.p1 .pdblk{height:150px;background:linear-gradient(180deg,#F5C030,#B7800A);color:#231B33}.p2 .pdblk{height:110px;background:linear-gradient(180deg,#C9CFDD,#7A8090);color:#231B33}.p3 .pdblk{height:80px;background:linear-gradient(180deg,#C8794A,#7A3A12)}
.pdblk b{font-family:var(--f-display);font-size:30px;line-height:1}.pdblk span{font-weight:900;font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px}.pdblk em{font-style:normal;font-weight:800;font-size:12px;opacity:.85}
.pdc.me .pdblk{box-shadow:0 0 0 3px #E0243A,0 0 20px rgba(224,36,58,.6)}
.gcard.mpc{border:2px solid #E0243A;box-shadow:0 0 16px rgba(224,36,58,.35)}
.wkdots{display:flex;gap:6px;justify-content:center}.wkdots i{width:30px;height:30px;border-radius:50%;background:var(--surf2);border:2px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:14px;color:#F5C030}.wkdots i.on{background:var(--accent);border-color:#FF6A7A;box-shadow:0 0 10px rgba(224,36,58,.6)}.wkdots i:last-child{border-color:#F5C030}
.grid.g2{grid-template-columns:repeat(2,1fr)}
.dbox.wk>svg{filter:hue-rotate(250deg) saturate(1.4) drop-shadow(0 0 20px #9B5CFF)}
.chestc.wk{background:linear-gradient(180deg,#B79CFF,#7A3FC8);color:#fff;box-shadow:0 0 14px rgba(155,92,255,.9)}