.showcase-duel{background:radial-gradient(at 50% 57%,#3f2170 0%,#281641 43%,#211335 76%);overflow:hidden}.duel-match{isolation:isolate;max-width:1200px;margin:10px auto 0;position:relative}.duel-match-arena{aspect-ratio:2.25;isolation:isolate;width:100%;position:relative}.duel-match-aura{z-index:-1;background:radial-gradient(#b779fa2b,#0000 67%);border-radius:50%;position:absolute;inset:4% 15% -2%}.duel-match-fighter{z-index:3;isolation:isolate;width:41%;position:absolute;top:21%}.duel-match-left{--fighter-from:-85px;--fighter-turn:-7deg;left:0;transform:rotate(-7deg)}.duel-match-right{--fighter-from:85px;--fighter-turn:7deg;right:0;transform:rotate(7deg)}.duel-match .duel-fighter-art{filter:drop-shadow(0 22px 12px #10072370);width:100%;height:auto;display:block;position:relative}.duel-match-right .duel-fighter-art{transform:scaleX(-1)}.duel-fighter-light{z-index:-1;filter:blur(17px);background:radial-gradient(at 50% 47%,#fff2bdc2 0%,#ffc95766 16%,#c181ff3d 38%,#0000 66%);border-radius:50%;position:absolute;inset:-33% -6%}.duel-match-right .duel-fighter-light{background:radial-gradient(at 50% 47%,#f5e4ffd6 0%,#d6a4ff77 16%,#ffcd573d 38%,#0000 66%)}.duel-fighter-rays{z-index:-1;background:repeating-conic-gradient(from 7deg,#0000 0deg 15deg,#ffdc8240 16deg 21deg,#0000 23deg 45deg);position:absolute;inset:-46% -18%;-webkit-mask-image:radial-gradient(#0008 4%,#000c 25%,#0000 64%);mask-image:radial-gradient(#0008 4%,#000c 25%,#0000 64%)}.duel-match-right .duel-fighter-rays{background:repeating-conic-gradient(from 7deg,#0000 0deg 15deg,#e8c7ff4a 16deg 21deg,#0000 23deg 45deg);transform:rotate(23deg)}.duel-match-lightning{z-index:1;filter:drop-shadow(0 0 20px #ffd4532b);width:70%;height:96%;position:absolute;top:-5%;left:15%;overflow:visible}.duel-match-center{z-index:4;width:34%;max-width:390px;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.duel-match-mark{filter:drop-shadow(0 12px 18px #1408289c);width:100%;height:auto;display:block;overflow:visible}.duel-match-sword{transform:rotate(var(--sword-angle));transform-origin:0 0}.duel-mark-impact{transform-origin:100px 84px}.duel-bolt-impact{transform-origin:500px 300px}.duel-bolt-shine{transform:translateY(850px)}.duel-match-sparks{opacity:0;transform-origin:100px 78px}.duel-match-captions{z-index:5;text-align:center;grid-template-columns:1fr 1fr;gap:32%;width:96%;margin:-32px auto 0;display:grid;position:relative}.duel-match-captions span{letter-spacing:.1em;color:#e2c4ff;font-size:.66rem;font-weight:900;display:block}.duel-match-captions strong{letter-spacing:-.025em;margin-top:13px;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:1000;line-height:1.14;display:block}.duel-match-footer{letter-spacing:.12em;color:#c4a5e4;justify-content:center;align-items:center;gap:19px;margin-top:38px;font-size:.65rem;font-weight:900;display:flex}.duel-match-footer i{background:#ffcc40;border-radius:50%;width:5px;height:5px;display:block}.duel-match[data-entered=true][data-reduced=false] .duel-match-fighter{animation:.85s cubic-bezier(.16,.82,.26,1) .1s both duel-fighter-arrive}.duel-match[data-entered=true][data-reduced=false] .duel-bolt-reveal{animation:.17s cubic-bezier(.22,.7,.3,1) .2s both duel-bolt-reveal}.duel-match[data-entered=true][data-reduced=false] .duel-bolt-impact{animation:.85s ease-out .2s both duel-bolt-hit}.duel-match[data-entered=true][data-reduced=false] .duel-match-sword{animation:.55s cubic-bezier(.18,.9,.35,1.3) .37s both duel-sword-arrive}.duel-match[data-entered=true][data-reduced=false] .duel-mark-impact{animation:.68s ease-out .37s both duel-mark-hit}.duel-match[data-entered=true][data-reduced=false] .duel-match-sparks{animation:.6s ease-out .42s both duel-mark-sparks}.duel-match[data-entered=true][data-reduced=false] .duel-bolt-shine{animation:1.6s ease-in-out .75s both duel-bolt-shine}.duel-match[data-entered=true][data-reduced=false] .duel-fighter-light,.duel-match[data-entered=true][data-reduced=false] .duel-fighter-rays{animation:1.1s ease-out .15s both duel-light-arrive}.duel-match[data-entered=true][data-reduced=false] .duel-match-captions{animation:.55s ease-out .5s both duel-caption-arrive}.duel-match[data-active=false] *{animation-play-state:paused!important}.duel-match[data-entered=false][data-reduced=false] :is(.duel-match-fighter,.duel-match-center,.duel-match-lightning,.duel-match-captions){opacity:0}@keyframes duel-fighter-arrive{0%{opacity:0;transform:translateX(var(--fighter-from)) rotate(var(--fighter-turn)) scale(.87)}65%{opacity:1;transform:translateX(0) rotate(var(--fighter-turn)) scale(1.035)}to{opacity:1;transform:translateX(0) rotate(var(--fighter-turn)) scale(1)}}@keyframes duel-bolt-reveal{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(-5%)}}@keyframes duel-bolt-hit{0%,to{transform:scale(1)}45%{transform:scale(1.035)}}@keyframes duel-sword-arrive{0%{opacity:0;transform:rotate(var(--sword-from))}to{opacity:1;transform:rotate(var(--sword-angle))}}@keyframes duel-mark-hit{0%{transform:scale(.94)}23%{transform:translate(3px)scale(1.09)}38%{transform:translate(-3px)scale(1.05)}55%{transform:translate(2px)scale(1.025)}to{transform:translate(0)scale(1)}}@keyframes duel-mark-sparks{0%{opacity:0;transform:scale(.87)}30%{opacity:1}to{opacity:0;transform:scale(1.25)}}@keyframes duel-bolt-shine{0%{transform:translateY(-120px)}to{transform:translateY(850px)}}@keyframes duel-light-arrive{0%{opacity:0;scale:.6}55%{opacity:1;scale:1.1}to{opacity:1;scale:1}}@keyframes duel-caption-arrive{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@media (max-width:760px){.duel-match{margin:25px -14px 0}.duel-match-arena{aspect-ratio:1.35}.duel-match-fighter{width:50%;top:27%}.duel-match-left{--fighter-from:-35px;--fighter-turn:-9deg;left:0;transform:rotate(-9deg)}.duel-match-right{--fighter-from:35px;--fighter-turn:9deg;right:0;transform:rotate(9deg)}.duel-match-center{width:36%;top:52%}.duel-match-lightning{width:94%;height:104%;top:0;left:3%}.duel-fighter-light{filter:blur(10px);inset:-65% -15%}.duel-fighter-rays{inset:-73% -25%}.duel-match-captions{gap:12%;width:94%;margin:-7px auto 0}.duel-match-captions span{letter-spacing:.05em;min-height:22px;font-size:.48rem}.duel-match-captions strong{margin-top:6px;font-size:1.23rem}.duel-match-footer{gap:12px;margin-top:29px;font-size:.5rem}}@media (prefers-reduced-motion:reduce){.duel-match *{animation:none!important}.duel-match :is(.duel-match-fighter,.duel-match-center,.duel-match-lightning,.duel-match-captions){opacity:1!important}}