.manual-opening,.booster-open{--summon-white:oklch(97% .005 260);--summon-gold:oklch(84% .16 85);--summon-violet:oklch(66% .24 303);--summon-spectrum-blue:oklch(73% .16 245);--summon-spectrum-green:oklch(80% .17 150);--summon-spectrum-gold:var(--summon-gold)}.manual-opening[data-rarity=Commune],.booster-open[data-rarity=Commune]{--glow-c:var(--summon-white);--glow-c2:var(--summon-white)}.manual-opening[data-rarity=Mythique],.booster-open[data-rarity=Mythique]{--glow-c2:var(--summon-violet)}.manual-opening[data-rarity=Unique],.booster-open[data-rarity=Unique]{--glow-c:var(--summon-white);--glow-c2:var(--summon-gold)}.manual-opening[data-rarity=Spéciale],.booster-open[data-rarity=Spéciale]{--glow-c:var(--summon-violet);--glow-c2:var(--summon-spectrum-blue)}.manual-opening{--glow:var(--glow-c);--glow2:var(--glow-c2)}.manual-opening .booster-pack{border-radius:8px;transition:border-color .4s,box-shadow .4s}.manual-opening .booster-pack-wrap{animation:none}.manual-opening[data-stage=rise] .booster-pack-wrap{animation:.8s ease-out .4s both manual-rise}.manual-opening[data-variant=B][data-rarity=Commune] .booster-pack-wrap{animation-duration:.65s}.manual-opening[data-stage=rise] .booster-aura{opacity:calc(var(--power) * .25);transform:scale(.55)}.manual-opening[data-variant=B][data-stage=rise] .booster-aura{opacity:.05}.manual-opening[data-variant=B][data-rarity=Épique][data-stage=rise] .booster-pack{animation:.18s linear infinite pack-shake-mid}.manual-opening[data-variant=B][data-rarity=Mythique] .booster-dim{opacity:.95}.manual-opening[data-stage=ready] :is(.booster-pack,.booster-particles,.booster-particles i,.booster-aura){transition:none!important;animation-play-state:paused!important}main.page-enter>.manual-opening[data-stage=ready],.manual-opening[data-stage=ready]{opacity:1;transform:translate(0);animation:none!important}.manual-opening[data-stage=ready] .booster-pack-wrap{opacity:1;animation:none;transform:none}.manual-opening[data-stage=transform] .booster-aura{opacity:.8;transform:scale(1.2)}.manual-opening[data-stage=transform] .booster-pack{animation:.85s ease-out both manual-transform}.manual-opening[data-variant=B][data-rarity=Unique][data-stage=shake] .booster-pack{animation-duration:1.55s}.manual-opening[data-variant=B][data-stage=crack]:after{content:"";pointer-events:none;background:linear-gradient(110deg, transparent 35%, var(--glow) 49%, var(--glow2) 51%, transparent 65%);z-index:12;animation:.65s ease-out both manual-sweep;position:absolute;inset:0}.manual-opening[data-rarity=Commune]:is([data-stage=shake],[data-stage=gather],[data-stage=crack]),.manual-opening[data-rarity=Rare]:is([data-stage=shake],[data-stage=gather],[data-stage=crack]),.manual-opening[data-rarity=Commune]:not([data-stage=burst]) .booster-pack,.manual-opening[data-rarity=Rare]:not([data-stage=burst]) .booster-pack{animation:none}.manual-opening[data-rarity=Commune] .booster-flash{opacity:.35}.manual-opening[data-rarity=Spéciale] .booster-aura,.manual-opening[data-rarity=Spéciale] .booster-flash{background:conic-gradient(var(--glow), var(--summon-spectrum-blue), var(--summon-spectrum-green), var(--summon-gold), var(--glow2), var(--glow))}.manual-opening[data-rarity=Spéciale] .booster-aura{-webkit-mask-image:radial-gradient(circle, var(--ink) 10%, transparent 65%);-webkit-mask-image:radial-gradient(circle, var(--ink) 10%, transparent 65%);mask-image:radial-gradient(circle, var(--ink) 10%, transparent 65%)}.manual-opening[data-variant=B][data-rarity=Spéciale][data-stage=rise] .booster-dim{background:color-mix(in oklab, var(--glow) 12%, var(--ink))}.booster-open-actions{z-index:30;top:calc(50% + 155px);justify-content:center;display:flex;position:absolute;inset-inline:1rem}.booster-open{border:2px solid var(--glow-c);background:linear-gradient(125deg, var(--glow-c), var(--glow-c2));min-width:170px;height:48px;color:var(--ink);box-shadow:0 0 20px color-mix(in oklab, var(--glow-c) 35%, transparent);font-weight:900}.booster-open:hover{background:linear-gradient(125deg, var(--glow-c2), var(--glow-c));color:var(--ink)}.booster-open[data-rarity=Spéciale]{background:linear-gradient(110deg, var(--summon-spectrum-blue), var(--summon-spectrum-green), var(--summon-gold), var(--summon-violet))}.manual-opening .pick-card{color:inherit;white-space:normal;display:block}.manual-opening{--summon-red:oklch(65% .25 25)}.manual-opening[data-arrival=top][data-stage=rise] .booster-pack-wrap{animation-name:manual-descend}.manual-opening[data-extended=true][data-stage=shake] .booster-pack,.manual-opening[data-extended=true][data-stage=gather] .booster-pack{animation:90ms linear infinite pack-shake-mid}.manual-opening[data-extended=true][data-stage=crack] .booster-pack{animation:1.5s linear both pack-crack}.manual-opening[data-arrival=top]:is([data-stage=transform],[data-stage=shake],[data-stage=gather],[data-stage=crack]) .booster-pack{background:linear-gradient(125deg, var(--summon-violet), var(--summon-spectrum-blue), var(--summon-spectrum-green), var(--summon-gold), var(--summon-red))}.manual-opening[data-burst-palette=red]{--glow-c:var(--summon-red);--glow-c2:var(--summon-red)}.manual-opening[data-burst-palette=red] .booster-flash{background:radial-gradient(circle, var(--summon-red), var(--glow) 40%, var(--glow2))}.manual-opening[data-burst-palette=white-blue]{--glow-c:var(--summon-white);--glow-c2:var(--summon-spectrum-blue)}.manual-opening[data-burst-palette=rainbow] .booster-pack{background:conic-gradient(var(--summon-red), var(--summon-gold), var(--summon-spectrum-green), var(--summon-spectrum-blue), var(--summon-violet), var(--summon-red))}@keyframes manual-descend{0%{opacity:0;transform:translateY(-65dvh)scale(.85)}to{opacity:1;transform:none}}@keyframes manual-rise{0%{opacity:0;transform:translateY(65dvh)scale(.85)}to{opacity:1;transform:none}}@keyframes manual-transform{0%{filter:brightness();transform:scale(1)}45%{filter:brightness(1.8);transform:scale(1.1)}to{filter:none;transform:none}}@keyframes manual-sweep{0%{opacity:0;transform:translate(-100%)}45%{opacity:.4}to{opacity:0;transform:translate(100%)}}.manual-opening[data-double]{--pair-offset:55px}.manual-opening[data-double=Mythique]{--glow-c:var(--summon-red);--glow-c2:var(--summon-violet)}.manual-opening[data-double=Unique]{--glow-c:var(--summon-white);--glow-c2:var(--summon-spectrum-blue)}.manual-opening[data-double] .booster-pack-wrap{place-items:center;width:280px;height:250px;display:grid}.manual-opening[data-double] .booster-pack-wrap>.booster-pack{translate:calc(-1 * var(--pair-offset)) 0;rotate:-10deg}.booster-twin{translate:var(--pair-offset) 0;position:absolute;rotate:10deg}.booster-twin .booster-pack{border-color:var(--glow2)}.manual-opening[data-double] .booster-pack{border-width:3px}.manual-opening[data-double=Mythique]:is([data-stage=shake],[data-stage=gather],[data-stage=crack]) .booster-twin{animation:.45s ease-in-out infinite alternate twin-clash}.manual-opening[data-double=Mythique] .booster-aura{background:repeating-conic-gradient(from 0deg, transparent 0deg 35deg, var(--glow) 40deg, transparent 45deg 80deg, var(--glow2) 85deg, transparent 90deg)}.manual-opening[data-double=Unique]:is([data-stage=shake],[data-stage=gather],[data-stage=crack]) .booster-twin{animation:1.2s ease-in-out infinite alternate twin-ascend}.manual-opening[data-double=Unique] .booster-aura{background:conic-gradient(from 45deg, transparent, var(--summon-white), transparent, var(--summon-spectrum-blue), transparent)}.manual-opening[data-double=Spéciale] .booster-pack{background:linear-gradient(125deg, var(--summon-red), var(--summon-gold), var(--summon-spectrum-green), var(--summon-spectrum-blue), var(--summon-violet));background-size:200% 200%}.manual-opening[data-double=Spéciale]:is([data-stage=shake],[data-stage=gather],[data-stage=crack]) .booster-twin{animation:1.2s ease-in-out infinite twin-spectrum}.manual-opening[data-double=Spéciale] .booster-pack:before{background:conic-gradient(from 90deg, transparent, var(--summon-white), transparent)}.manual-opening[data-double] .booster-shock{left:calc(50% - var(--pair-offset))}.manual-opening[data-double] .booster-shock-twin{left:calc(50% + var(--pair-offset));border-color:var(--glow2);animation-delay:.16s}.manual-opening[data-double=Unique] .booster-shock{border-radius:0;rotate:45deg}.manual-opening[data-double=Spéciale] .booster-shock{border-color:var(--summon-spectrum-green);box-shadow:0 0 30px var(--summon-violet), inset 0 0 20px var(--summon-gold)}@keyframes twin-clash{0%{translate:var(--pair-offset) 0;rotate:12deg}to{translate:25px;rotate:-8deg}}@keyframes twin-ascend{0%{translate:var(--pair-offset) 12px;rotate:10deg}to{translate:var(--pair-offset) -30px;rotate:2deg}}@keyframes twin-spectrum{0%,to{translate:var(--pair-offset) 0;filter:hue-rotate();rotate:10deg}50%{translate:var(--pair-offset) -20px;filter:hue-rotate(180deg);rotate:-10deg}}@media (width<=640px){.manual-opening{height:min(700px,80dvh);min-height:520px}.manual-opening .booster-pack{width:140px;height:196px}.booster-open-actions{top:calc(50% + 125px)}.manual-opening[data-double]{--pair-offset:42px}.manual-opening[data-double] .booster-pack-wrap{width:230px;height:210px}}.manual-opening{--featured-light:var(--summon-gold);--featured-edge:var(--summon-spectrum-blue)}.featured-rift{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.featured-rift i{background:linear-gradient(transparent, var(--featured-edge), var(--summon-white), var(--featured-light), transparent);width:5px;height:160%;box-shadow:0 0 24px var(--featured-light);animation:1s ease-out both featured-split;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(28deg)scaleY(.1)}.featured-rift i:nth-child(2){animation-delay:.15s;rotate:90deg}.featured-rift i:nth-child(3){animation-delay:.3s;rotate:-65deg}.manual-opening[data-featured][data-stage=crack] .booster-pack{border-color:var(--featured-light);box-shadow:0 0 70px var(--featured-light), 0 0 110px var(--featured-edge)}@keyframes featured-split{0%{opacity:0;transform:translate(-50%,-50%)rotate(28deg)scaleY(0)}to{opacity:1;transform:translate(-50%,-50%)rotate(28deg)scaleY(1)}}.manual-opening[data-entrance=left][data-stage=rise] .booster-pack-wrap{animation-name:entry-left}.manual-opening[data-entrance=right][data-stage=rise] .booster-pack-wrap{animation-name:entry-right}.manual-opening[data-entrance=glass][data-stage=rise] .booster-pack-wrap{animation:1s ease-out 50ms both entry-solid}.manual-opening:is([data-entrance=portal],[data-entrance=dimension])[data-stage=rise] .booster-pack-wrap{animation:.9s ease-out .15s both entry-emerge}.entry-glass{z-index:6;pointer-events:none;width:180px;height:252px;position:absolute;top:50%;left:50%;translate:-50% -50%}.entry-shard{border:2px solid var(--glow);color:var(--glow);background:repeating-linear-gradient(45deg, var(--ink) 0px 14px, color-mix(in oklab,var(--glow) 24%,var(--ink)) 15px 16px);border-radius:8px;place-items:center;animation:.95s ease-out both entry-rebuild;display:grid;position:absolute;inset:0}.entry-shard span{font-size:56px}.entry-gate{aspect-ratio:1;z-index:3;pointer-events:none;width:min(330px,75%);animation:1.15s ease-out both entry-gate;position:absolute;top:50%;left:50%;translate:-50% -50%}.entry-gate i{border:3px solid var(--glow);box-shadow:0 0 24px var(--glow), inset 0 0 24px var(--glow2);border-radius:50%;position:absolute;inset:0}.entry-portal{transform:rotateY(35deg)}.entry-portal i:nth-child(2){border-style:dashed;border-color:var(--glow2);animation:1.1s linear both entry-spin;inset:12%}.entry-portal i:nth-child(3){border-width:1px;inset:24%}.entry-dimension{background:radial-gradient(ellipse,var(--ink) 20%,transparent 65%);transform:rotate(-30deg)scaleY(.55)}.entry-dimension i{border-radius:35% 65% 40% 60%;animation:1.1s ease-out both entry-spin}.entry-dimension i:nth-child(2){border-color:var(--glow2);animation-direction:reverse;inset:10%}.entry-dimension i:nth-child(3){border-style:dashed;border-width:1px;inset:-12%}@keyframes entry-left{0%{opacity:0;transform:translate(-65dvw)rotate(-24deg)scale(.8)}to{opacity:1;transform:none}}@keyframes entry-right{0%{opacity:0;transform:translate(65dvw)rotate(24deg)scale(.8)}to{opacity:1;transform:none}}@keyframes entry-emerge{0%{opacity:0;transform:scale(.05)rotate(-35deg)}70%{opacity:1;transform:scale(1.08)rotate(3deg)}to{opacity:1;transform:none}}@keyframes entry-solid{0%,75%{opacity:0;transform:none}to{opacity:1;transform:none}}@keyframes entry-rebuild{0%{transform:translate(var(--shard-x),var(--shard-y)) rotate(var(--shard-r)) scale(.6);opacity:0}25%{opacity:1}85%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes entry-gate{0%{opacity:0;scale:.05}25%,65%{opacity:1;scale:1}to{opacity:0;scale:1.3}}@keyframes entry-spin{0%{rotate:-90deg}to{rotate:160deg}}.shard-0{clip-path:polygon(0% 0%,33.3333% 0%,33.3333% 25%,0% 25%);--shard-x:-210px;--shard-y:-240px;--shard-r:-132deg}.shard-1{clip-path:polygon(33.3333% 0%,66.6667% 0%,66.6667% 25%,33.3333% 25%);--shard-x:35px;--shard-y:-240px;--shard-r:-110deg}.shard-2{clip-path:polygon(66.6667% 0%,100% 0%,100% 25%,66.6667% 25%);--shard-x:210px;--shard-y:-240px;--shard-r:-88deg}.shard-3{clip-path:polygon(0% 25%,33.3333% 25%,33.3333% 50%,0% 50%);--shard-x:-175px;--shard-y:-80px;--shard-r:-66deg}.shard-4{clip-path:polygon(33.3333% 25%,66.6667% 25%,66.6667% 50%,33.3333% 50%);--shard-x:0px;--shard-y:-80px;--shard-r:-44deg}.shard-5{clip-path:polygon(66.6667% 25%,100% 25%,100% 50%,66.6667% 50%);--shard-x:245px;--shard-y:-80px;--shard-r:-22deg}.shard-6{clip-path:polygon(0% 50%,33.3333% 50%,33.3333% 75%,0% 75%);--shard-x:-210px;--shard-y:80px;--shard-r:0deg}.shard-7{clip-path:polygon(33.3333% 50%,66.6667% 50%,66.6667% 75%,33.3333% 75%);--shard-x:35px;--shard-y:80px;--shard-r:22deg}.shard-8{clip-path:polygon(66.6667% 50%,100% 50%,100% 75%,66.6667% 75%);--shard-x:210px;--shard-y:80px;--shard-r:44deg}.shard-9{clip-path:polygon(0% 75%,33.3333% 75%,33.3333% 100%,0% 100%);--shard-x:-175px;--shard-y:240px;--shard-r:66deg}.shard-10{clip-path:polygon(33.3333% 75%,66.6667% 75%,66.6667% 100%,33.3333% 100%);--shard-x:0px;--shard-y:240px;--shard-r:88deg}.shard-11{clip-path:polygon(66.6667% 75%,100% 75%,100% 100%,66.6667% 100%);--shard-x:245px;--shard-y:240px;--shard-r:110deg}@media (width<=640px){.entry-glass{width:140px;height:196px}}.manual-opening[data-stage=rise] .booster-pack-wrap{animation-timing-function:cubic-bezier(.16,.75,.2,1)}.manual-opening[data-stage=rise] .booster-pack{animation:.16s ease-in-out .4s 4 summon-rise-vibrate;translate:0}.summon-arrival-flash,.summon-nova{pointer-events:none;z-index:1;background:radial-gradient(ellipse, color-mix(in oklab,var(--glow) 28%,transparent),transparent 65%);animation:.3s ease-out .22s both summon-glint;position:absolute;inset:15%}.summon-trail{z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 0,var(--glow),transparent 70%);width:56%;height:180px;animation:.8s ease-out .4s both summon-trail;position:absolute;top:80%;left:22%}.manual-opening[data-entrance=top] .summon-trail{top:auto;bottom:80%;rotate:180deg}.manual-opening:is([data-entrance=left],[data-entrance=right],[data-entrance=glass],[data-entrance=portal],[data-entrance=dimension]) .summon-trail{display:none}.manual-opening[data-stage=burst] .booster-dim{animation:.36s ease-out both summon-blackout}.manual-opening .booster-flash{opacity:.5;animation-duration:.45s}.summon-echo{border-width:2px;border-color:var(--glow2);animation-delay:.22s}.manual-opening[data-accent=echo][data-stage=burst] .booster-flash{animation-duration:.25s;animation-iteration-count:2}.summon-nova{background:linear-gradient(115deg,transparent 35%,color-mix(in oklab,var(--glow) 32%,transparent) 50%,transparent 65%);animation:.4s ease-out both summon-glint;inset:0}.summon-speed{z-index:40;color:var(--muted-foreground);position:absolute;top:3.75rem;left:.75rem}.summon-speed[aria-pressed=true]{color:var(--foreground);background:var(--secondary)}.manual-opening .pick-flip,.manual-opening .pick-front,.manual-opening .pick-back-out{animation-duration:var(--flip-ms,.7s)}.manual-opening .pick-card{border-radius:8px}.manual-opening .pick-card.is-pending{animation:.24s ease-in-out infinite alternate summon-suspense}.pick-reveal-light{background:radial-gradient(ellipse,color-mix(in oklab,var(--glow-c) 32%,transparent),transparent 70%);pointer-events:none;animation:summon-reveal-glint var(--flip-ms,.7s) ease-out both;position:absolute;inset:-18%}.pick-sparks{pointer-events:none;position:absolute;inset:0}.pick-sparks i{background:var(--glow-c);width:3px;height:3px;box-shadow:0 0 5px var(--glow-c2);animation:summon-reveal-spark var(--flip-ms,.7s) ease-out both;border-radius:50%;position:absolute;top:50%;left:50%}@keyframes summon-prelude{0%,to{translate:0}25%{translate:1px -1px}70%{translate:-1px 1px}}@keyframes summon-rise-vibrate{50%{translate:1px -1px}}@keyframes summon-glint{0%,to{opacity:0}35%{opacity:.55}}@keyframes summon-trail{0%{opacity:.35;scale:.65 1.2}to{opacity:0;scale:1 .1}}@keyframes summon-blackout{0%,to{opacity:.85}25%{opacity:1;background:var(--ink)}}@keyframes summon-suspense{0%{scale:1}to{scale:1.035}}@keyframes summon-reveal-glint{0%,40%{opacity:0}65%{opacity:.65;scale:1.1}to{opacity:0;scale:1.3}}@keyframes summon-reveal-spark{0%,45%{opacity:0;transform:rotate(var(--spark-angle)) translateX(20px)}60%{opacity:.7}to{opacity:0;transform:rotate(var(--spark-angle)) translateX(110px)}}@media (width<=640px){.manual-opening .pick-deck{margin:1.3rem 3rem;transform:scale(1.1)}}.manual-opening[data-stage=rise]{animation:.28s ease-out both summon-prelude!important}.manual-opening[data-stage=crack]{animation:.12s linear infinite stage-rumble!important}.manual-opening[data-stage=burst]{animation:.6s cubic-bezier(.2,.8,.3,1) both stage-quake!important}.manual-opening .rarity-glow{animation:glow-pulse var(--glow-speed) ease-in-out infinite alternate!important}