.XBoy4a_pack{touch-action:none;transform-style:preserve-3d;border-radius:.5rem;position:relative}.XBoy4a_packSurface{--pack-mx:50%;--pack-my:50%;--pack-rx:0deg;--pack-ry:0deg;--pack-scale:1;--pack-foil-opacity:0;border-radius:inherit;width:100%;height:100%;box-shadow:inset 0 1px color-mix(in srgb, var(--theme-on-primary) 34%, transparent), inset 0 -1.25rem 2rem -1rem color-mix(in srgb, var(--theme-foreground) 48%, transparent), 0 1.5rem 3rem -1.25rem color-mix(in srgb, var(--theme-foreground) 52%, transparent);transform:perspective(700px) rotateX(var(--pack-rx)) rotateY(var(--pack-ry)) scale(var(--pack-scale));transform-style:preserve-3d;will-change:transform;transition:transform .2s ease-out;position:relative;overflow:hidden}.XBoy4a_packSurface:before{z-index:2;border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--theme-foreground) 28%, transparent), transparent 17% 83%, color-mix(in srgb, var(--theme-foreground) 28%, transparent)), linear-gradient(102deg, transparent 32%, color-mix(in srgb, var(--theme-on-primary) 24%, transparent) 46%, transparent 68%);content:"";mix-blend-mode:soft-light;pointer-events:none;position:absolute;inset:0}.XBoy4a_packImage{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.XBoy4a_packFoil,.XBoy4a_packShimmer,.XBoy4a_packBurn{z-index:3;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.XBoy4a_packFoil{background:radial-gradient(circle at var(--pack-mx) var(--pack-my), color-mix(in srgb, var(--theme-on-primary) 68%, transparent), transparent 30%), conic-gradient(from 210deg at var(--pack-mx) var(--pack-my), transparent, color-mix(in srgb, var(--theme-primary) 40%, transparent), color-mix(in srgb, var(--theme-state-success) 32%, transparent), color-mix(in srgb, var(--theme-info) 38%, transparent), transparent 70%);mix-blend-mode:screen;opacity:var(--pack-foil-opacity);transition:opacity .18s ease-out}.XBoy4a_packShimmer{transition:opacity .18s ease-out;overflow:hidden}.XBoy4a_packShimmer:after{background:linear-gradient(115deg, transparent 38%, color-mix(in srgb, var(--theme-on-primary) 48%, transparent) 50%, transparent 62%);content:"";mix-blend-mode:screen;animation:4s ease-in-out infinite XBoy4a_boosterShimmer;position:absolute;inset:0;transform:translate(-120%)skew(-8deg)}.XBoy4a_pack:hover .XBoy4a_packShimmer{opacity:0}.XBoy4a_focusPack{aspect-ratio:876/1761;width:clamp(13rem,18vw,21.25rem);animation:4s ease-in-out infinite XBoy4a_focusFloat}.XBoy4a_openingPack{animation:.56s ease-in XBoy4a_packShake,1.1s ease-out .56s forwards XBoy4a_packBurst}.XBoy4a_packBurn{background:var(--theme-on-primary);opacity:0;mix-blend-mode:screen;animation:.42s cubic-bezier(.33,0,.2,1) .16s forwards XBoy4a_packBurn}.XBoy4a_openingFlash{z-index:1;background:radial-gradient(circle, var(--theme-on-primary) 0% 52%, color-mix(in srgb, var(--theme-on-primary) 96%, transparent) 78%, var(--theme-on-primary) 100%);opacity:0;pointer-events:none;animation:1.6s cubic-bezier(.33,0,.2,1) .56s forwards XBoy4a_openingFlash;position:absolute;inset:0}.XBoy4a_revealRow{justify-content:center;gap:clamp(.625rem,1.5vw,1.25rem);width:min(100%,80rem);display:flex}.XBoy4a_revealItem{flex:1 1 0;min-width:0;max-width:20rem}.XBoy4a_revealedCard{aspect-ratio:3/5;width:100%;transform-style:preserve-3d;animation:1.1s cubic-bezier(.22,1,.36,1) both XBoy4a_cardReveal;position:relative;overflow:hidden}.XBoy4a_revealedCard:after{z-index:2;background:linear-gradient(105deg, transparent 38%, color-mix(in srgb, var(--theme-on-primary) 58%, transparent) 48%, transparent 64%);content:"";mix-blend-mode:overlay;pointer-events:none;border-radius:.75rem;animation:2.4s ease-in-out .7s both XBoy4a_cardShimmer;position:absolute;inset:0}@keyframes XBoy4a_focusFloat{0%,to{transform:translateY(-.375rem)rotate(-.5deg)}50%{transform:translateY(.375rem)rotate(.5deg)}}@keyframes XBoy4a_boosterShimmer{0%{opacity:.4;transform:translate(-120%)skew(-8deg)}30%{opacity:1}60%{opacity:.4;transform:translate(120%)skew(-8deg)}to{opacity:0;transform:translate(120%)skew(-8deg)}}@keyframes XBoy4a_packShake{0%{transform:translate(0)rotate(0)scale(1)}20%{transform:translate(-.1875rem,.125rem)rotate(-2deg)scale(1.02)}40%{transform:translate(.1875rem,-.125rem)rotate(2deg)scale(1.03)}60%{transform:translate(-.25rem,.1875rem)rotate(-2.5deg)scale(1.04)}80%{transform:translate(.25rem,-.1875rem)rotate(2.5deg)scale(1.05)}to{transform:translate(0)rotate(0)scale(1.06)}}@keyframes XBoy4a_packBurn{0%{opacity:0}45%{opacity:.45}78%{opacity:.92}to{opacity:1}}@keyframes XBoy4a_packBurst{0%{filter:blur()brightness();opacity:1;transform:scale(1.06)}55%{filter:blur(.5rem)brightness(8)saturate(0);opacity:1;transform:scale(1.38)}to{filter:blur(1.5rem)brightness(16)saturate(0);opacity:0;transform:scale(1.75)}}@keyframes XBoy4a_openingFlash{0%{opacity:0}18%,48%{opacity:1}to{opacity:0}}@keyframes XBoy4a_cardReveal{0%{opacity:0;transform:scale(.72)rotateY(1260deg)}25%{opacity:1}to{opacity:1;transform:scale(1)rotateY(0)}}@keyframes XBoy4a_cardShimmer{0%{opacity:0;transform:translate(120%)}12%,38%{opacity:1}52%,to{opacity:0;transform:translate(-120%)}}@media (max-width:767px),(max-height:560px){.XBoy4a_pack{touch-action:pan-y}.XBoy4a_focusPack{width:min(13rem,52vw)}.XBoy4a_packShimmer,.XBoy4a_revealedCard:after{display:none}.XBoy4a_revealRow{overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;touch-action:pan-x;-webkit-overflow-scrolling:touch;justify-content:flex-start;min-width:0;max-width:100%;padding:.25rem 1rem 1rem;overflow-x:auto}.XBoy4a_revealRow::-webkit-scrollbar{display:none}.XBoy4a_revealItem{scroll-snap-align:center;flex:0 0 6.5rem}.XBoy4a_revealItem:only-child{margin-inline:auto}.XBoy4a_revealItem>div:last-child{margin-top:.75rem}}@media (prefers-reduced-motion:reduce){.XBoy4a_packSurface{transition:opacity .18s ease-out;transform:none}.XBoy4a_focusPack,.XBoy4a_packShimmer:after{animation:none}.XBoy4a_openingPack,.XBoy4a_packBurn,.XBoy4a_openingFlash,.XBoy4a_revealedCard{animation-duration:1ms;animation-delay:0s}.XBoy4a_revealedCard:after{animation:none}}