.cup-intro{z-index:1000;isolation:isolate;color:#fff;background:#10151e;flex-direction:column;padding:clamp(20px,4vw,52px);font-family:Space Grotesk,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.intro-backdrop{z-index:-1;background:radial-gradient(at 34% 58%,#c92d4945,#0000 45%),radial-gradient(at 76% 38%,#79c8ff35,#0000 50%),linear-gradient(155deg,#10151e,#182b42 65%,#111722);position:absolute;inset:0}.intro-backdrop:after{content:"";opacity:.12;background-image:linear-gradient(#a3d7ff33 1px,#0000 1px),linear-gradient(90deg,#a3d7ff33 1px,#0000 1px);background-size:65px 65px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.intro-topline,.intro-bottomline{z-index:5;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.intro-topline>span{letter-spacing:-1px;font-size:22px;font-weight:700}.intro-cup-word{color:#f49dbf}.intro-topline button{color:#fff;background:#ffffff09;border:1px solid #ffffff45;border-radius:30px;min-height:44px;padding:12px 18px;font:12px DM Sans,sans-serif}.intro-topline button:hover{background:#ffffff20}.intro-topline button span{color:#a8dcff;margin-left:12px}.intro-bottomline{letter-spacing:1.8px;color:#bcd;margin-top:auto;font-size:9px;line-height:1.5}.intro-progress{background:#ffffff20;width:clamp(60px,22vw,260px);height:2px;overflow:hidden}.intro-progress i{transform-origin:0;background:#f49dbf;height:100%;display:block;transform:scaleX(0)}.intro-cinema{perspective:900px;flex:1;width:100%;max-width:1100px;min-height:0;margin:auto;position:relative}.intro-title-before{text-align:center;width:100%;line-height:.95;position:absolute;top:8%;left:0}.intro-title-before>span{letter-spacing:5px;color:#afdfff;margin-bottom:14px;font-size:clamp(12px,1.5vw,20px);display:block}.intro-title-before strong{letter-spacing:-4px;font-size:clamp(44px,9vw,110px);font-weight:700}.intro-rays{opacity:0;background:repeating-conic-gradient(from 0deg at 50% 70%,#e346641a 0 12deg,transparent 12deg 24deg);position:absolute;inset:12% -20% -15%;-webkit-mask-image:radial-gradient(#000,#0000 65%);mask-image:radial-gradient(#000,#0000 65%)}.intro-floor{background:radial-gradient(#020711aa,#0000 70%);border-radius:50%;height:10%;position:absolute;bottom:16%;left:8%;right:8%;transform:rotateX(55deg)}.intro-fighter{transform-origin:50% 85%;will-change:transform;width:clamp(150px,30vw,330px);position:absolute;bottom:20%}.intro-fighter img{filter:drop-shadow(0 20px 18px #0005);width:100%;display:block}.intro-fighter>span{letter-spacing:3px;color:#cce7ff;white-space:nowrap;font-size:10px;font-weight:600;position:absolute;bottom:-25px;left:50%;transform:translate(-50%)}.intro-wendlin{opacity:0;left:58%;transform:translate(60%)rotate(12deg)}.intro-wandlin{left:12%;transform:translate(-180%)rotate(-14deg)}.intro-panic{color:#f49dbf;opacity:0;font-size:clamp(30px,6vw,65px);position:absolute;top:0;right:-3%;transform:rotate(15deg)}.intro-speedlines{opacity:0;position:absolute;inset:30% 0 15%}.intro-speedlines i{background:linear-gradient(90deg,#0000,#a7dfff);width:28%;height:3px;position:absolute;top:40%;left:5%;transform:rotate(-4deg)}.intro-speedlines i:nth-child(2){width:35%;height:1px;top:55%}.intro-speedlines i:nth-child(3){width:38%;top:70%;left:0}.intro-speedlines i:nth-child(4){width:19%;height:1px;top:20%;left:8%}.intro-scuffle{aspect-ratio:1;opacity:0;filter:drop-shadow(0 10px 20px #0004);width:clamp(180px,36vw,400px);position:absolute;bottom:22%;left:50%;transform:translate(-50%)scale(0)}.intro-scuffle i{background:linear-gradient(140deg,#f4f9ff,#9bbdd8);border-radius:50%;width:48%;height:48%;position:absolute;top:26%;left:26%}.intro-scuffle i:nth-child(2){width:55%;height:55%;top:29%;left:0}.intro-scuffle i:nth-child(3){width:53%;height:55%;top:30%;left:47%}.intro-scuffle i:nth-child(4){top:0;left:21%}.intro-scuffle i:nth-child(5){width:30%;height:30%;top:0;left:4%}.intro-scuffle i:nth-child(6){width:25%;height:25%;top:4%;left:70%}.intro-scuffle i:nth-child(7){width:29%;height:29%;top:68%;left:8%}.intro-scuffle i:nth-child(8){width:25%;height:25%;top:70%;left:57%}.intro-scuffle b,.intro-scuffle em{text-align:center;z-index:2;color:#cf2948;letter-spacing:-3px;text-shadow:3px 3px #fff;font-size:clamp(36px,6vw,80px);font-style:italic;font-weight:700;position:absolute;inset:24% 0 auto;transform:rotate(-13deg)}.intro-scuffle em{color:#151f31;font-size:clamp(22px,4vw,48px);top:60%;transform:rotate(12deg)}.intro-impact-ring{opacity:0;border:4px solid #ffb4cf;border-radius:50%;width:120px;height:120px;margin-left:-60px;position:absolute;bottom:40%;left:50%}.intro-winner{text-align:center;opacity:0;width:100%;position:absolute;bottom:2%;left:0;transform:translateY(20px)}.intro-winner>span{letter-spacing:4px;color:#acdfff;font-size:10px}.intro-winner strong{letter-spacing:-3px;margin-top:8px;font-size:clamp(37px,7vw,82px);line-height:1.15;display:block}.intro-winner strong span{color:#f49dbf;margin-left:10px;font-size:.6em;display:inline-block}.intro-winner p{color:#bcd;margin-top:8px;font:12px DM Sans,sans-serif}.intro-playing{animation:.45s ease-in 6s both intro-out}.intro-playing .intro-title-before{animation:6.5s both intro-title}.intro-playing .intro-wandlin{animation:6.5s cubic-bezier(.3,.7,.3,1) both wandlin-charge}.intro-playing .intro-wendlin{animation:6.5s both wendlin-retreat}.intro-playing .intro-panic{animation:6.5s both wendlin-panic}.intro-playing .intro-scuffle{animation:6.5s both scuffle-burst}.intro-playing .intro-speedlines{animation:6.5s both charge-lines}.intro-playing .intro-impact-ring{animation:6.5s both impact-wave}.intro-playing .intro-winner{animation:6.5s both champion-title}.intro-playing .intro-rays{animation:6.5s both champion-rays}.intro-playing .intro-progress i{animation:6.3s linear both intro-progress}.intro-playing .intro-cinema{animation:6.5s both impact-shake}@keyframes intro-reveal{0%{opacity:0}to{opacity:1}}@keyframes intro-out{to{opacity:0;visibility:hidden;transform:scale(1.035)}}@keyframes intro-title{0%,10%{opacity:0;transform:scale(.3)rotate(-10deg)}12%{opacity:1;transform:scale(1.14)rotate(-4deg)}16%,24%{opacity:1;transform:scale(1)rotate(-4deg)}30%,to{opacity:0;transform:translateY(-25px)scale(1.05)rotate(-4deg)}}@keyframes wandlin-charge{0%{transform:translate(-180%)rotate(-14deg)}12%{transform:translate(0)rotate(8deg)}18%{transform:translate(0)rotate(-5deg)}25%{transform:translate(5%)rotate(0)}30%{transform:translate(-12%)rotate(-15deg)scale(.95)}37%{transform:translate(65%)rotate(20deg)scale(1.1)}41%{transform:translate(48%)rotate(-13deg)}45%{transform:translate(67%)rotate(16deg)}49%{transform:translate(50%)rotate(-10deg)}54%{transform:translate(65%)rotate(8deg)}64%{transform:translate(66%)translateY(-12px)rotate(-5deg)scale(1.15)}70%{transform:translate(66%)rotate(0)scale(1.1)}to{transform:translate(66%)translateY(-6px)rotate(-3deg)scale(1.1)}}@keyframes wendlin-retreat{0%{opacity:0;transform:translate(60%)rotate(12deg)}12%,27%{opacity:1;transform:translate(0)rotate(5deg)}32%{transform:translate(-8%)rotate(-8deg)}37%{transform:translate(-23%)rotate(-20deg)}42%{transform:translate(5%)rotate(25deg)}48%{transform:translate(-20%)rotate(-15deg)}54%{opacity:1;transform:translate(12%)translateY(-20px)rotate(20deg)}66%{opacity:0;transform:translate(250%)translateY(-140px)rotate(140deg)scale(.55)}to{opacity:0;transform:translate(300%)translateY(-140px)rotate(160deg)scale(.4)}}@keyframes wendlin-panic{0%,28%{opacity:0;transform:scale(.3)rotate(15deg)}32%,56%{opacity:1;transform:scale(1)rotate(15deg)}65%,to{opacity:0}}@keyframes scuffle-burst{0%,35%{opacity:0;transform:translate(-50%)scale(0)}38%{opacity:1;transform:translate(-50%)scale(1.1)rotate(-10deg)}42%{transform:translate(-50%)scale(.95)rotate(8deg)}46%{transform:translate(-50%)scale(1.12)rotate(-8deg)}50%{transform:translate(-50%)scale(.96)rotate(7deg)}54%{opacity:1;transform:translate(-50%)scale(1.1)rotate(-6deg)}64%,to{opacity:0;transform:translate(-50%)scale(1.5)rotate(12deg)}}@keyframes charge-lines{0%,30%{opacity:0;transform:translate(-12%)}34%,38%{opacity:1;transform:translate(8%)}43%,to{opacity:0;transform:translate(25%)}}@keyframes impact-wave{0%,36%{opacity:0;transform:scale(.1)}38%{opacity:.8;transform:scale(1)}46%,to{opacity:0;transform:scale(5)}}@keyframes champion-title{0%,61%{opacity:0;transform:translateY(20px)}70%,to{opacity:1;transform:translateY(0)}}@keyframes champion-rays{0%,55%{opacity:0;transform:rotate(-10deg)}70%,to{opacity:1;transform:rotate(0)}}@keyframes intro-progress{to{transform:scaleX(1)}}@keyframes impact-shake{0%,36%,44%,52%,to{transform:translate(0)}38%,46%{transform:translate(-6px,3px)}40%,48%{transform:translate(6px,-3px)}42%,50%{transform:translate(-3px,-2px)}}@media (max-width:600px){.cup-intro{padding:24px 18px}.intro-topline>span{font-size:19px}.intro-topline button{font-size:11px}.intro-title-before{top:12%}.intro-title-before strong{letter-spacing:-2px;font-size:58px}.intro-title-before>span{letter-spacing:3px;font-size:10px}.intro-fighter{width:43%;bottom:30%}.intro-wandlin{left:3%}.intro-wendlin{left:54%}.intro-winner{bottom:8%}.intro-winner strong{letter-spacing:-2px;font-size:43px}.intro-winner>span{letter-spacing:3px;font-size:9px}.intro-bottomline{letter-spacing:1px;gap:12px;font-size:7px}.intro-bottomline>span{max-width:100px}.intro-bottomline>span:last-child{text-align:right}.intro-scuffle{width:70%;bottom:29%}.intro-floor{bottom:27%}.intro-impact-ring{bottom:43%}}@media (max-height:550px){.cup-intro{padding:14px 24px}.intro-fighter{width:180px;bottom:22%}.intro-title-before{top:0}.intro-title-before strong{font-size:40px}.intro-title-before>span{margin-bottom:6px;font-size:10px}.intro-winner{bottom:0}.intro-winner strong{font-size:36px}.intro-winner p{display:none}.intro-scuffle{width:200px}}@media (prefers-reduced-motion:reduce){.cup-intro,.intro-replay{display:none}.cup-intro *{animation:none!important}}.intro-topline{justify-content:flex-end}.intro-bottomline{justify-content:center}.intro-scuffle b,.intro-scuffle em{isolation:isolate;color:#fff;letter-spacing:-2px;text-shadow:3px 4px #10151e;-webkit-text-stroke:1px #10151e;paint-order:stroke fill;opacity:0}.intro-scuffle b:before,.intro-scuffle em:before{content:"";z-index:-1;clip-path:polygon(0 35%,20% 27%,14% 0,39% 18%,52% 0,64% 21%,90% 2%,84% 30%,100% 42%,83% 56%,98% 85%,67% 75%,58% 100%,42% 78%,15% 100%,21% 65%,0 72%);background:#ed4768;position:absolute;inset:-30% 3%}.intro-scuffle em:before{background:#83caff;inset:-35% 10%}.intro-playing .intro-scuffle b{animation:6.5s both comic-boom}.intro-playing .intro-scuffle em{animation:6.5s both comic-pow}@keyframes comic-boom{0%,36%{opacity:0;transform:rotate(-13deg)scale(.2)}39%{opacity:1;transform:rotate(-13deg)scale(1.2)}42%,47%{opacity:1;transform:rotate(-13deg)scale(1)}51%,to{opacity:0;transform:rotate(-18deg)scale(1.4)}}@keyframes comic-pow{0%,43%{opacity:0;transform:rotate(12deg)scale(.2)}46%{opacity:1;transform:rotate(12deg)scale(1.25)}49%,55%{opacity:1;transform:rotate(12deg)scale(1)}60%,to{opacity:0;transform:rotate(18deg)scale(1.4)}}.intro-comic-dots{opacity:.15;pointer-events:none;background-image:radial-gradient(#a8dcff 1.4px,#0000 1.8px);background-size:10px 10px;position:absolute;inset:0 -10%;-webkit-mask-image:radial-gradient(at 50% 60%,#000,#0000 65%);mask-image:radial-gradient(at 50% 60%,#000,#0000 65%)}.intro-title-before{opacity:0;z-index:3;top:9%}.intro-title-before strong{letter-spacing:-3px;color:#fff;-webkit-text-stroke:2px #10151e;paint-order:stroke fill;text-shadow:5px 5px #10151e;clip-path:polygon(2% 12%,100% 0,96% 87%,0 100%);background:#e44063;padding:10px 23px;font-style:italic;display:inline-block}.intro-fighter img{filter:drop-shadow(3px 0 #f4f9ff)drop-shadow(-3px 0 #f4f9ff)drop-shadow(0 3px #f4f9ff)drop-shadow(0 -3px #f4f9ff)drop-shadow(6px 8px #080d1c)drop-shadow(0 20px 18px #0005)}.intro-action-burst{aspect-ratio:1;opacity:0;background:repeating-conic-gradient(from 3deg,#fa9ebc99 0 5deg,transparent 5deg 17deg,#9bd8ff88 17deg 20deg,transparent 20deg 31deg);clip-path:polygon(50% 0,57% 28%,75% 4%,73% 33%,98% 22%,82% 45%,100% 52%,80% 61%,97% 84%,71% 76%,76% 100%,56% 79%,48% 100%,39% 78%,20% 98%,23% 73%,0 79%,20% 57%,0 44%,26% 37%,6% 14%,36% 27%);pointer-events:none;width:90%;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)scale(.1)}.intro-hit-sparks{opacity:0;pointer-events:none;width:110%;height:77%;position:absolute;inset:15% -5% 8%;overflow:visible}.intro-scuffle i{background:radial-gradient(circle,#fff 1px,#0000 1.5px) 0 0/7px 7px,linear-gradient(140deg,#f4f9ff,#9bbdd8);border:3px solid #172535;box-shadow:3px 4px #0b132955}.intro-scuffle b,.intro-scuffle em{-webkit-text-stroke:3px #10151e;text-shadow:4px 5px #10151e;filter:drop-shadow(3px 4px #10151e);font-family:Space Grotesk,sans-serif;font-weight:700}.intro-speedlines i{height:5px;box-shadow:0 2px #0a1326}.intro-scuffle em:before{background:#83caff}.intro-playing .intro-action-burst{animation:6.5s both comic-impact-burst}.intro-playing .intro-hit-sparks{animation:6.5s both comic-hit-sparks}@keyframes comic-impact-burst{0%,35%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(-8deg)}38%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-3deg)}42%{opacity:.65;transform:translate(-50%,-50%)scale(.9)rotate(3deg)}46%,51%{opacity:1;transform:translate(-50%,-50%)scale(1.1)rotate(-3deg)}59%,to{opacity:0;transform:translate(-50%,-50%)scale(1.3)rotate(5deg)}}@keyframes comic-hit-sparks{0%,36%{opacity:0;transform:scale(.5)rotate(-8deg)}39%,43%{opacity:1;transform:scale(1)rotate(4deg)}46%{opacity:.6;transform:scale(.92)rotate(-5deg)}49%,54%{opacity:1;transform:scale(1.1)rotate(5deg)}62%,to{opacity:0;transform:scale(1.25)rotate(10deg)}}@media (max-width:600px){.intro-title-before strong{letter-spacing:-2px;padding:10px 18px;font-size:49px}.intro-action-burst{width:130%;top:52%}.intro-hit-sparks{width:130%;height:60%;inset:25% -15% 15%}}.cup-intro .intro-cinema{visibility:hidden}.cup-intro.intro-playing .intro-cinema{visibility:visible}.intro-fighter img{height:auto}