.living-arena.pre-enter .battle-slots{opacity:0}.vs-intro{position:absolute;inset:0;z-index:40;overflow:hidden;isolation:isolate;pointer-events:auto;cursor:pointer;--k:1;--lean:14px;background:transparent}.vs-intro:before{content:"";position:absolute;inset:0;background:#101623;z-index:6;pointer-events:none;animation:vsi-open calc(var(--k)*.4s) both}@keyframes vsi-open{0%,25%{opacity:1}to{opacity:0}}.vsi-half{position:absolute;inset:0;overflow:hidden;contain:paint;background:#171e31;z-index:1}.vs-intro:after{content:"";position:absolute;inset:0;background:#171e31;z-index:0;pointer-events:none;animation:vsi-fade calc(var(--k)*.3s) calc(var(--k)*1.98s - var(--skip)*var(--k)) forwards}.vsi-seam,.vsi-rift,.vsi-name,.vsi-vs,.vsi-kick,.vsi-tape{z-index:5}.vsi-h0{clip-path:polygon(0 0,calc(50% + var(--lean)) 0,calc(50% - var(--lean)) 100%,0 100%);animation:vsi-out0 calc(var(--k)*.42s) calc(var(--k)*1.98s) forwards}.vsi-h1{clip-path:polygon(calc(50% + var(--lean)) 0,100% 0,100% 100%,calc(50% - var(--lean)) 100%);animation:vsi-out1 calc(var(--k)*.42s) calc(var(--k)*1.98s) forwards}@keyframes vsi-out0{to{transform:translate(-100%)}}@keyframes vsi-out1{to{transform:translate(100%)}}.vsi-plate{position:absolute;inset:0;background:#20263a center 58%/cover no-repeat;opacity:.65}.vsi-wash{position:absolute;inset:0;opacity:.55}.vsi-h0 .vsi-wash{background:linear-gradient(110deg,#55422ee8,#252332eb 65%)}.vsi-h1 .vsi-wash{background:linear-gradient(250deg,#2b4865e8,#1a2338eb 65%)}.vsi-half:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#11182bf2,transparent 29%);pointer-events:none}.vsi-who{position:absolute;bottom:0;height:88%;width:auto;image-rendering:pixelated;-webkit-user-drag:none;animation:vsi-challenge0 calc(var(--k)*2.4s) linear both}.vsi-h0 .vsi-who{left:8%;scale:-1 1}.vsi-h1 .vsi-who{right:8%;animation-name:vsi-challenge1}@keyframes vsi-challenge0{0%,7%{opacity:0;translate:-44px 0}20%{opacity:1;translate:2px 0}25%,52%{opacity:1;translate:0 0}66%{opacity:1;translate:-5px 0}77%{opacity:1;translate:13px 0}83%,to{opacity:1;translate:8px 0}}@keyframes vsi-challenge1{0%,14%{opacity:0;translate:44px 0}27%{opacity:1;translate:-2px 0}32%,52%{opacity:1;translate:0 0}66%{opacity:1;translate:5px 0}77%{opacity:1;translate:-13px 0}83%,to{opacity:1;translate:-8px 0}}.vsi-pressure{position:absolute;inset:auto 0 2%;height:45%;background:url(./art/vfx/contact/ripple.png) center/120px 80px no-repeat;opacity:.12;pointer-events:none;animation:vsi-pressure calc(var(--k)*2.4s) ease-out both}@keyframes vsi-pressure{0%{transform:scale(.9)}to{transform:scale(1.3)}}html[data-effects=minimum] .vsi-pressure{animation:none}.vsi-rift{position:absolute;left:50%;top:-8px;bottom:-8px;width:44px;margin-left:-22px;pointer-events:none;background:url(./art/battle/intro/lightning_4f.png) 0 0/400% 100%;opacity:0;image-rendering:pixelated;animation:vsi-rift calc(var(--k)*.36s) calc(var(--k)*1.62s) steps(4) both}@keyframes vsi-rift{0%{opacity:.1;transform:scaleY(.1);background-position:0 0}25%{opacity:1;transform:scaleY(1)}99%{opacity:1}to{opacity:0;background-position:133.333% 0}}.vsi-pip{height:auto;width:auto;bottom:36%}.vsi-pip .spr{transform:scale(2.3);transform-origin:50% 100%}.vsi-h0 .vsi-pip{scale:1 1}.vsi-h1 .vsi-pip .spr{transform:scale(-2.3,2.3)}.vsi-seam{position:absolute;left:50%;top:-10%;height:120%;width:1px;background:#dfc183;rotate:9deg;opacity:.65;transform-origin:center;animation:vsi-seam calc(var(--k)*.36s) calc(var(--k)*.4s) both,vsi-fade calc(var(--k)*.12s) calc(var(--k)*1.62s) forwards}@keyframes vsi-seam{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.vsi-name{position:absolute;bottom:12px;max-width:40%;font-family:var(--pd),var(--pf),sans-serif;font-size:12px;line-height:1.15;font-weight:750;color:#fff0d2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px #101623;animation:vsi-label calc(var(--k)*.22s) calc(var(--k)*.74s) both,vsi-fade calc(var(--k)*.2s) calc(var(--k)*1.94s) forwards}.vsi-name small{display:block;margin-top:3px;font-size:6px;font-weight:500;color:#c6cbd8}.vsi-n0{left:14px}.vsi-n1{right:14px;text-align:right;animation-delay:calc(var(--k)*.8s),calc(var(--k)*1.94s)}@keyframes vsi-label{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.vsi-vs{position:absolute;left:50%;top:49%;translate:-50% -50%;font-family:Georgia,serif;font-size:28px;font-weight:700;font-style:italic;line-height:1;color:#fff0d2;text-shadow:0 2px 0 #695035;animation:vsi-vs calc(var(--k)*.22s) calc(var(--k)*.66s) both,vsi-fade calc(var(--k)*.16s) calc(var(--k)*1.9s) forwards}@keyframes vsi-vs{0%{opacity:0;transform:scale(1.55) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes vsi-stamp{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:none}}@keyframes vsi-fade{to{opacity:0}}.vs-intro{--skip:0ms}.vs-intro:before{animation-delay:calc(var(--skip) * -1)}.vsi-h0,.vsi-h1{animation-delay:calc(var(--k)*1.98s - var(--skip)*var(--k))}.vsi-who,.vsi-pressure{animation-delay:calc(var(--skip) * -1 * var(--k))}.vsi-rift{animation-delay:calc(var(--k)*1.62s - var(--skip)*var(--k))}.vsi-seam{animation-delay:calc(var(--k)*.4s - var(--skip)*var(--k)),calc(var(--k)*1.62s - var(--skip)*var(--k))}.vsi-name{animation-delay:calc(var(--k)*.74s - var(--skip)*var(--k)),calc(var(--k)*1.94s - var(--skip)*var(--k))}.vsi-n1{animation-delay:calc(var(--k)*.8s - var(--skip)*var(--k)),calc(var(--k)*1.94s - var(--skip)*var(--k))}.vsi-vs{animation-delay:calc(var(--k)*.66s - var(--skip)*var(--k)),calc(var(--k)*1.9s - var(--skip)*var(--k))}.vsi-rig{width:192px;height:256px;bottom:-9.4px;transform:scale(.72);transform-origin:0 100%;pointer-events:none}.vsi-h0 .vsi-rig{scale:1 1}.vsi-h1 .vsi-rig{transform-origin:100% 100%}.vsi-flip{position:absolute;inset:0}.vsi-h0 .vsi-flip{transform:scaleX(-1)}.vsi-cel{position:absolute;inset:0;z-index:1;background:var(--sheet) 0 0 no-repeat;background-size:var(--sheet-w) var(--sheet-h);image-rendering:pixelated}.vsi-props{position:absolute;inset:0;z-index:2}.vsi-props.back{z-index:0}.vsi-prop{position:absolute;left:0;top:0;width:48px;height:48px;background:var(--atlas) 0 0 no-repeat;background-size:var(--atlas-w) var(--atlas-h);image-rendering:pixelated;opacity:0}.vsi-kick{position:absolute;left:0;right:0;top:5px;text-align:center;font-family:var(--pd),var(--pf),sans-serif;font-size:6px;line-height:1;color:#c6cbd8;letter-spacing:.2px;pointer-events:none;animation:vsi-label calc(var(--k)*.22s) calc(var(--k)*.66s - var(--skip)*var(--k)) both,vsi-fade calc(var(--k)*.16s) calc(var(--k)*1.62s - var(--skip)*var(--k)) forwards}.vsi-kick b{color:#fff0d2;font-weight:650}.vsi-tape{position:absolute;bottom:2px;z-index:5;display:flex;flex-direction:column;gap:1px;max-width:46%;pointer-events:none;animation:vsi-label calc(var(--k)*.22s) calc(var(--k)*.74s - var(--skip)*var(--k)) both,vsi-fade calc(var(--k)*.2s) calc(var(--k)*1.94s - var(--skip)*var(--k)) forwards}.vsi-t0{left:14px;align-items:flex-start}.vsi-t1{right:14px;align-items:flex-end;animation-delay:calc(var(--k)*.8s - var(--skip)*var(--k)),calc(var(--k)*1.94s - var(--skip)*var(--k))}.vsi-name{bottom:24px}.vsi-row{display:flex;align-items:flex-end;gap:3px}.vsi-chip{position:relative;width:14px;display:flex;flex-direction:column;align-items:center;gap:1px;animation:vsi-chip calc(var(--k)*.18s) calc(var(--k)*(.9s + var(--i,0)*.05s) - var(--skip)*var(--k)) cubic-bezier(.3,1.4,.5,1) both}.vsi-chip .vsi-face{width:11px;height:11px;border-radius:50%;background:#0d1120 var(--mini) center/73% no-repeat;box-shadow:0 0 0 1px #c6cbd8,0 1px 2px #101623;image-rendering:auto}.vsi-chip .vsi-stars{display:flex;height:3px}.vsi-chip .vsi-stars i{width:3px;height:3px;background:url(./art/ui/kit/icons/star.png) center/contain no-repeat}@keyframes vsi-chip{0%{opacity:0;transform:scale(.6) translateY(2px)}to{opacity:1;transform:none}}.vsi-med{position:relative;width:16px;height:16px;margin:0 3px 0 1px;animation:vsi-chip calc(var(--k)*.22s) calc(var(--k)*1.2s - var(--skip)*var(--k)) cubic-bezier(.3,1.4,.5,1) both}.vsi-med:before{content:"";position:absolute;inset:-5px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 55%,transparent) 0 30%,transparent 70%)}.vsi-med .vsi-rim{position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}.vsi-med .vsi-fc{position:absolute;inset:1.5px;background:#121828 var(--relic) center/65% no-repeat;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);image-rendering:auto}.vsi-med .vsi-pts{position:absolute;right:-6px;top:-4px;font-size:6px;line-height:1;font-weight:700;color:var(--c);text-shadow:0 1px 0 #101623}.vsi-hearts{display:flex;gap:1px;align-items:center}.vsi-hearts i{width:7px;height:7px;background:url(./art/ui/heart_full.png) center/contain no-repeat}.vsi-hearts i.off{background-image:url(./art/ui/heart_empty.png);opacity:.35}.vs-intro[data-enter=topdown] .vsi-h0{animation:vsi-drop0 calc(var(--k)*.36s) calc(var(--k)*.08s - var(--skip)*var(--k)) cubic-bezier(.2,.9,.2,1) both,vsi-out0 calc(var(--k)*.42s) calc(var(--k)*1.98s - var(--skip)*var(--k)) forwards}.vs-intro[data-enter=topdown] .vsi-h1{animation:vsi-drop1 calc(var(--k)*.36s) calc(var(--k)*.2s - var(--skip)*var(--k)) cubic-bezier(.2,.9,.2,1) both,vsi-out1 calc(var(--k)*.42s) calc(var(--k)*1.98s - var(--skip)*var(--k)) forwards}@keyframes vsi-drop0{0%{transform:translateY(-100%)}to{transform:none}}@keyframes vsi-drop1{0%{transform:translateY(100%)}to{transform:none}}.vs-intro[data-enter=seam] .vsi-h0{animation:vsi-cut0 calc(var(--k)*.4s) calc(var(--k)*.22s - var(--skip)*var(--k)) cubic-bezier(.2,.9,.2,1) both,vsi-out0 calc(var(--k)*.42s) calc(var(--k)*1.98s - var(--skip)*var(--k)) forwards}.vs-intro[data-enter=seam] .vsi-h1{animation:vsi-cut1 calc(var(--k)*.4s) calc(var(--k)*.22s - var(--skip)*var(--k)) cubic-bezier(.2,.9,.2,1) both,vsi-out1 calc(var(--k)*.42s) calc(var(--k)*1.98s - var(--skip)*var(--k)) forwards}@keyframes vsi-cut0{0%{clip-path:polygon(calc(50% + var(--lean)) 0,calc(50% + var(--lean)) 0,calc(50% - var(--lean)) 100%,calc(50% - var(--lean)) 100%)}to{clip-path:polygon(0 0,calc(50% + var(--lean)) 0,calc(50% - var(--lean)) 100%,0 100%)}}@keyframes vsi-cut1{0%{clip-path:polygon(calc(50% + var(--lean)) 0,calc(50% + var(--lean)) 0,calc(50% - var(--lean)) 100%,calc(50% - var(--lean)) 100%)}to{clip-path:polygon(calc(50% + var(--lean)) 0,100% 0,100% 100%,calc(50% - var(--lean)) 100%)}}.vs-intro[data-enter=seam] .vsi-seam{animation-delay:calc(var(--k)*.02s - var(--skip)*var(--k)),calc(var(--k)*1.62s - var(--skip)*var(--k))}.vs-intro:not([data-enter=sides]) .vsi-h0 .vsi-who{animation-name:vsi-stand0}.vs-intro:not([data-enter=sides]) .vsi-h1 .vsi-who{animation-name:vsi-stand1}@keyframes vsi-stand0{0%,52%{opacity:1;translate:0 0}66%{translate:-5px 0}77%{translate:13px 0}83%,to{translate:8px 0}}@keyframes vsi-stand1{0%,52%{opacity:1;translate:0 0}66%{translate:5px 0}77%{translate:-13px 0}83%,to{translate:-8px 0}}.vsi-streaks{position:absolute;inset:0 -248px;background:url(./art/battle/intro/streaks_4f.png) 0 0/248px 44px repeat;image-rendering:pixelated;opacity:.3;animation:vsi-run .28s linear infinite}.cut-s1 .vsi-streaks{animation-direction:reverse}@keyframes vsi-run{0%{transform:translate(0)}to{transform:translate(-248px)}}.cut-in{position:absolute;left:0;right:0;top:calc(var(--battle-hud-height,0px) + 25px);height:28px;z-index:20;pointer-events:none;overflow:hidden;--k:1;background:#0c1020f2;border-top:1px solid color-mix(in srgb,var(--fam) 45%,#fff);border-bottom:1px solid color-mix(in srgb,var(--fam) 45%,#fff);animation:ci-life calc(var(--k)*.95s) cubic-bezier(.2,.9,.2,1) both}@keyframes ci-life{0%{transform:scaleY(0);opacity:1}12%{transform:none}84%{transform:none;opacity:1}to{transform:scaleY(0);opacity:0}}.ci-eye{position:absolute;top:0;bottom:0;width:52%;overflow:hidden}.cut-s0 .ci-eye{left:0;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);background:linear-gradient(90deg,color-mix(in srgb,var(--fam) 30%,#0c1020),color-mix(in srgb,var(--fam) 70%,#0c1020));animation:ci-in0 calc(var(--k)*.26s) cubic-bezier(.2,.9,.2,1) both}.cut-s1 .ci-eye{right:0;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%);background:linear-gradient(270deg,color-mix(in srgb,var(--fam) 30%,#0c1020),color-mix(in srgb,var(--fam) 70%,#0c1020));animation:ci-in1 calc(var(--k)*.26s) cubic-bezier(.2,.9,.2,1) both}@keyframes ci-in0{0%{transform:translate(-100%)}to{transform:none}}@keyframes ci-in1{0%{transform:translate(100%)}to{transform:none}}.ci-eye .vsi-streaks{opacity:.3}.ci-pip{position:absolute;top:calc(14px - var(--fy,.4)*88px);left:calc(58% - var(--fx,.7)*88px);width:88px;height:88px;animation:ci-push calc(var(--k)*.95s) linear both}.ci-pip .spr{position:absolute;inset:0;width:88px;height:88px;animation:attack 1s steps(1,end) both}.cut-s1 .ci-pip{left:calc(42% - var(--fx,.3)*88px)}.cut-s1 .ci-pip .spr{transform:scaleX(-1)}@keyframes ci-push{0%{transform:translate(-6px)}to{transform:translate(6px)}}.ci-name{position:absolute;top:50%;translate:0 -50%;font-family:var(--pd),var(--pf),sans-serif;font-size:10px;line-height:1;font-weight:800;font-style:italic;color:#fff;white-space:nowrap;text-shadow:1px 1px 0 #0c1020,-1px 0 0 #0c1020,0 -1px 0 #0c1020;animation:vsi-stamp calc(var(--k)*.24s) calc(var(--k)*.14s) cubic-bezier(.3,1.6,.5,1) both}.ci-name small{margin-left:3px;font-size:7px;font-style:normal;color:var(--gold,#e8c45a)}.cut-s0 .ci-name{left:calc(52% + 8px)}.cut-s1 .ci-name{right:calc(52% + 8px)}@media(prefers-reduced-motion:reduce){.vs-intro,.cut-in{display:none}}.living-arena .side-head{background:none;border-bottom:0;isolation:isolate}.living-arena .side-head:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#262c4cf2,#13172bf2);border-bottom:1px solid var(--gold);transform:skew(-16deg)}.living-arena .side-1 .side-head:before{transform:skew(16deg);border-bottom-color:var(--crimson)}.living-arena .side-0 .side-head .side-meter{transform:skew(-16deg)}.living-arena .side-1 .side-head .side-meter{transform:skew(16deg)}.living-arena .side-head .side-meter.rd-team .rd-hp{box-shadow:inset 0 1px #ffffff4d}.living-arena .side-head button.side-face-wrap,.living-arena .side-1 .side-head button.side-face-wrap{box-shadow:none;background:none}.living-arena .side-0 .side-head button.side-face-wrap{margin-left:-3px;justify-content:flex-start;padding-left:1px}.living-arena .side-1 .side-head button.side-face-wrap{margin-right:-3px;justify-content:flex-end;padding-right:1px}.living-arena .side-1 .side-head .side-face-pip{margin-right:-2px}.living-arena .side-0 .side-head:before{left:6px}.living-arena .side-1 .side-head:before{right:6px}