.booster{--bw:min(10.5rem,28vw);--bd:12px;--foil:linear-gradient(170deg,var(--c1),var(--c2) 38%,var(--c1) 62%,var(--c3));--ridges:repeating-linear-gradient(90deg,#ffffff38 0 1px,#00000024 1px 3px);width:var(--bw);aspect-ratio:5/8;cursor:grab;font:inherit;color:#fff;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:relative}.booster:active{cursor:grabbing}.booster:disabled{cursor:progress}.booster:focus-visible{outline:2px solid var(--color-primary);outline-offset:10px}.booster--wild{--c1:#2f9b6a;--c2:#1d6b46;--c3:#0f3f2a;--accent:#ffe08a;--tilt:-4deg}.booster--pets{--c1:#e8893f;--c2:#a8481c;--c3:#5e2a0f;--accent:#ffe3b0;--tilt:0deg;margin-bottom:var(--space-3)}.booster--dino{--c1:#a98a34;--c2:#5b4a1e;--c3:#2e2410;--accent:#f4e2a0;--tilt:4deg}.booster__stage{perspective:800px;transform:rotate(var(--tilt,0deg));animation:3.6s ease-in-out infinite booster-float;display:block;position:absolute;inset:0}.booster--pets .booster__stage{animation-delay:-1.2s}.booster--dino .booster__stage{animation-delay:-2.4s}.booster__pivot{transform-style:preserve-3d;transform:rotateX(calc(var(--pitch,0)*1deg + var(--hy,0)*1deg)) rotateY(calc(var(--yaw,0)*1deg + var(--hx,0)*1deg));transition:transform .3s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;inset:0}.booster--drag .booster__pivot{transition:none}.booster__shadow{filter:blur(10px);background:#0000008c;border-radius:50%;height:7%;position:absolute;bottom:-5%;left:6%;right:6%}.booster__face{backface-visibility:hidden;display:block;position:absolute;inset:0}.booster__front{transform:translateZ(calc(var(--bd)/2))}.booster__rear{transform:rotateY(180deg) translateZ(calc(var(--bd)/2));background:var(--foil);background-image:var(--foil);border-radius:.3rem;place-items:center;display:grid}.booster__rear:after{content:"";background:repeating-linear-gradient(45deg,#ffffff14 0 8px,#0000 8px 16px);position:absolute;inset:0}.booster__rear-text{z-index:1;opacity:.85;text-shadow:0 1px 3px #00000080;font-weight:700;position:relative}.booster[data-torn] .booster__rear{clip-path:inset(12% 0 0)}.booster__panel{box-sizing:border-box;background:var(--foil);clip-path:polygon(0 0,100% 0,100% 97%,96% 100%,92% 97%,88% 100%,84% 97%,80% 100%,76% 97%,72% 100%,68% 97%,64% 100%,60% 97%,56% 100%,52% 97%,48% 100%,44% 97%,40% 100%,36% 97%,32% 100%,28% 97%,24% 100%,20% 97%,16% 100%,12% 97%,8% 100%,4% 97%,0 100%);background-position:bottom;background-size:100% 113.636%;grid-template-rows:auto 1fr auto auto auto;place-items:center;padding:6% 5% 12%;display:grid;position:absolute;inset:12% 0 0;overflow:hidden;container-type:inline-size}.booster__panel:before{content:"";background:var(--ridges);height:9%;position:absolute;inset:auto 0 0}.booster__panel:after{content:"";background:radial-gradient(at 50% 38%,#ffffff47,#0000 62%);position:absolute;inset:0}.booster__panel>*{z-index:1;text-shadow:0 2px 4px #00000073;position:relative}.booster__logo{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:7.5cqw;font-weight:800}.booster__emblem{aspect-ratio:1;width:46cqw;box-shadow:inset 0 0 0 1.5cqw var(--accent),0 3cqw 6cqw #00000059;background:radial-gradient(circle at 35% 30%,#ffffff59,#00000040);border-radius:50%;place-items:center;font-size:25cqw;line-height:1;display:grid}.booster__banner{text-align:center;border-block:.6cqw solid var(--accent);box-sizing:border-box;background:linear-gradient(#00000059,#0000008c);width:100%;margin-top:3cqw;padding:1.5cqw 5cqw;font-size:11cqw;font-weight:800;line-height:1.05}.booster__sub{text-align:center;opacity:.92;margin-top:2cqw;font-size:6.5cqw}.booster__count{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-top:2cqw;font-size:6cqw;font-weight:700}.booster__strip{background:var(--foil);background-position:top;background-size:100% 833.333%;border-bottom:1px dashed #ffffff8c;height:12%;display:block;position:absolute;inset:0 0 auto}.booster__strip:before{content:"";background:var(--ridges);position:absolute;inset:0}.booster__strip--flap{transform-origin:calc(var(--p,0)*100%) 100%;transform:translateZ(1px) rotate(calc(var(--p,0)*16deg)) translateY(calc(var(--p,0)*-35%));clip-path:polygon(0 0,calc(var(--p,0)*100%) 0,calc(var(--p,0)*100% + 5px) 25%,calc(var(--p,0)*100% - 4px) 50%,calc(var(--p,0)*100% + 4px) 75%,calc(var(--p,0)*100%) 100%,0 100%);filter:drop-shadow(0 3px 3px #0006);display:none}.booster[data-tearing] .booster__strip--flap{display:block}.booster[data-tearing] .booster__strip--stay{clip-path:polygon(calc(var(--p,0)*100%) 0,100% 0,100% 100%,calc(var(--p,0)*100%) 100%,calc(var(--p,0)*100% + 4px) 75%,calc(var(--p,0)*100% - 4px) 50%,calc(var(--p,0)*100% + 5px) 25%)}.booster[data-torn] .booster__strip--stay{display:none}.booster__sheen{pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(circle at var(--mx,30%) var(--my,18%),#ffffffbf,transparent 48%),linear-gradient(115deg,transparent 18%,#ff5ac880 34%,#5adcff80 50%,#fff06e80 66%,transparent 82%);background-size:100% 100%,260% 100%;background-position:0 0,calc(50% + (var(--yaw,0) + var(--hx,0))*1.4%) 0;position:absolute;inset:0}.booster[data-torn] .booster__sheen{display:none}.booster__edge{backface-visibility:hidden;background:linear-gradient(90deg,var(--c3),var(--c2));display:block;position:absolute}.booster__edge--l,.booster__edge--r{width:var(--bd);top:0;bottom:0}.booster__edge--l{left:calc(var(--bd)/-2);transform:rotateY(-90deg)}.booster__edge--r{left:calc(100% - var(--bd)/2);transform:rotateY(90deg)}.booster__edge--t,.booster__edge--b{height:var(--bd);background:var(--ridges),var(--c2);left:0;right:0}.booster__edge--t{top:calc(var(--bd)/-2);transform:rotateX(90deg)}.booster__edge--b{top:calc(100% - var(--bd)/2);transform:rotateX(-90deg)}.booster[data-torn] .booster__edge--t{display:none}.booster__cards{transform-style:preserve-3d;display:block;position:absolute;inset:16% 9% 4%}.booster__cards i{border:2px solid var(--accent);background:radial-gradient(circle at 50% 45%,#ffffff38 0 16%,transparent 17%),repeating-linear-gradient(45deg,var(--c2) 0 8px,var(--c3) 8px 16px);transform:translateZ(calc((var(--i) - 2)*.4px));border-radius:6%/4%;display:block;position:absolute;inset:0}.booster{--glow:#dff1ff}.booster__light{aspect-ratio:1;opacity:0;pointer-events:none;background:radial-gradient(circle,#fffffff2 0,var(--glow) 16%,transparent 60%);border-radius:50%;width:150%;position:absolute;top:9%;left:50%;translate:-50% -50%}.booster[data-glow=superRare]{--glow:#b980ff}.booster[data-glow=legendary]{--glow:#ffcf4d}.booster[data-glow=prestige]{--glow:#ffa552}.booster[data-glow=ultra] .booster__light{background:radial-gradient(circle,#fff 0,#0000 55%),conic-gradient(#ff5ac8,#5ad7ff,#fff06e,#8cff8c,#ff5ac8)}.booster[data-torn] .booster__strip--flap{animation:.75s ease-in forwards booster-flap}.booster[data-torn] .booster__light{animation:1.3s ease-out forwards booster-light}.booster[data-torn] .booster__cards i{animation:booster-rise .85s calc(.2s + var(--i)*70ms) cubic-bezier(.2,.8,.2,1) forwards}.booster[data-torn] .booster__stage{animation:.5s ease-in 1.15s forwards booster-drop}.booster[data-torn][data-glow=legendary] .booster__stage,.booster[data-torn][data-glow=ultra] .booster__stage{animation:.5s ease-in-out booster-rumble,.5s ease-in 1.15s forwards booster-drop}.booster--away{pointer-events:none;animation:.5s ease-in forwards booster-away}@keyframes booster-float{50%{translate:0 -.4rem}}@keyframes booster-flap{to{opacity:0;transform:translate(-45%,-340%)rotate(-70deg)}}@keyframes booster-light{0%{opacity:0;scale:.3}30%{opacity:1}to{opacity:.55;scale:1.2}}@keyframes booster-rise{to{transform:translate(calc((var(--i) - 2)*7%),-58%) rotate(calc((var(--i) - 2)*5deg))}}@keyframes booster-rumble{0%,to{translate:0}20%{translate:-.35rem .1rem}40%{translate:.35rem -.1rem}60%{translate:-.25rem}80%{translate:.25rem}}@keyframes booster-drop{to{transform:translateY(2rem) scale(.88) rotate(var(--tilt,0deg));opacity:0}}@keyframes booster-away{to{opacity:0;transform:translateY(1.5rem)scale(.85)}}@media (prefers-reduced-motion:reduce){.booster__stage,.booster[data-torn] .booster__stage,.booster[data-torn] .booster__strip--flap,.booster[data-torn] .booster__light,.booster[data-torn] .booster__cards i{animation:none}.booster__pivot{transition:none}.booster--away{opacity:0;animation:none}}.booster-row{justify-content:center;align-items:flex-end;gap:var(--space-4);padding-top:var(--space-4);flex-wrap:wrap;display:flex}.booster-row+.pack__hint{margin-top:var(--space-4)}.pack__bar{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.pack__series{margin:0;font-size:1.4rem}.pack__alert{font-weight:700;animation:.6s cubic-bezier(.3,.7,.4,1.4) pack-alert}@keyframes pack-alert{0%,to{transform:translate(0)}15%{transform:translate(-.5rem)rotate(-1.5deg)}35%{transform:translate(.5rem)rotate(1.5deg)}55%{transform:translate(-.35rem)}75%{transform:translate(.2rem)}}@media (prefers-reduced-motion:reduce){.pack__alert{animation:none}}.booster-ring{--ring-w:min(6.4rem,32vw);perspective:1800px;width:100%;padding-bottom:calc(var(--ring-w)*.3);touch-action:pan-y;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.booster-ring__track{width:var(--ring-w);height:calc(var(--ring-w)*1.6);transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:relative}.booster-ring__slot{width:var(--ring-w);transform-style:preserve-3d;position:absolute;top:0;left:0}.booster-ring__slot:not([data-front]){filter:brightness(.72);cursor:pointer}.booster-ring .booster{--bw:var(--ring-w);margin:0}.booster-ring__nav{gap:var(--space-3);margin-top:var(--space-2);display:flex}@media (prefers-reduced-motion:reduce){.booster-ring__track{transition:none}}.booster-cell{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.pack-odds{position:relative}.pack-odds__btn{border:1px solid var(--color-border);width:2rem;height:2rem;color:var(--color-muted);cursor:pointer;border-radius:50%;place-items:center;list-style:none;display:grid}.pack-odds__btn::-webkit-details-marker{display:none}.pack-odds__panel{z-index:10;top:calc(100% + var(--space-2));min-width:13rem;padding:var(--space-3);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.85rem;position:absolute;left:50%;transform:translate(-50%)}.pack-odds__title{margin:0 0 var(--space-2);font-weight:600}.pack-odds ul{margin:0 0 var(--space-2);gap:.25rem;padding:0;list-style:none;display:grid}.pack-odds li{justify-content:space-between;gap:var(--space-3);display:flex}.pack-odds__note{color:var(--color-muted);margin:0;font-size:.8rem}