.pack-flip{perspective:1400px}.pack-flip__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.2,.8,.25,1);transform:rotateY(0deg)}.pack-flip[data-face-down=true] .pack-flip__inner{transform:rotateY(180deg)}.pack-flip__face{position:absolute;inset:0;border-radius:.75rem;backface-visibility:hidden;-webkit-backface-visibility:hidden}.pack-flip__front{transform:rotateY(0deg)}.pack-flip__back{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;overflow:hidden;background:radial-gradient(farthest-corner circle at 30% 18%,rgba(255,255,255,.28),transparent 55%),linear-gradient(150deg,#155e75,#0e7490 42%,#7f1d1d);box-shadow:inset 0 0 0 3px rgba(255,255,255,.16)}.pack-back__ball{width:42%;aspect-ratio:1;border-radius:9999px;background:linear-gradient(180deg,#f8fafc 0 calc(50% - 5%),rgba(15,23,42,.85) calc(50% - 5%) calc(50% + 5%),#b91c1c calc(50% + 5%) 100%);box-shadow:inset 0 0 0 4px rgba(15,23,42,.7),0 6px 18px rgba(0,0,0,.35);position:relative}.pack-back__ball:after{content:"";position:absolute;inset:38%;border-radius:9999px;background:#f8fafc;box-shadow:inset 0 0 0 3px rgba(15,23,42,.75)}.pack-back__wordmark{font-size:.6rem;font-weight:700;letter-spacing:.3em;color:rgba(255,255,255,.85)}.pack-flip[data-god=true] .pack-flip__back{background:radial-gradient(farthest-corner circle at 30% 18%,rgba(255,255,255,.35),transparent 55%),linear-gradient(150deg,#78350f,#b45309 45%,#7f1d1d);box-shadow:inset 0 0 0 3px rgba(250,204,21,.75),0 0 26px rgba(250,204,21,.35)}.pack-holo{transform-style:preserve-3d;transition:transform .22s ease-out;will-change:transform}.pack-holo[data-foil=true][data-active=true]{transform:perspective(900px) rotateX(calc((var(--my) - .5) * -12deg)) rotateY(calc((var(--mx) - .5) * 12deg)) scale(1.02)}.pack-holo__shine{position:absolute;inset:0;pointer-events:none;border-radius:inherit;mix-blend-mode:color-dodge;opacity:.45;transition:opacity .22s ease-out;background:radial-gradient(farthest-corner circle at calc(var(--mx) * 100%) calc(var(--my) * 100%),rgba(255,255,255,.75) 4%,rgba(255,170,240,.5) 14%,rgba(120,200,255,.4) 30%,rgba(0,0,0,0) 62%),conic-gradient(from calc(var(--mx) * 1turn) at 50% 50%,#ff8ad8,#ffd36e,#8affc1,#6ec8ff,#b98aff,#ff8ad8);background-blend-mode:screen}.pack-holo[data-foil=true][data-active=true] .pack-holo__shine{opacity:.7}.pack-holo[data-finish=reverse] .pack-holo__shine{mix-blend-mode:soft-light;opacity:.55;background:linear-gradient(calc(var(--mx) * 60deg + 100deg),rgba(255,255,255,.5) 0,rgba(186,230,253,.28) 35%,rgba(255,255,255,.45) 55%,rgba(0,0,0,0) 85%),repeating-linear-gradient(115deg,rgba(255,255,255,.16) 0 2px,rgba(0,0,0,0) 2px 6px)}.pack-holo[data-finish=reverse][data-active=true] .pack-holo__shine{opacity:.75}.pack-swipe{touch-action:pan-y;user-select:none;-webkit-user-select:none;will-change:transform}.pack-swipe[data-dragging=false]{transition:transform .28s cubic-bezier(.2,.8,.25,1),opacity .28s ease-out}.pack-swipe[data-dragging=true] .pack-holo{transform:none;transition:none}@keyframes pack-god-pulse{0%,to{box-shadow:0 0 22px 2px rgba(250,204,21,.35)}50%{box-shadow:0 0 40px 8px rgba(250,204,21,.6)}}.pack-god-glow{border-radius:1rem;animation:pack-god-pulse 2.4s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.pack-flip[data-face-down=true] .pack-flip__inner,.pack-flip__inner{transform:none;transition:none}.pack-flip__back{display:none}.pack-holo,.pack-holo[data-foil=true][data-active=true]{transform:none;transition:none}.pack-holo__shine{background:linear-gradient(115deg,rgba(255,255,255,.4),rgba(255,170,240,.35) 30%,rgba(120,200,255,.3) 60%,rgba(0,0,0,0) 90%);transition:none}.pack-swipe[data-dragging=false]{transition:none}.pack-god-glow{animation:none;box-shadow:0 0 22px 2px rgba(250,204,21,.4)}}