.card-holo-foil{background-image:repeating-linear-gradient(120deg,#ff5d5a 0%,#fac700 7%,#00d15e 14%,#00b7df 21%,#a860ff 28%,#ff5d5a 35%);background-image:repeating-linear-gradient(120deg,lab(62.659% 79.1916 49.8651) 0%,lab(82.9469% 11.1661 109.21) 7%,lab(73.7132% -67.1234 45.106) 14%,lab(68.3079% -38.2627 -41.858) 21%,lab(55.133% 58.6175 -77.0206) 28%,lab(62.659% 79.1916 49.8651) 35%);background-size:300% 300%;background-position:var(--mx,50%) var(--my,30%);mix-blend-mode:soft-light;opacity:.75;transition:background-position .12s ease-out;overflow:hidden}.card-holo-foil:after{content:"";mix-blend-mode:overlay;transform:translateX(calc((var(--mx,50%) - 50%) * .5));background:linear-gradient(115deg,#0000 42%,#ffffff8c 49%,#ffffff26 52%,#0000 58%);transition:transform .12s ease-out;position:absolute;inset:-50%}.card-holo-badge{color:#1a1714;background-image:linear-gradient(90deg,#ffb3e6,#fff3a3,#b3f0ff,#c8ffb3)}.card-art-placeholder{background:radial-gradient(circle at 50% 35%, color-mix(in oklab, var(--tone) 45%, #121626), #0a0c14 75%)}.card-motif{color:var(--tone)}.card-new-badge{animation:.45s cubic-bezier(.3,1.6,.5,1) both card-new-pop;rotate:-10deg}@keyframes card-new-pop{0%{rotate:-40deg;scale:0}}
@keyframes fx-slide-in{0%{opacity:0;transform:translateY(-70px)scale(.6)}to{opacity:1;transform:none}}.fx-slide-in{animation:.6s cubic-bezier(.2,.8,.2,1) both fx-slide-in}@keyframes fx-burst{0%{scale:1}35%{scale:1.06}to{scale:1}}.fx-burst{animation:1s ease-out fx-burst}@keyframes fx-shake{0%,to{transform:translate(0)rotate(0)}15%{transform:translate(-2.5px)rotate(-.5deg)}30%{transform:translate(2.5px)rotate(.5deg)}45%{transform:translate(-2px)rotate(-.25deg)}60%{transform:translate(2px)rotate(.25deg)}75%{transform:translate(-1px)}90%{transform:translate(1px)}}.fx-shake{animation:.5s ease-in-out fx-shake}@keyframes fx-stage-shake{0%,to{transform:translate(0)}12%{transform:translate(-8px,3px)}25%{transform:translate(8px,-3px)}37%{transform:translate(-7px,2px)}50%{transform:translate(7px,-2px)}62%{transform:translate(-4px,1px)}80%{transform:translate(3px)}}.fx-stage-shake{animation:.7s ease-in-out fx-stage-shake}@keyframes fx-flash{0%{opacity:0;scale:.2}30%{opacity:1}to{opacity:0;scale:1.2}}.fx-flash{background:radial-gradient(circle, color-mix(in oklch, var(--glow) 80%, white) 0%, color-mix(in oklch, var(--glow) 40%, transparent) 35%, transparent 70%);animation:1.1s ease-out forwards fx-flash}@keyframes fx-fly-left{0%{transform:translateX(var(--x0,0px)) rotate(var(--r0,0deg))}to{opacity:0;transform:translate(-130%,-8%)rotate(-24deg)}}@keyframes fx-fly-right{0%{transform:translateX(var(--x0,0px)) rotate(var(--r0,0deg))}to{opacity:0;transform:translate(130%,-8%)rotate(24deg)}}.fx-fly-left{animation:.38s cubic-bezier(.4,0,.9,.6) forwards fx-fly-left}.fx-fly-right{animation:.38s cubic-bezier(.4,0,.9,.6) forwards fx-fly-right}@keyframes fx-promote{0%{transform:translate(5px,6px)rotate(1.6deg)}}.fx-promote{animation:.3s cubic-bezier(.2,.8,.2,1) fx-promote}@keyframes fx-flip-in{0%{transform:perspective(1200px)rotateY(-90deg)scale(.92)}to{transform:perspective(1200px)rotateY(0)scale(1)}}.fx-flip-in{animation:.42s cubic-bezier(.2,.9,.3,1.2) both fx-flip-in}@keyframes fx-charge-shake{0%{translate:calc(-.5px * var(--charge-shake,1)) calc(-.2px * var(--charge-shake,1))}3.8%{translate:calc(.5px * var(--charge-shake,1)) calc(-.3px * var(--charge-shake,1))}7.7%{translate:calc(-.5px * var(--charge-shake,1)) calc(.3px * var(--charge-shake,1))}11.5%{translate:calc(.6px * var(--charge-shake,1)) calc(.3px * var(--charge-shake,1))}15.4%{translate:calc(-.7px * var(--charge-shake,1)) calc(-.3px * var(--charge-shake,1))}19.2%{translate:calc(.8px * var(--charge-shake,1)) calc(-.4px * var(--charge-shake,1))}23.1%{translate:calc(-.9px * var(--charge-shake,1)) calc(.4px * var(--charge-shake,1))}26.9%{translate:calc(1px * var(--charge-shake,1)) calc(.5px * var(--charge-shake,1))}30.8%{translate:calc(-1.2px * var(--charge-shake,1)) calc(-.6px * var(--charge-shake,1))}34.6%{translate:calc(1.3px * var(--charge-shake,1)) calc(-.7px * var(--charge-shake,1))}38.5%{translate:calc(-1.5px * var(--charge-shake,1)) calc(.8px * var(--charge-shake,1))}42.3%{translate:calc(1.8px * var(--charge-shake,1)) calc(.9px * var(--charge-shake,1))}46.2%{translate:calc(-2px * var(--charge-shake,1)) calc(-1px * var(--charge-shake,1))}50%{translate:calc(2.2px * var(--charge-shake,1)) calc(-1.1px * var(--charge-shake,1))}53.8%{translate:calc(-2.5px * var(--charge-shake,1)) calc(1.3px * var(--charge-shake,1))}57.7%{translate:calc(2.8px * var(--charge-shake,1)) calc(1.4px * var(--charge-shake,1))}61.5%{translate:calc(-3.2px * var(--charge-shake,1)) calc(-1.6px * var(--charge-shake,1))}65.4%{translate:calc(3.5px * var(--charge-shake,1)) calc(-1.7px * var(--charge-shake,1))}69.2%{translate:calc(-3.9px * var(--charge-shake,1)) calc(1.9px * var(--charge-shake,1))}73.1%{translate:calc(4.2px * var(--charge-shake,1)) calc(2.1px * var(--charge-shake,1))}76.9%{translate:calc(-4.6px * var(--charge-shake,1)) calc(-2.3px * var(--charge-shake,1))}80.8%{translate:calc(5.1px * var(--charge-shake,1)) calc(-2.5px * var(--charge-shake,1))}84.6%{translate:calc(-5.5px * var(--charge-shake,1)) calc(2.8px * var(--charge-shake,1))}88.5%{translate:calc(6px * var(--charge-shake,1)) calc(3px * var(--charge-shake,1))}92.3%{translate:calc(-6.5px * var(--charge-shake,1)) calc(-3.2px * var(--charge-shake,1))}96.2%{translate:calc(7px * var(--charge-shake,1)) calc(-3.5px * var(--charge-shake,1))}to{translate:calc(-7.5px * var(--charge-shake,1)) calc(3.8px * var(--charge-shake,1))}}@keyframes fx-charge-grow{0%{scale:1}to{scale:var(--charge-grow,1.06)}}.fx-charge{animation:1.3s linear both fx-charge-shake,1.3s cubic-bezier(.6,0,.9,.6) both fx-charge-grow}.fx-dim{background:radial-gradient(circle at 50% 45%,#0000008c,#000000e0 60%);transition:opacity .5s ease-out}@keyframes fx-fly{0%{opacity:0;translate:-50% -50%}8%{opacity:1}70%{opacity:1}to{translate:calc(var(--x) - 50%) calc(var(--y) - 50%);rotate:var(--rot,0deg);opacity:0}}@keyframes fx-twinkle{to{scale:.6}}.fx-star{fill:var(--burst,var(--rarity-rare));filter:drop-shadow(0 0 6px color-mix(in oklch, var(--burst,var(--rarity-rare)) 80%, transparent));animation:1.5s cubic-bezier(.15,.7,.3,1) both fx-fly,.18s ease-in-out infinite alternate fx-twinkle}.fx-spark{background:radial-gradient(circle, #fff8e2, var(--burst,var(--rarity-rare)) 55%, transparent 72%);box-shadow:0 0 12px 3px color-mix(in oklch, var(--burst,var(--rarity-rare)) 70%, transparent);animation:1.1s cubic-bezier(.1,.8,.3,1) both fx-fly}@supports (color:lab(0% 0 0)){.fx-spark{background:radial-gradient(circle, lab(97.8645% .306517 15.5603), var(--burst,var(--rarity-rare)) 55%, transparent 72%)}}@keyframes fx-holo-sweep{0%{opacity:0;translate:-75%}15%{opacity:1}85%{opacity:1}to{opacity:0;translate:75%}}.fx-holo-sweep:before{content:"";mix-blend-mode:screen;background:linear-gradient(110deg,#0000 32%,#ff6f69d9 39%,#ffdc42e6 43%,#34f47ae6 47%,#fffffff2 50%,#25c8ffe6 53%,#b86bffd9 58%,#0000 66%);background:linear-gradient(110deg,#0000 32%,lab(65.0963% 75.8949 46.7279/.85) 39%,lab(88.9999% 3.67007 91.8869/.9) 43%,lab(85.3414% -66.7557 44.3999/.9) 47%,#fffffff2 50%,lab(74.7695% -27.5982 -47.0694/.9) 53%,lab(58.6865% 61.0457 -72.9758/.85) 58%,#0000 66%);animation:.95s cubic-bezier(.45,0,.35,1) .38s both fx-holo-sweep;position:absolute;inset:-10% -60%}
.tilt{--rx:0deg;--ry:0deg;--mx:50%;--my:30%;perspective:900px}.tilt-inner{height:100%;transform:rotateX(var(--rx)) rotateY(var(--ry));will-change:transform;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:relative}.tilt[data-active] .tilt-inner{transform:rotateX(var(--rx)) rotateY(var(--ry)) scale(1.04);transition-duration:80ms}.tilt-glare{pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my), #ffffff73, transparent 45%), linear-gradient(calc(110deg + var(--ry) * 2), transparent 35%, #ffffff1f 50%, transparent 65%);mix-blend-mode:overlay;opacity:0;transition:opacity .3s ease-out;position:absolute;inset:0}.tilt[data-active] .tilt-glare{opacity:1}