.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:#171e31}.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}.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}}.vsi-clash{position:absolute;left:50%;top:49%;width:92px;height:92px;margin:-46px 0 0 -46px;opacity:0;background:url(./art/vfx/attack/storm/impact_big_6f.png) 0 0/600% 100% no-repeat;image-rendering:pixelated;pointer-events:none;animation:vsi-clash calc(var(--k)*.24s) calc(var(--k)*1.84s) steps(6) forwards}@keyframes vsi-clash{0%{opacity:1;background-position:0 0}99%{opacity:1}to{opacity:0;background-position:120% 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}