.booster-stage{color:#f4efe6;-webkit-user-select:none;user-select:none;background:radial-gradient(120% 70% at 50% 28%,#1e4535 0%,#0e1a16 55%,#060908 100%);flex-direction:column;align-items:center;min-height:calc(100dvh - 110px);margin-inline:-1rem;padding:.75rem 1rem 2rem;display:flex;position:relative;overflow:hidden}@media (min-width:640px){.booster-stage{border-radius:28px;margin-inline:0}}.booster-stage[data-phase=opening]:after{content:"";z-index:20;pointer-events:none;background:radial-gradient(circle at 50% 30%,#ffffffd9,#fff0c840 35%,#0000 65%);animation:.7s ease-out forwards stage-flash;position:absolute;inset:0}.booster-toolbar{z-index:5;justify-content:space-between;align-items:center;gap:.5rem;width:100%;max-width:420px;font-size:.75rem;display:flex;position:relative}.booster-select{font-family:var(--font-ui);color:#f4efe6b3;align-items:center;gap:.4rem;display:flex}.booster-select select,.booster-mute{border-radius:var(--radius-sm);font-family:var(--font-ui);color:#f4efe6;background:#ffffff14;border:1px solid #ffffff38;padding:.35rem .7rem;font-weight:600}.booster-select select option{color:#1c1917}.booster-loading{color:#f4efe6b3;margin:auto;font-size:.9rem}.booster-rays{pointer-events:none;opacity:0;background:repeating-conic-gradient(#ffd25729 0deg 7deg,#0000 7deg 20deg);transition:opacity .8s;animation:24s linear infinite rays-spin;position:absolute;inset:-40%;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 55%);mask-image:radial-gradient(circle,#000 0%,#0000 55%)}.booster-stage[data-moment=legendaire] .booster-rays{opacity:1}.booster-stage[data-moment=mythique] .booster-rays{opacity:.8;background:repeating-conic-gradient(#ff6e2829 0deg 7deg,#0000 7deg 20deg)}.booster-pack-zone{z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;width:100%;padding-top:1rem;display:flex;position:relative}.pack{--tear:0;aspect-ratio:.6;cursor:grab;touch-action:none;filter:drop-shadow(0 22px 28px #0000008c);width:min(66vw,270px);animation:3.6s ease-in-out infinite pack-float;position:relative;container-type:inline-size}.pack:active{cursor:grabbing}.pack[data-torn]{animation:none}.pack-part{position:absolute;inset:0}.pack-part--top{z-index:2;clip-path:inset(0 0 86.8%)}.pack-part--body{clip-path:inset(13% 0 0)}.pack-shape{clip-path:var(--crimp);background:linear-gradient(115deg,#0000 20%,#ffffff29 30%,#0000 40%),linear-gradient(165deg,#0f6b44 0%,#1a9465 32%,#0b4a2f 68%,#05271a 100%);position:absolute;inset:0;overflow:hidden}.pack-foil{opacity:.4;mix-blend-mode:overlay;background:radial-gradient(circle at 20% 30%,#ffffffe6 0 .4cqi,#0000 .8cqi) 0 0/9cqi 9cqi,radial-gradient(circle at 70% 70%,#ffffffb3 0 .3cqi,#0000 .7cqi) 0 0/13cqi 13cqi,repeating-linear-gradient(120deg,#ff8a8a 0%,#ffe08a 8%,#9bff8a 16%,#8ae8ff 24%,#b18aff 32%,#ff8a8a 40%) 0 0/300% 300%;animation:7s linear infinite foil-drift;position:absolute;inset:0}.pack-logo{inset-inline:0;text-align:center;flex-direction:column;align-items:center;gap:1cqi;display:flex;position:absolute;top:16%}.pack-logo span{background:linear-gradient(#fff6cf 0%,#f2c94c 45%,#b9861a 60%,#ffe9a3 100%);color:#0000;font-family:var(--font-card), system-ui, sans-serif;letter-spacing:-.03em;filter:drop-shadow(0 1cqi 1.2cqi #00000080);-webkit-background-clip:text;background-clip:text;font-size:17cqi;font-weight:900;line-height:1}.pack-logo small{color:#fbe7a6;letter-spacing:.3em;text-transform:uppercase;font-size:4.2cqi;font-weight:700}.pack-art{inset-inline:11%;background:#0b3d26;border:1.2cqi solid #f1d78a;border-radius:6cqi;height:46%;position:absolute;top:34%;overflow:hidden;box-shadow:0 2cqi 5cqi #00000073,inset 0 0 4cqi #0006}.pack-art img{object-fit:cover;pointer-events:none;width:100%;height:100%}.pack-art-shine{background:linear-gradient(115deg,#0000 35%,#ffffff73 48%,#0000 60%) 0 0/300% 100%;animation:3.2s ease-in-out infinite sheen;position:absolute;inset:0}.pack-footer{inset-inline:0;color:#fbe7a6;letter-spacing:.12em;text-align:center;text-transform:uppercase;font-size:4cqi;font-weight:700;position:absolute;bottom:7%}.pack-perforation{inset-inline:4%;border-top:.7cqi dashed #ffffff80;position:absolute;top:13%}.pack-cut{z-index:3;width:calc(var(--tear) * 100%);height:1.4cqi;opacity:calc(var(--tear) * 4);background:linear-gradient(90deg,#fff7d6,#fff);border-radius:99px;transition:width .12s ease-out,opacity .2s;position:absolute;top:13%;left:0;translate:0 -50%;box-shadow:0 0 2cqi #fff,0 0 6cqi #ffd257,0 0 10cqi #ffc850b3}.pack-cut:after{content:"";background:radial-gradient(circle,#fff 0%,#ffe696cc 35%,#0000 70%);border-radius:50%;width:5cqi;height:5cqi;position:absolute;top:50%;right:-2cqi;translate:0 -50%}.pack[data-torn] .pack-cut{opacity:0}.pack-hint{z-index:4;pointer-events:none;animation:2.4s ease-in-out infinite hint-slide;position:absolute;top:9%;left:6%}.pack-hint-finger{filter:drop-shadow(0 1cqi 1.5cqi #00000080);font-size:11cqi;display:block}.pack[data-torn] .pack-part--top{animation:.75s cubic-bezier(.2,.7,.3,1) forwards tear-off}.pack[data-torn] .pack-part--body{animation:.95s cubic-bezier(.5,0,.75,0) .35s forwards body-drop}.booster-cta{text-align:center;color:#f4efe6cc;flex-direction:column;align-items:center;gap:.6rem;font-size:.9rem;display:flex}.booster-cta button{color:#fbe7a6;background:#ffffff1a;border-radius:999px;padding:.45rem 1rem;font-size:.8rem;font-weight:700}.reveal-zone{z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;width:100%;padding-top:.5rem;display:flex;position:relative}.reveal-count{color:#f4efe699;letter-spacing:.2em;font-size:.8rem;font-weight:700}.reveal-hint{color:#f4efe6b3;min-height:1.2em;font-size:.85rem}.reveal-stack{aspect-ratio:63/88;width:min(78vw,330px);position:relative}.stack-card{transform-origin:50% 100%;transform:translateY(calc(var(--depth) * -12px)) scale(calc(1 - var(--depth) * .045));filter:brightness(calc(1 - var(--depth) * .18));animation:card-rise .6s calc(var(--enter) * 80ms) cubic-bezier(.2, .9, .3, 1.15) both;touch-action:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s;position:absolute;inset:0}.stack-card[data-top]{z-index:5;cursor:grab}.flip{width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.3,1.35,.5,1);position:relative;transform:rotateY(180deg)}.flip[data-flipped]{transform:rotateY(0)}.flip-face{backface-visibility:hidden;position:absolute;inset:0}.flip-back{transform:rotateY(180deg)}.card-back{--aura:#4ea3ff;--aura-o:.55;position:absolute;inset:0;container-type:inline-size}.card-back[data-rarity=epique]{--aura:#be6eff;--aura-o:.7}.card-back[data-rarity=mythique]{--aura:#ff6a1a;--aura-o:.85}.card-back[data-rarity=legendaire]{--aura:#ffd257;--aura-o:1}.card-back__aura{background:radial-gradient(closest-side, var(--aura), transparent);opacity:var(--aura-o);filter:blur(12px);border-radius:12%;animation:1.4s ease-in-out infinite aura-pulse;position:absolute;inset:-9%}.card-back__face{background:repeating-conic-gradient(from 45deg, #ffffff0d 0 25%, transparent 0 50%) 0 0 / 8cqi 8cqi, radial-gradient(circle at 50% 42%, #22a06a 0%, #0d5a39 45%, #062b1b 100%);border:3cqi solid #e8cf86;border-radius:4.6cqi;flex-direction:column;justify-content:center;align-items:center;gap:4cqi;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1cqi #00000040,0 2cqi 6cqi #00000080}.card-back__face:after{content:"";background:linear-gradient(115deg,#0000 35%,#ffffff40 48%,#0000 60%) 0 0/300% 100%;animation:2.6s ease-in-out infinite sheen;position:absolute;inset:0}.card-back__emblem{background:radial-gradient(circle at 40% 35%,#1fa36b,#0a4029);border:1.6cqi solid #f1d78a;border-radius:50%;place-items:center;width:34cqi;height:34cqi;display:grid;box-shadow:0 0 6cqi #f1d78a80}.card-back__emblem span{background:linear-gradient(#fff6cf,#f2c94c 55%,#b9861a);color:#0000;font-family:var(--font-card), system-ui, sans-serif;-webkit-background-clip:text;background-clip:text;font-size:20cqi;font-weight:900}.card-back__face p{color:#f1d78a;font-family:var(--font-card), system-ui, sans-serif;letter-spacing:.25em;text-transform:uppercase;font-size:7cqi;font-weight:800}.stack-card[data-top][data-rarity=epique] .flip:not([data-flipped]){animation:.9s ease-in-out infinite shake}.stack-card[data-top][data-rarity=mythique] .flip:not([data-flipped]){animation:.5s ease-in-out infinite shake}.stack-card[data-top][data-rarity=legendaire] .flip:not([data-flipped]){animation:.32s ease-in-out infinite shake-hard}.burst{--c:#78b4ff;z-index:10;pointer-events:none;position:absolute;top:50%;left:50%}.burst[data-rarity=epique]{--c:#c882ff}.burst[data-rarity=mythique]{--c:#ff7828}.burst[data-rarity=legendaire]{--c:#ffd764}.burst-flash{background:radial-gradient(circle, #ffffffe6 0%, var(--c) 8%, transparent 32%);border-radius:50%;width:160vmax;height:160vmax;animation:1s ease-out forwards burst-flash;position:absolute;translate:-50% -50%}.burst span{width:var(--size);height:var(--size);box-shadow:0 0 8px var(--c), 0 0 16px var(--c);background:#fff;border-radius:50%;animation:1.1s cubic-bezier(.1,.8,.3,1) both particle;position:absolute}.booster-stage[data-moment=legendaire] .burst~*{animation:none}.summary{z-index:2;flex-direction:column;align-items:center;gap:1.25rem;width:100%;padding-top:1rem;display:flex;position:relative}.summary h2{font-size:1.4rem;font-weight:800}.summary-grid{flex-wrap:wrap;justify-content:center;gap:.6rem;width:100%;max-width:640px;display:flex}.summary-grid li{width:calc(33.3333% - .4rem)}@media (min-width:640px){.summary-grid li{width:calc(20% - .48rem)}}.summary-grid li{animation:pop-in .5s calc(var(--i) * 90ms) cubic-bezier(.2, .9, .3, 1.3) both}.summary-again{color:#2a1d02;background:linear-gradient(#ffe08a,#e0a91e);border-radius:999px;padding:.8rem 1.6rem;font-weight:800;box-shadow:0 8px 24px #e0a91e59}@keyframes pack-float{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-10px)rotate(1.5deg)}}@keyframes foil-drift{to{background-position:0 0,0 0,300% 300%}}@keyframes sheen{0%{background-position:120% 0}60%,to{background-position:-20% 0}}@keyframes hint-slide{0%{opacity:0;translate:0}15%{opacity:1}70%{opacity:1;translate:62cqi}to{opacity:0;translate:70cqi}}@keyframes tear-off{0%{transform:none}30%{transform:translate(4%,-6%)rotate(4deg)}to{opacity:0;transform:translate(55%,-80%)rotate(28deg)}}@keyframes body-drop{0%{transform:none}25%{transform:translateY(-3%)scale(1.03)}to{opacity:0;transform:translateY(85%)scale(.95)}}@keyframes stage-flash{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes card-rise{0%{translate:0 75vh;rotate:-4deg}to{translate:0;rotate:0deg}}@keyframes aura-pulse{0%,to{opacity:calc(var(--aura-o) * .7);scale:.96}50%{opacity:var(--aura-o);scale:1.06}}@keyframes shake{0%,to{translate:0;rotate:0deg}25%{translate:-1.5px .5px;rotate:-.6deg}75%{translate:1.5px -.5px;rotate:.6deg}}@keyframes shake-hard{0%,to{translate:0;rotate:0deg}20%{translate:-3px 1px;rotate:-1.2deg}40%{translate:3px -1px;rotate:1deg}60%{translate:-2px -1px;rotate:-.8deg}80%{translate:2px 1px;rotate:1.2deg}}@keyframes burst-flash{0%{opacity:1;scale:.2}to{opacity:0;scale:1.2}}@keyframes particle{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.2);opacity:0}}@keyframes rays-spin{to{rotate:360deg}}@keyframes pop-in{0%{opacity:0;translate:0 20px;scale:.6}to{opacity:1;translate:0;scale:1}}@media (prefers-reduced-motion:reduce){.pack,.pack-foil,.pack-art-shine,.card-back__face:after,.booster-rays,.flip{animation:none!important}.stack-card{animation-duration:10ms}}