.px-fx{inset:0;pointer-events:none;z-index:30}.px-fx,.px-spark{position:absolute}.px-spark{left:50%;top:50%;border-radius:2px;opacity:0;animation:px-spark .95s cubic-bezier(.12,.8,.3,1) both}@keyframes px-spark{0%{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(.2)}15%{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1.2)}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(225deg) scale(.3)}}.px-confetti{position:absolute;left:50%;top:45%;border-radius:1px;opacity:0;animation:px-confetti 1.9s cubic-bezier(.2,.6,.35,1) both}@keyframes px-confetti{0%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(.4)}30%{opacity:1;transform:translate(calc(-50% + var(--x) * .6),calc(-50% + var(--up))) rotate(calc(var(--r) * .35)) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--down))) rotate(var(--r)) scale(.9)}}.px-embers{position:absolute;inset:0;overflow:hidden;pointer-events:none}.px-embers>span{position:absolute;bottom:-12px;border-radius:50%;opacity:0;animation:px-ember 4s linear infinite}@keyframes px-ember{0%{opacity:0;transform:translate(0) scale(.6)}15%{opacity:.9}to{opacity:0;transform:translate(var(--drift),var(--rise,-420px)) scale(1)}}.px-flash{position:fixed;inset:0;z-index:70;pointer-events:none;opacity:0;animation:px-flash .55s ease-out forwards}.px-flash-strong{animation:px-flash-strong .9s ease-out forwards}@keyframes px-flash{0%{opacity:0}18%{opacity:.55}to{opacity:0}}@keyframes px-flash-strong{0%{opacity:0;transform:scale(.6)}14%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1.4)}}.px-veil{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--veil) 16%,transparent) 0,rgba(3,2,8,.86) 58%);animation:px-fade-in .6s ease-out both}.px-veil:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--veil) 30%,transparent) 0,transparent 42%);animation:px-beat-glow 1.05s ease-in-out infinite}@keyframes px-fade-in{0%{opacity:0}to{opacity:1}}@keyframes px-beat-glow{0%,to{opacity:.35;transform:scale(1)}14%{opacity:1;transform:scale(1.08)}28%{opacity:.5;transform:scale(1)}42%{opacity:.85;transform:scale(1.05)}70%{opacity:.35;transform:scale(1)}}.px-card{position:relative;width:100%;height:100%;perspective:1200px}.px-heart{animation:px-heart 1.05s ease-in-out infinite}.px-heart .flip-face:first-child{filter:drop-shadow(0 0 14px var(--hint)) drop-shadow(0 0 2px var(--hint))}@keyframes px-heart{0%,to{transform:scale(1)}14%{transform:scale(1.045)}28%{transform:scale(1)}42%{transform:scale(1.03)}70%{transform:scale(1)}}.px-opening .pack-shake{animation:px-shake-build .9s cubic-bezier(.4,0,.6,1) both}@keyframes px-shake-build{0%{transform:none}10%{transform:translate(-1px) rotate(-.8deg)}20%{transform:translate(1px) rotate(.8deg)}30%{transform:translate(-2px,1px) rotate(-1.6deg) scale(1.01)}40%{transform:translate(2px,-1px) rotate(1.6deg) scale(1.02)}50%{transform:translate(-3px,1px) rotate(-2.6deg) scale(1.03)}60%{transform:translate(3px,-1px) rotate(2.6deg) scale(1.04)}70%{transform:translate(-4px,2px) rotate(-3.6deg) scale(1.05)}80%{transform:translate(4px,-2px) rotate(3.6deg) scale(1.06)}90%{transform:translate(-2px,1px) rotate(-1.5deg) scale(1.07)}to{transform:scale(1.04)}}.px-opening .pack-tear{animation-delay:.82s}.px-opening .card-rise{animation-delay:.98s}.px-opening .pack-drop{animation-delay:1.45s}.px-tear-light{position:absolute;left:-18%;right:-18%;top:8%;height:5px;z-index:20;border-radius:99px;background:linear-gradient(90deg,transparent,#fff 30%,#fff 70%,transparent);box-shadow:0 0 18px 4px var(--tear),0 0 50px 10px var(--tear);opacity:0;transform:scaleX(0);animation:px-tear-light .75s cubic-bezier(.2,.8,.2,1) .8s both;pointer-events:none}@keyframes px-tear-light{0%{opacity:0;transform:scaleX(0)}25%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.1) scaleY(.4)}}.px-tear-burst{position:absolute;left:50%;top:8%;width:320px;height:320px;z-index:19;margin:-160px 0 0 -160px;border-radius:50%;background:radial-gradient(circle,#fff 0,var(--tear) 22%,transparent 62%);opacity:0;transform:scale(.1);animation:px-tear-burst .9s ease-out .82s both;pointer-events:none}@keyframes px-tear-burst{0%{opacity:0;transform:scale(.1)}20%{opacity:1}to{opacity:0;transform:scale(1.8)}}.px-beams{position:absolute;left:-40%;right:-40%;bottom:90%;height:260px;z-index:-1;background:repeating-conic-gradient(from 240deg at 50% 100%,var(--tear) 0deg 2.5deg,transparent 2.5deg 9deg);-webkit-mask-image:radial-gradient(70% 100% at 50% 100%,#000 10%,transparent 75%);mask-image:radial-gradient(70% 100% at 50% 100%,#000 10%,transparent 75%);transform-origin:50% 100%;opacity:0;transform:scaleY(0);animation:px-beams 1.15s cubic-bezier(.2,.8,.2,1) .88s both;pointer-events:none}@keyframes px-beams{0%{opacity:0;transform:scaleY(0)}30%{opacity:var(--beam-o,.7);transform:scaleY(1)}75%{opacity:var(--beam-o,.7)}to{opacity:0;transform:scaleY(1.15)}}.px-aura-flare{animation:px-aura-flare 1.9s ease-in both!important}@keyframes px-aura-flare{0%{opacity:var(--aura);transform:scale(1)}45%{opacity:calc(var(--aura) * 1.5);transform:scale(1.15)}60%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(1.7)}}.px-pack-rays{position:absolute;inset:-30% -70%;z-index:-1;background:repeating-conic-gradient(var(--aura-color) 0deg 4deg,transparent 4deg 15deg);-webkit-mask-image:radial-gradient(circle,#000 12%,transparent 55%);mask-image:radial-gradient(circle,#000 12%,transparent 55%);opacity:var(--rays-o,.2);animation:rays-spin 22s linear infinite;pointer-events:none}.px-pack-embers{position:absolute;inset:-10% -30%;z-index:-1}.px-pack-embers .px-embers>span{--rise:-360px}.flip-inner.px-spin{transition-duration:1.05s;transition-timing-function:cubic-bezier(.2,.75,.1,1)}.flip-inner.px-spin.is-flipped{transform:rotateY(540deg)}.px-pop{animation:px-pop .5s cubic-bezier(.3,1.6,.5,1) .32s both}.px-pop-big{animation:px-pop-big .8s cubic-bezier(.3,1.5,.5,1) .55s both}@keyframes px-pop{0%{transform:scale(1)}45%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes px-pop-big{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}.px-ring{position:absolute;left:50%;top:50%;width:260px;height:260px;margin:-130px 0 0 -130px;border-radius:50%;border:3px solid var(--burst);box-shadow:0 0 24px var(--burst),inset 0 0 24px var(--burst);opacity:0;transform:scale(.3);animation:px-ring .8s ease-out .3s both;pointer-events:none}.px-ring-2{animation-delay:.5s;border-width:2px}@keyframes px-ring{0%{opacity:0;transform:scale(.3)}15%{opacity:1}to{opacity:0;transform:scale(2.1)}}.px-glow{position:absolute;inset:-18%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,var(--burst) 0,transparent 70%);animation:px-glow 2.4s ease-in-out infinite;pointer-events:none}@keyframes px-glow{0%,to{opacity:.45;transform:scale(.95)}50%{opacity:.85;transform:scale(1.05)}}.px-holo{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none;clip-path:polygon(9cqw 0,calc(100% - 9cqw) 0,100% 9cqw,100% calc(100% - 9cqw),calc(100% - 9cqw) 100%,9cqw 100%,0 calc(100% - 9cqw),0 9cqw);opacity:var(--holo-o,.8)}.px-holo:before{content:"";position:absolute;top:-10%;bottom:-10%;left:-60%;width:220%;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,0) 42%,rgba(255,255,255,.55) 47%,rgba(140,230,255,.45) 50%,rgba(255,140,235,.4) 53%,rgba(255,240,150,.3) 56%,transparent 62%);mix-blend-mode:overlay;transform:translateX(-60%);animation:px-holo-sweep 3.2s ease-in-out .55s infinite}.px-holo:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,rgba(255,120,200,.16) 0 6%,rgba(120,220,255,.16) 6% 12%,rgba(160,255,170,.14) 12% 18%,rgba(255,230,120,.14) 18% 24%);mix-blend-mode:color-dodge;opacity:.55}@keyframes px-holo-sweep{0%{transform:translateX(-60%)}45%,to{transform:translateX(45%)}}.px-stamp{animation:px-stamp .55s cubic-bezier(.2,1.4,.4,1) both}@keyframes px-stamp{0%{opacity:0;transform:scale(2.4);letter-spacing:.6em}to{opacity:1;transform:none}}.px-intro-rays{position:absolute;left:50%;top:50%;width:170vmax;height:170vmax;margin:-85vmax 0 0 -85vmax;background:repeating-conic-gradient(var(--c) 0deg 3deg,transparent 3deg 12deg);-webkit-mask-image:radial-gradient(circle,#000 4%,transparent 45%);mask-image:radial-gradient(circle,#000 4%,transparent 45%);opacity:var(--o,.2);transition:opacity .6s;animation:rays-spin var(--spin,30s) linear infinite;pointer-events:none}.px-intro-beat{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--c) 34%,transparent) 0,transparent 48%);animation:px-beat-glow var(--beat,1.1s) ease-in-out infinite}.px-intro-beat,.px-vignette{position:absolute;inset:0;pointer-events:none}.px-vignette{background:radial-gradient(ellipse at 50% 50%,transparent 30%,rgba(0,0,0,.85) 100%);animation:px-vignette var(--beat,1.1s) ease-in-out infinite}@keyframes px-vignette{0%,to{opacity:.8}14%{opacity:1}28%{opacity:.85}42%{opacity:.98}}.px-pip{transition:transform .3s,background .3s,box-shadow .3s}.px-charge{position:absolute;left:50%;top:50%;width:160px;height:160px;margin:-80px 0 0 -80px;border-radius:50%;z-index:5;background:radial-gradient(circle,#fff 0,var(--c) 40%,transparent 70%);animation:px-charge .85s cubic-bezier(.6,0,.9,.4) both;pointer-events:none}@keyframes px-charge{0%{opacity:0;transform:scale(.1)}55%{opacity:1;transform:scale(1.4)}to{opacity:1;transform:scale(16)}}.px-implode{animation:px-implode .5s ease-in both}@keyframes px-implode{to{opacity:0;transform:scale(.6)}}.px-intro-in{animation:px-intro-in .5s ease-out both}@keyframes px-intro-in{0%{opacity:0;transform:scale(1.4);letter-spacing:1em}to{opacity:1;transform:none}}.px-new{filter:drop-shadow(0 0 7px var(--c))}@media (prefers-reduced-motion:reduce){.px-beams,.px-charge,.px-embers,.px-flash,.px-fx,.px-pack-rays,.px-ring,.px-tear-burst,.px-tear-light{display:none}.px-aura-flare,.px-glow,.px-heart,.px-holo:before,.px-implode,.px-intro-beat,.px-intro-in,.px-intro-rays,.px-opening .card-rise,.px-opening .pack-drop,.px-opening .pack-shake,.px-opening .pack-tear,.px-pop,.px-pop-big,.px-stamp,.px-veil,.px-veil:after,.px-vignette{animation:none!important}.flip-inner.px-spin{transition:none}}