.booster-pack-wrapper{--booster-ratio:780 / 1315;aspect-ratio:var(--booster-ratio);vertical-align:top;justify-content:center;align-items:center;display:inline-flex;container-type:size}.booster-pack-body{--pointer-dx:0;--pointer-dy:0;--pointer-active:0;--glare-dx:0;--glare-dy:0;--tilt-max:13deg;width:min(100cqw, calc(100cqh * var(--booster-ratio)));aspect-ratio:var(--booster-ratio);perspective:900px;flex:none;position:relative}.booster-pack-body:after{content:"";z-index:10;pointer-events:auto;position:absolute;inset:0}.booster-pack-shell{transform-style:preserve-3d;transform:rotateX(calc(var(--pointer-dy) * var(--tilt-max))) rotateY(calc(var(--pointer-dx) * -1 * var(--tilt-max)));pointer-events:none;transition:transform .45s cubic-bezier(.2,.8,.25,1);position:absolute;inset:0}.booster-pack-depth,.booster-pack-ground{pointer-events:none;position:absolute;inset:0;-webkit-mask-image:url(/assets/images/booster/booster-m.avif);mask-image:url(/assets/images/booster/booster-m.avif);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.booster-pack-depth{filter:brightness(calc(1 - var(--depth) * .05));transform:translateZ(calc(var(--depth) * -.9cqw));background:linear-gradient(100deg,#34353d,#1d1e24 40%,#121317 75%,#26272e)}.booster-pack-ground{opacity:.5;filter:blur(7px);transform:translate(calc(var(--pointer-dx) * 5%), calc(4% + var(--pointer-dy) * -3%)) scale(.97);background:#000;transition:transform .45s cubic-bezier(.2,.8,.25,1)}.booster-pack-stack{isolation:isolate;pointer-events:none;border-radius:10px;line-height:0;position:absolute;inset:0;overflow:hidden}.booster-pack-base,.booster-pack-normal,.booster-pack-shadows,.booster-pack-glare{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:10px;width:100%;height:100%;position:absolute;inset:0}.booster-pack-base,.booster-pack-normal,.booster-pack-shadows{object-fit:cover}.booster-pack-base,.booster-pack-glare{-webkit-mask-image:url(/assets/images/booster/booster-m.avif);mask-image:url(/assets/images/booster/booster-m.avif);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.booster-pack-shadows{mix-blend-mode:multiply;opacity:.9}.booster-pack-normal{mix-blend-mode:overlay;opacity:.85}.booster-pack-defs{width:0;height:0;position:absolute}.booster-pack-glare{mix-blend-mode:screen;overflow:hidden}.booster-pack-glare-base,.booster-pack-glare-hot{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.booster-pack-glare-base{opacity:.3}.booster-pack-glare-hot{--glare-x:calc(50% + var(--glare-dx) * 50%);--glare-y:calc(50% + var(--glare-dy) * 50%);opacity:calc(.75 * var(--pointer-active));-webkit-mask-image:radial-gradient(circle at var(--glare-x) var(--glare-y), #000 0%, #00000073 30%, transparent 62%);mask-image:radial-gradient(circle at var(--glare-x) var(--glare-y), #000 0%, #00000073 30%, transparent 62%);-webkit-mask-image:radial-gradient(circle at var(--glare-x) var(--glare-y), #000 0%, #00000073 30%, transparent 62%);transition:opacity .6s}@media (prefers-reduced-motion:reduce){.booster-pack-shell,.booster-pack-ground,.booster-pack-glare-hot{transition:none}}