.pack-3d-wrap{perspective:1400px;place-items:center;width:240px;height:14rem;display:grid}.pack-3d-spin{width:100%;height:100%;transform-style:preserve-3d;animation:slideUpFlip3D var(--dur)ease-out forwards;will-change:transform;position:relative}.pack-face-wrap{backface-visibility:hidden;transform-style:preserve-3d;place-items:center;display:grid;position:absolute;inset:0}.pack-face-wrap.front{transform:rotateY(0)translateZ(2px)}.pack-face-wrap.back{transform:rotateY(180deg)translateZ(2px)}.pack-face-img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}@keyframes slideUpFlip3D{0%{transform:translateY(100vh)rotateY(0)}18%{transform:translateY(-40px)rotateY(0)}26%{transform:translateY(-30px)rotateY(-90deg)}34%{transform:translateY(0)rotateY(-180deg)}50%{transform:translateY(0)rotateY(-360deg)}65%{transform:translateY(0)rotateY(-540deg)}to{transform:translateY(0)rotateY(-720deg)}}.pack-glow{animation:3.5s ease-out forwards packGlow}@keyframes packGlow{0%,30%{filter:brightness()drop-shadow(0 0 #2b5aff00)}40%{filter:brightness(1.2)drop-shadow(0 0 10px #2b5aff80)}50%{filter:brightness(1.4)drop-shadow(0 0 18px #2b5affcc)}60%{filter:brightness(1.3)drop-shadow(0 0 14px #2b5aff99)}70%{filter:brightness(1.1)drop-shadow(0 0 6px #2b5aff4d)}85%{filter:brightness(1.2)drop-shadow(0 0 20px #2b5affcc)}to{filter:brightness(1.5)drop-shadow(0 0 40px #2b5affe6)}}@keyframes slideUpFlip{0%{transform:translateY(100vh)rotateY(0)}30%{opacity:1;transform:translateY(0)rotateY(0)}40%{transform:translateY(0)rotateY(180deg)}50%{transform:translateY(0)rotateY(360deg)}60%{transform:translateY(0)rotateY(540deg)}70%{transform:translateY(0)rotateY(720deg)}85%{filter:brightness()drop-shadow(0 0 20px #2b5affcc)}to{filter:brightness(1.5)drop-shadow(0 0 40px #2b5affcc);transform:translateY(0)rotateY(720deg)scale(1)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{opacity:0;animation:.5s ease-out forwards fade-in}@keyframes card-glow{0%{opacity:0;transform:scale(.9)}40%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes card-shine{0%{filter:brightness()drop-shadow(0 0 #2b5aff00)}50%{filter:brightness(1.9)drop-shadow(0 0 35px #2b5affe6)}to{filter:brightness(1.1)drop-shadow(0 0 10px #2b5aff80)}}.animate-card-shine{animation:1.2s ease-out forwards card-shine}.animate-card-glow{animation:1.2s ease-out forwards card-glow}.shine-wrapper{display:inline-block;position:relative;overflow:hidden}.shine-wrapper img{z-index:1;opacity:1;display:block;position:relative}.shine-layer{filter:blur(3px);mix-blend-mode:screen;opacity:0;pointer-events:none;z-index:20;background:linear-gradient(#0000 0% 35%,#ffffff1a 45%,#fffffff2 50%,#ffffff1a 55%,#0000 65% 100%);width:200%;height:260%;animation:2.1s ease-out infinite forwards diagonal-shine;position:absolute;top:-100%;left:50%;transform:translate(120%,-160%)rotate(18deg)}@keyframes diagonal-shine{0%{opacity:0;transform:translate(120%,-60%)rotate(18deg)}10%{opacity:1}to{opacity:0;transform:translate(-170%,60%)rotate(18deg)}}@media (max-width:48rem){.pack-face-img{width:150px;height:200px}}.bg-img{background-image:url(/images/mystery-packs/bg-img.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}