.opening-root{--seq-tear:.9s;--seq-flip:.5s;--seq-leave:.26s;--seq-settle:.32s;overflow-x:clip}.booster-pack{--paper:#fbfafd;--paper-ink:#16141c;aspect-ratio:63/108;width:100%;display:block;position:relative;container-type:inline-size}.booster-pack-golden{--paper:#e8bd4f;--paper-ink:#2b1d05}.booster-pack-golden .booster-strip,.booster-pack-golden .booster-body{background-image:linear-gradient(125deg,#fff4c88c 0%,#0000 32% 62%,#ffecaa66 100%),repeating-linear-gradient(0deg,#2b1d050d 0 1px,#0000 1px 4px)}.booster-strip,.booster-body{background-color:var(--paper);background-image:repeating-linear-gradient(0deg, color-mix(in srgb, var(--paper-ink) 4%, transparent) 0 1px, transparent 1px 4px);position:absolute;inset-inline:0}.booster-strip{z-index:1;border-bottom:.8cqw dashed color-mix(in srgb, var(--paper-ink) 30%, transparent);transform-origin:0 100%;border-radius:5cqw 5cqw 0 0;height:11%;transition:transform .18s ease-out;display:block;top:0}.booster-body{border-radius:0 0 5cqw 5cqw;flex-direction:column;gap:5cqw;padding:6cqw 6cqw 9cqw;display:flex;top:11%;bottom:0;box-shadow:0 20px 36px #00000073}.booster-strip-text{z-index:1;font:700 4cqw/1 var(--font-game,var(--font-display));letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:var(--paper-ink);justify-content:center;align-items:center;padding-top:2cqw;display:flex;position:absolute;inset:0}.booster-pack-sachet .booster-strip-text{color:#fff7e6;text-shadow:0 .4cqw 1.2cqw #0000008c}.booster-strip:before,.booster-body:after{content:"";background-image:repeating-linear-gradient(90deg, color-mix(in srgb, var(--paper-ink) 16%, transparent) 0 1.1cqw, transparent 1.1cqw 2.5cqw);height:4cqw;position:absolute;inset-inline:0}.booster-strip:before{border-radius:5cqw 5cqw 0 0;top:0}.booster-body:after{border-radius:0 0 5cqw 5cqw;bottom:0}.booster-covers{flex:1;gap:1.7cqw;min-height:0;display:flex}.booster-cover{border-radius:1.4cqw;flex:1;min-width:0;overflow:hidden}.booster-cover:nth-child(2n){margin-top:5cqw}.booster-cover:nth-child(odd){margin-bottom:5cqw}.booster-cover img{object-fit:cover;width:100%;height:100%;display:block}.booster-name{color:var(--paper-ink);text-align:center;flex-direction:column;align-items:center;gap:1.8cqw;margin-block:auto 0;display:flex}.booster-name:first-child{margin-block:auto}.booster-pack-cartouche .booster-strip,.booster-pack-cartouche .booster-body{background-image:repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 3px),linear-gradient(150deg,#fff3,#0000 45%,#00000040)}.booster-pack-cartouche .booster-strip{border-bottom-color:color-mix(in srgb, var(--frame) 60%, transparent)}.booster-pack-cartouche .booster-body{box-shadow:0 20px 36px #00000073, inset 0 0 0 3cqw var(--paper), inset 0 0 0 3.8cqw var(--frame), inset 0 0 0 5cqw var(--paper), inset 0 0 0 5.3cqw var(--frame);padding:10cqw 9cqw 11cqw}.booster-pack-cartouche .booster-covers{align-items:flex-end;gap:2cqw}.booster-pack-cartouche .booster-cover{height:88%;box-shadow:0 0 0 .8cqw var(--frame);border-radius:50% 50% 1.4cqw 1.4cqw/24% 24% 1.4cqw 1.4cqw;margin:0}.booster-pack-cartouche .booster-cover:nth-child(2){height:100%}.booster-rule{background:var(--frame);height:.8cqw;margin-inline:8cqw;display:block;position:relative}.booster-rule:after{content:"";background:var(--frame);width:3.6cqw;height:3.6cqw;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:45deg}.booster-pack-cartouche .booster-name{color:var(--frame)}.booster-pack-cartouche .booster-name>:first-child{letter-spacing:.04em;text-transform:uppercase;font-size:9cqw}.booster-pack-fronton .booster-strip,.booster-pack-fronton .booster-body{background-image:radial-gradient(at 50% 35%,#ffffff24,#0000 65%),linear-gradient(170deg,#ffffff14,#0000004d)}.booster-pack-fronton .booster-strip{border-bottom-color:color-mix(in srgb, var(--frame) 45%, transparent)}.booster-pack-fronton .booster-body{gap:0;padding:7cqw 7cqw 9cqw}.booster-pediment{clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(180deg, var(--frame), color-mix(in srgb, var(--frame) 82%, black));flex:none;height:17cqw;display:block;position:relative}.booster-pediment:before{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:color-mix(in srgb, var(--paper) 85%, black);position:absolute;inset:3.2cqw 9cqw 1.6cqw}.booster-pediment:after{content:"";aspect-ratio:1;background:var(--frame);border-radius:50%;width:4.4cqw;position:absolute;bottom:3cqw;left:50%;translate:-50%}.booster-cornice{background:linear-gradient(180deg, var(--frame), color-mix(in srgb, var(--frame) 82%, black));flex:none;height:3.4cqw;margin-inline:-2cqw;display:block;box-shadow:0 1.2cqw 0 -.4cqw #00000040}.booster-pack-fronton .booster-covers{grid-template-columns:11cqw 1fr 11cqw;gap:2.4cqw;padding-top:2.4cqw;display:grid}.booster-pack-fronton .booster-covers:before,.booster-pack-fronton .booster-covers:after{content:"";background:repeating-linear-gradient(90deg, var(--frame) 0 1.6cqw, color-mix(in srgb, var(--frame) 82%, black) 1.6cqw 2.2cqw);border-radius:1cqw 1cqw 0 0;box-shadow:inset -1.5cqw 0 2cqw #0000002e}.booster-pack-fronton .booster-cover{box-shadow:0 0 0 .8cqw var(--frame);border-radius:22cqw 22cqw 0 0;margin:0}.booster-steps{background:linear-gradient(180deg, var(--frame), color-mix(in srgb, var(--frame) 82%, black)) center top / 88% 2.6cqw no-repeat, linear-gradient(180deg, var(--frame), color-mix(in srgb, var(--frame) 82%, black)) center 2.6cqw / 94% 2.6cqw no-repeat, linear-gradient(180deg, var(--frame), color-mix(in srgb, var(--frame) 82%, black)) center bottom / 100% 2.6cqw no-repeat;flex:none;height:7.8cqw;display:block}.booster-pack-fronton .booster-name{color:var(--frame);margin-top:5cqw}.booster-pack-fronton .booster-name>:first-child{font-family:var(--font-roman), Georgia, serif;letter-spacing:.04em;text-transform:uppercase;font-size:8.4cqw}.booster-pack-sachet:before{content:"";z-index:-1;border-radius:2cqw;position:absolute;inset:1.2cqw 0;box-shadow:0 4cqw 6cqw #00000080}.booster-pack-sachet .booster-strip,.booster-pack-sachet .booster-body{background-color:var(--paper);background-image:var(--sachet,none);box-shadow:none;background-repeat:no-repeat;border-radius:0}.booster-pack-sachet .booster-strip{background-position:50% 0;background-size:100% 909.091%;border-bottom:.6cqw dashed #ffffff73;-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/4cqw 2.4cqw repeat-x,linear-gradient(#000 0 0) 0 2.4cqw/100% 100% no-repeat;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/4cqw 2.4cqw repeat-x,linear-gradient(#000 0 0) 0 2.4cqw/100% 100% no-repeat}.booster-pack-sachet .booster-body{background-position:50% 100%;background-size:100% 112.36%;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/4cqw 2.4cqw repeat-x,linear-gradient(#000 0 0) 0 0/100% calc(100% - 2.4cqw) no-repeat;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/4cqw 2.4cqw repeat-x,linear-gradient(#000 0 0) 0 0/100% calc(100% - 2.4cqw) no-repeat}.booster-pack-sachet .booster-strip:before,.booster-pack-sachet .booster-body:after{display:none}.booster-pack-sachet .booster-covers{flex:none;height:113cqw}.booster-pack-sachet .booster-name{text-shadow:0 .5cqw 0 color-mix(in srgb, var(--paper) 50%, black), 0 1cqw 4cqw #00000080;margin-block:0}.booster-pack-laurels .booster-strip-text{color:#140d02;text-shadow:none;padding-top:4.4cqw}.booster-pack-laurels .booster-cover{box-shadow:0 0 0 .35cqw #d8b04c8c}.booster-pack-laurels .booster-name{text-shadow:none}.booster-laurels{color:#e2bf5c;filter:drop-shadow(0 .6cqw #0000008c)drop-shadow(0 1cqw 3cqw #00000080);justify-content:center;align-items:center;gap:2cqw;max-width:100%;display:flex}.booster-laurels-name{letter-spacing:.06em;background:linear-gradient(#fff3c8 0%,#e9c766 45%,#b8862a 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:13cqw}.booster-pack-golden.booster-pack-sachet .booster-name{text-shadow:0 .4cqw #fff4c88c}.booster-pack-mini .booster-name{visibility:hidden}.booster-pack-mini .booster-body{box-shadow:none}.booster-pack-mini.booster-pack-sachet:before{display:none}.booster-ring{--ring-pack:10rem;--ring-spread:1.3;--ring-radius:calc(var(--ring-pack) * var(--ring-spread));--ring-view:calc(var(--ring-pack) * 5.5);--ring-lift:calc(var(--ring-pack) * .3);height:calc(var(--ring-pack) * 108 / 63 + var(--ring-lift) * .5 + 2.25rem);touch-action:pan-y;-webkit-user-select:none;user-select:none;isolation:isolate;position:relative;overflow-x:clip}@media (min-width:48rem){.booster-ring{--ring-pack:13rem;--ring-spread:1.5}}.booster-ring-item{top:calc(var(--ring-lift) * .5);width:var(--ring-pack);margin-left:calc(var(--ring-pack) / -2);will-change:transform;position:absolute;left:50%}.booster-ring:not(:active) .booster-ring-item[data-front]{cursor:pointer}.booster-ring-float{animation:4.6s ease-in-out infinite ring-float;display:block}@keyframes ring-float{0%,to{transform:translate(0,0)rotate(-.4deg)}50%{transform:translateY(-2%)rotate(.4deg)}}@media (prefers-reduced-motion:reduce){.booster-ring-float{animation:none}}.opening-stage{aspect-ratio:63/90.6;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:clamp(11rem,min(62vw,40dvh),15rem);margin:2.75rem auto;position:relative;container-type:inline-size}.opening-pack-button{z-index:20;cursor:pointer;touch-action:pan-y pinch-zoom;border-radius:5cqw;width:100%;padding:0;display:block;position:absolute;inset:-9.60265% 0}.opening-pack-button[data-phase=sealed] .booster-pack{animation:3.4s ease-in-out infinite opening-bob}.opening-pack-button[data-dragging] .booster-pack{animation-play-state:paused}.opening-pack-button[data-dragging] .booster-strip{transition:none}.opening-pack-button[data-phase=tearing]{pointer-events:none}.opening-pack-button[data-phase=tearing] .booster-strip{opacity:0;transition:transform var(--seq-tear) cubic-bezier(.25, .7, .2, 1), opacity var(--seq-tear) ease-in;transform:translate(90%,-70%)rotate(30deg)}.opening-pack-button[data-phase=tearing][data-torn=left] .booster-strip{transform-origin:100% 100%;transform:translate(-90%,-70%)rotate(-30deg)}.opening-pack-button[data-phase=tearing] .booster-body{opacity:0;transition:transform var(--seq-tear) cubic-bezier(.5, 0, .8, .4), opacity var(--seq-tear) cubic-bezier(.6, 0, .9, .5);transform:translateY(26%)}@keyframes opening-bob{0%,to{transform:translate(0,0)rotate(-1.2deg)}50%{transform:translateY(-2.5%)rotate(1.2deg)}}[data-burst=legendary]{--burst-core:#fff3c4;--burst-glow:#f2c14e;--burst-far:#e8a33ab3;--burst-beam:linear-gradient(180deg, #fff3c400, #ffecaae6 70%, #fff8e0)}[data-burst=mythic]{--burst-core:#fff;--burst-glow:#b07cf5;--burst-far:#6f8bffb3;--burst-beam:linear-gradient(180deg, #fff0, #b07cf5bf 40%, #4fbf8fcc 60%, #f2c14ed9 80%, #fff)}.opening-tear-burst{z-index:25;pointer-events:none;position:absolute;inset:0}.opening-tear-line{inset-inline:4%;background:var(--burst-core);height:1.6cqw;box-shadow:0 0 3cqw 1cqw var(--burst-glow), 0 0 8cqw 3cqw var(--burst-far);opacity:0;animation:opening-tear-line calc(var(--seq-tear) * 1.25) ease-out forwards;border-radius:99px;position:absolute;top:4.2cqw}.opening-tear-shaft{inset-inline:8%;background:var(--burst-beam);filter:blur(2.5cqw);transform-origin:50% 100%;opacity:0;height:140cqw;animation:opening-tear-shaft calc(var(--seq-tear) * 1.8) ease-out calc(var(--seq-tear) * .28) forwards;position:absolute;bottom:calc(100% - 5cqw)}.opening-tear-halo{z-index:-1;background:radial-gradient(closest-side, var(--burst-glow), transparent);opacity:0;pointer-events:none;animation:opening-tear-halo calc(var(--seq-tear) * 2) ease-out calc(var(--seq-tear) * .22) forwards;border-radius:50%;position:absolute;inset:-20%}@keyframes opening-tear-line{0%{opacity:0;transform:scaleX(.1)}25%{opacity:1;transform:scaleX(1)}70%{opacity:1}to{opacity:0;transform:scaleX(1)}}@keyframes opening-tear-shaft{0%{opacity:0;transform:scaleY(.2)}30%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1.1)}}@keyframes opening-tear-halo{0%{opacity:0;transform:scale(.8)}30%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.opening-stack{position:absolute;inset:0}.opening-stack[data-phase=sealed]{visibility:hidden}.opening-stack[data-phase=tearing]{animation:opening-rise var(--seq-tear) cubic-bezier(.2, .8, .2, 1) both}@keyframes opening-rise{0%,30%{opacity:0;transform:translateY(12%)scale(.88)}to{opacity:1;transform:none}}.opening-slot{transform-origin:50% 100%;transition:transform var(--seq-settle) cubic-bezier(.2, .7, .2, 1), opacity var(--seq-settle) linear;position:absolute;inset:0}.opening-slot[data-state=waiting]{transform:translate3d(0, calc(var(--depth) * 3.6%), 0) scale(calc(1 - var(--depth) * .045))}.opening-slot[data-state=waiting][data-deep]{opacity:0}.opening-slot[data-state=leaving],.opening-slot[data-state=gone]{opacity:0;transition-duration:var(--seq-leave);pointer-events:none;transform:translate(-118%,-3%)rotate(-10deg)}.opening-slot[data-state=gone]{visibility:hidden}.opening-flipper{perspective:1200px;position:absolute;inset:0}.opening-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--seq-flip) cubic-bezier(.3, .1, .2, 1);position:relative}.opening-inner[data-flipped]{transform:rotateY(180deg)}.opening-face{backface-visibility:hidden;position:absolute;inset:0}.opening-front{transform:rotateY(180deg)}.opening-slot[data-state=waiting] .opening-front{visibility:hidden}.opening-slot[data-reveal] .opening-inner{transition:none}.opening-slot[data-reveal=running] .opening-inner[data-flipped]{animation:opening-lift var(--seq-reveal) both}@keyframes opening-lift{0%{animation-timing-function:cubic-bezier(.3,0,.2,1);transform:translate(0,0)scale(1)rotateY(0)}18%{transform:translate3d(0, var(--reveal-lift), 0) scale(var(--reveal-scale)) rotateY(0deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}78%{transform:translate3d(0, var(--reveal-lift), 0) scale(var(--reveal-scale)) rotateY(180deg);animation-timing-function:cubic-bezier(.3,0,.2,1.2)}to{transform:translate(0,0)scale(1)rotateY(180deg)}}.opening-card-back{background-color:var(--pack,var(--accent));background-image:linear-gradient(140deg,#ffffff47,#0000 45%,#0000004d);border-radius:7.5cqw;width:100%;height:100%;padding:2.4cqw;box-shadow:0 20px 36px #00000073}.opening-card-back-inner{background-color:#16141c;background-image:repeating-linear-gradient(45deg,#ffffff0d 0 2px,#0000 2px 12px),repeating-linear-gradient(-45deg,#ffffff0d 0 2px,#0000 2px 12px);border-radius:5.2cqw;place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.opening-card-back-seal{aspect-ratio:1;border:1.6cqw solid var(--pack,var(--accent));color:#f4f1f8;background-color:#2c2838;border-radius:50%;place-items:center;width:38cqw;display:grid}.opening-effects{pointer-events:none;position:absolute;inset:0}.opening-glow{opacity:var(--glow);will-change:transform, opacity;background:radial-gradient(closest-side,currentColor,#0000);border-radius:50%;animation:2s ease-in-out infinite opening-glow;position:absolute;inset:-18%}.opening-glow[data-level="1"]{--glow:.4}.opening-glow[data-level="2"]{--glow:.52}.opening-glow[data-level="3"]{--glow:.65}.opening-glow[data-level="4"]{--glow:.95;animation-duration:1.2s;inset:-30%}.opening-slot[data-flipped] .opening-glow{opacity:calc(var(--glow) * .55);animation:none}@keyframes opening-glow{0%,to{opacity:calc(var(--glow) * .55);transform:scale(.94)}50%{opacity:var(--glow);transform:scale(1.05)}}.opening-design-aura{filter:blur(18px);opacity:.85;pointer-events:none;border-radius:calc(1rem + 12px);animation:6s linear infinite design-turn,.6s ease-out both opening-design-aura-in,3.2s ease-in-out .6s infinite opening-design-aura-breathe;position:absolute;inset:-12px}.opening-design-aura[data-size=small]{filter:blur(11px);border-radius:calc(1rem + 7px);inset:-7px}@keyframes opening-design-aura-in{0%{opacity:0;transform:scale(.9)}}@keyframes opening-design-aura-breathe{50%{opacity:.6;transform:scale(.97)}}@media (prefers-reduced-motion:reduce){.opening-design-aura{animation:none}}.opening-rays-box{place-items:center;display:grid;position:absolute;inset:0}.opening-rays{aspect-ratio:1;opacity:.75;will-change:transform;width:min(180%,100vw - 2rem);max-width:none;animation:18s linear infinite opening-spin}@keyframes opening-spin{to{transform:rotate(360deg)}}.opening-burst{opacity:0;border:.25rem solid;border-radius:9cqw;position:absolute;inset:-4%}.opening-slot[data-flipped] .opening-burst{animation:opening-burst calc(var(--seq-flip) * 1.6) ease-out both}.opening-slot[data-reveal][data-flipped] .opening-burst{animation-delay:calc(var(--seq-reveal) * .78);animation-fill-mode:forwards}@keyframes opening-burst{0%{opacity:.95;transform:scale(.92)}to{opacity:0;transform:scale(1.25)}}.opening-recap-item{animation:opening-appear var(--seq-settle) ease-out both;animation-delay:calc(var(--rank) * 60ms)}@keyframes opening-appear{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.opening-root *,.opening-root :before,.opening-root :after{transition:none!important;animation:none!important}}