.booster-stage{--moment-c:#f5b50f;--moment-text:var(--ar-gold);--stage-foot:calc(76px + max(8px, env(safe-area-inset-bottom,0px)));--stage-end:max(0px, var(--stage-foot) - 4px);color:var(--text);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;margin-inline:-16px;padding:4px 16px 32px;display:flex;position:relative;overflow:clip}@media (min-width:640px){.booster-stage{margin-inline:0}}@media (min-width:860px){.booster-stage{--stage-foot:0px}}.booster-stage:not([data-compact]){flex:1 0 auto}.booster-stage:not([data-compact],:has(.booster-select)):is([data-phase=pack],[data-phase=opening]){max-height:calc(100dvh - var(--ar-hdr-h) - env(safe-area-inset-top,0px) - 8px - var(--stage-end));flex:1 1 0;margin-block:-12px -24px;padding-bottom:10px}@media not all and (max-height:500px) and (orientation:landscape){.booster-stage:not([data-compact],:has(.booster-select))[data-phase=reveal]{max-height:calc(100dvh - var(--ar-hdr-h) - env(safe-area-inset-top,0px) - 8px - var(--stage-foot));flex:1 1 0;margin-block:-12px -24px;padding-bottom:4px}}@media (max-width:859px){html[data-reveal] .app-tabbar{display:none}html[data-reveal] .app-main{padding-bottom:calc(var(--space-5) + max(8px, env(safe-area-inset-bottom,0px)))}html[data-reveal] .booster-stage{--stage-foot:max(8px, env(safe-area-inset-bottom,0px))}}.booster-stage:not([data-compact])[data-phase=choice]{max-height:calc(100dvh - var(--ar-hdr-h) - env(safe-area-inset-top,0px) - 8px - var(--stage-foot));flex:1 1 0;margin-block:-12px -24px;padding-bottom:8px}@media (max-height:500px) and (orientation:landscape){.booster-stage:not([data-compact])[data-phase=choice]{flex:1 0 auto;max-height:none}.booster-stage[data-phase=choice] .picker__grid{--row-h:min(200px, 100dvh - var(--ar-hdr-h) - env(safe-area-inset-top,0px) - var(--stage-foot) - 12px);height:calc(var(--rows) * var(--row-h) + (var(--rows) - 1) * var(--gap-y));flex:none}}.booster-stage :is(a,button,[tabindex]){scroll-margin-block:calc(var(--ar-hdr-h) + env(safe-area-inset-top,0px) + 8px) max(var(--stage-foot) + 4px, 12px)}.booster-stage[data-moment=rare]{--moment-c:#1d6ff2;--moment-text:#9cc8ff}.booster-stage[data-moment=epique]{--moment-c:#8b2ff5;--moment-text:#d6b4ff}.booster-stage[data-moment=mythique]{--moment-c:#f2600a;--moment-text:#ffb27a}.booster-stage:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(closest-side,#ffc07838,#ffb46814 55%,#ffb46800);border-radius:50%;width:min(560px,150%);height:520px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.booster-stage[data-compact]{min-height:600px;scroll-margin-top:calc(var(--ar-hdr-h) + env(safe-area-inset-top,0px) + 8px)}.booster-stage[data-compact] .booster-pack-zone{place-items:start center}.booster-stage[data-compact] .pack{width:min(100cqw - 32px, max((100dvh - 340px - env(safe-area-inset-bottom,0px)) * 150 / 250, 120px), 300px)}.booster-stage[data-compact] .reveal-zone{flex:none;container-type:inline-size}.booster-stage[data-compact] :is(.reveal-stack,.reveal-foot){--w:min(70vw, 300px)}.booster-stage[data-phase=opening]:after{content:"";z-index:20;pointer-events:none;background:radial-gradient(circle at 50% 32%,#fffaeed9,#ffc0784d 35%,#0000 65%);animation:.7s ease-out forwards stage-flash;position:absolute;inset:0}
.booster-toolbar{z-index:5;justify-content:center;align-items:center;gap:8px;width:100%;max-width:860px;display:flex;position:relative}.booster-select{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.booster-select select{min-height:44px;color:var(--text);font:700 13px/1 var(--font-ui);cursor:pointer;background:#0e0a0852;border:0;border-radius:22px;align-items:center;gap:6px;padding:0 14px;display:inline-flex;box-shadow:inset 0 0 0 1px #b5ac9780}.booster-select>span{white-space:nowrap}.booster-select select option{background:var(--surface);color:var(--text)}.booster-select select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.booster-back{min-height:44px;color:var(--text);font:700 15px/1 var(--font-ui);cursor:pointer;background:#0e0a0852;border:0;border-radius:22px;flex:none;align-items:center;gap:4px;padding:0 16px 0 10px;display:inline-flex;box-shadow:inset 0 0 0 1px #b5ac9780}.booster-back:hover{background:#0e0a0880;box-shadow:inset 0 0 0 1px #b5ac97cc}.booster-back:active{translate:0 1px}.booster-back:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.booster-toolbar--float{pointer-events:none;width:auto;position:absolute;top:4px;left:16px}.booster-toolbar--float .booster-back{pointer-events:auto}@media (max-width:639px) and (orientation:portrait){.booster-stage:has(>.booster-toolbar--float) .booster-pack-zone{padding-top:52px}}.booster-toolbar>span,.booster-select,.booster-select select{min-width:0}.booster-select select{max-width:100%}
.moment-light{z-index:-1;aspect-ratio:1;pointer-events:none;opacity:0;width:210%;transition:opacity .6s ease-out;position:absolute;top:50%;left:50%;translate:-50% -50%}.moment-light:before,.moment-light:after{content:"";border-radius:50%;position:absolute}.moment-light:before{background:repeating-conic-gradient(from 4deg, color-mix(in srgb, var(--moment-c) 16%, transparent) 0deg 5deg, transparent 5deg 15deg);inset:0;-webkit-mask:radial-gradient(closest-side,#000 18%,#0006 55%,#0000);mask:radial-gradient(closest-side,#000 18%,#0006 55%,#0000)}.moment-light:after{background:radial-gradient(closest-side, color-mix(in srgb, var(--moment-c) 46%, transparent), color-mix(in srgb, var(--moment-c) 16%, transparent) 50%, transparent);inset:14%}.booster-stage[data-moment] .moment-light{opacity:1}.booster-stage:not([data-moment=mythique],[data-moment=legendaire]) .moment-light:before{opacity:0}.reveal-title{z-index:3;min-height:36px;color:var(--moment-text);font-family:var(--font-slab);text-align:center;white-space:nowrap;text-shadow:-2px -2px 0 #2a1a0a, 2px -2px 0 #2a1a0a, -2px 2px 0 #2a1a0a, 2px 2px 0 #2a1a0a, 0 4px 0 #2a1a0a, 0 0 22px color-mix(in srgb, var(--moment-c) 60%, transparent);margin:0;font-size:max(15px,min(30px,8cqw));font-weight:400;line-height:36px;position:relative}.reveal-title:not(:empty){animation:.45s cubic-bezier(.2,.9,.3,1.3) both pop-in}
.booster-pack-zone{z-index:2;width:100%;min-height:min(300px, 100dvh - var(--ar-hdr-h) - 200px);flex:1 1 0;place-items:start center;padding-top:28px;display:grid;position:relative;container-type:size}@media (min-width:860px){.booster-pack-zone{place-items:center;padding-top:12px}}.pack{--tear:0;aspect-ratio:150/250;cursor:pointer;touch-action:none;filter:drop-shadow(0 18px 14px #00000080)drop-shadow(0 2px 1px #00000073);width:min(100cqw - 8px,60cqh - 9.6px,520px);animation:5s ease-in-out infinite pack-float;position:relative;container-type:inline-size}.pack:focus-visible{outline:3px solid var(--focus);outline-offset:6px}.booster-stage[data-pointer] :is(.pack,.stack-card[data-top]):focus-visible{outline:none}.pack[data-torn]{animation:none}.pack .signed-pack{filter:none;width:100%}.pack-part{position:absolute;inset:0}.pack-part--top{z-index:2;clip-path:inset(0 0 93.6%)}.pack-part--body{clip-path:inset(6.4% 0 0)}.pack-perf{top:6.4%;z-index:3;pointer-events:none;border-top:.7cqi dashed #fff4dc8c;position:absolute;inset-inline:4%}.pack-cut{z-index:3;width:calc(var(--tear) * 100%);height:1.4cqi;box-shadow:0 0 2cqi #fff, 0 0 6cqi var(--ar-lamp), 0 0 10cqi #ffc07899;opacity:calc(var(--tear) * 4);background:linear-gradient(90deg,#ffe7c2,#fff);border-radius:99px;transition:width .12s ease-out,opacity .2s;position:absolute;top:6.4%;left:0;translate:0 -50%}.pack-cut:after{content:"";background:radial-gradient(circle,#fff 0%,#ffc078cc 35%,#0000 70%);border-radius:50%;width:5cqi;height:5cqi;position:absolute;top:50%;right:-2cqi;translate:0 -50%}.pack[data-torn] .pack-cut,.pack[data-torn] .pack-perf{opacity:0}.pack-hint{z-index:4;pointer-events:none;animation:2.4s ease-in-out infinite hint-slide;position:absolute;top:4.5%;left:6%}.pack-hint-dot{width:6cqi;height:6cqi;box-shadow:0 0 0 1.6cqi #ffc07873, 0 0 6cqi var(--ar-lamp);background:#fff;border-radius:50%;display:block}.pack-badge{z-index:4;--r:7deg;position:absolute;top:min(-2.8cqi,10.67cqi - 40px);right:-3%}@container (max-width:200px){.pack-badge{top:32cqi}}@media (max-height:500px) and (orientation:landscape){.pack-badge{top:24cqi;left:calc(100% - 10px);right:auto}}.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-note{color:var(--text-muted);margin:0;font-size:13px;font-weight:600;line-height:18px}.booster-note b{color:var(--text);font-weight:800}.pack-slot{position:relative}.booster-error{background:var(--ar-slate-deep);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--danger) 55%, transparent);color:#ff9b90;border-radius:10px;margin:0;padding:8px 14px;font-weight:700}.pack-slot>.booster-error{z-index:5;text-align:center;cursor:pointer;width:max-content;max-width:calc(100vw - 32px);font-size:14px;line-height:20px;position:absolute;bottom:8px;left:50%;translate:-50%}
.booster-stage--empty:not([data-compact]){flex:1 1 0;min-height:auto;margin-block:-12px -24px;padding-bottom:12px;overflow:clip visible}.booster-stage--empty:before{height:min(520px,100% - 20px)}.booster-empty{z-index:1;text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:14px;max-width:36ch;min-height:0;display:flex;position:relative}.booster-empty h1{margin:0}.booster-empty p{color:var(--text-muted);margin:0}
.daily-hero{--pack-w:clamp(88px, (100dvh - var(--ar-hdr-h) - env(safe-area-inset-top,0px) - max(8px, env(safe-area-inset-bottom,0px)) - 248px) * .6, 204px);text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;margin-inline:-16px;padding-inline:16px;display:flex;position:relative;overflow-x:clip}@media (min-width:860px){.daily-hero{--pack-w:clamp(88px, (100dvh - var(--ar-hdr-h) - 176px) * .6, 204px)}}.daily-desk{flex-direction:column;flex:1 0 auto;display:flex}.daily-desk__aside{display:none}@media (min-width:1100px){.daily-desk{grid-template-columns:minmax(0,1.15fr) minmax(320px,1fr);align-items:center;column-gap:56px;padding-bottom:24px;display:grid}.daily-desk>.daily-hero{--pack-w:clamp(88px, (100dvh - var(--ar-hdr-h) - 176px) * .6, 248px);align-self:stretch;margin-inline:0;padding-inline:0}.daily-desk__aside{max-width:460px;display:block}}.daily-hero>:not(.daily-hero__lamp,.wk-sr){z-index:1;position:relative}.daily-hero__lamp{pointer-events:none;background:radial-gradient(closest-side,#ffc07847,#ffb4681a 55%,#ffb46800);border-radius:50%;width:min(580px,100vw);height:580px;position:absolute;top:44%;left:50%;translate:-50% -50%}.daily-hero[data-dim] .daily-hero__lamp{opacity:.45}.daily-hero__stage{width:calc(var(--pack-w) * 1.32);height:calc(var(--pack-w) * 5 / 3 + 4px);position:relative}.daily-hero__stage .signed-pack{width:var(--pack-w)}.daily-hero__pack,.daily-hero__under{display:block;position:absolute;top:0;left:50%}.daily-hero__pack{color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:6px;padding:0;animation:5s ease-in-out infinite daily-hero-float;translate:-54%;rotate:-3deg}button.daily-hero__pack{cursor:pointer}.daily-hero__under{translate:-36% 4px;rotate:7deg}.daily-hero[data-dim] .daily-hero__pack{filter:saturate(.45)brightness(.62);animation:none}@keyframes daily-hero-float{50%{translate:-54% -6px}}.wk-sticker.daily-hero__stk{z-index:2;--r:7deg;position:absolute;top:-12px;right:6px}.daily-hero__timer{top:50%;left:calc(50% - var(--pack-w) * .04);z-index:3;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ar-brass) 45%, transparent), 0 10px 24px #00000080;white-space:nowrap;background:#0e0a08d1;border-radius:16px;gap:2px;margin:0;padding:12px 20px;display:grid;position:absolute;translate:-50% -50%}.daily-hero__timer>span{color:var(--text-muted);font-size:12px;font-weight:700;line-height:16px}.daily-hero__timer time{color:var(--text);font-family:var(--font-slab);font-size:26px;line-height:30px}.daily-hero__cta{min-width:min(280px,100%);margin-top:22px}.daily-hero__line{max-width:36ch;min-height:20px;color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin:14px 0 0;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.daily-hero__offer{flex-direction:column;align-items:center;gap:8px;margin-top:22px;display:flex}.daily-hero__offer:empty{display:none}.daily-hero__offer .wk-btn{min-width:min(280px,100%)}.daily-hero__shine:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,#fff0 40%,#ffecd657 50%,#fff0 60%) 0 0/260% 100% no-repeat;animation:6s ease-in-out infinite daily-hero-shine;position:absolute;inset:0}@keyframes daily-hero-shine{0%,72%{background-position:160% 0}to{background-position:-60% 0}}
.card-new{z-index:6;--r:-8deg;animation:.4s cubic-bezier(.2,.9,.3,1.3) both pop-in;position:absolute;top:-12px;left:-8px}.card-new[data-avatar]{flex-direction:column;gap:1px;height:auto;padding:4px 10px 5px}.card-new__avatar{font-family:var(--font-ui);letter-spacing:.01em;text-shadow:none;font-size:12px;font-weight:800;line-height:14px}.reveal-zone{z-index:2;width:100%;min-height:min(300px, 100dvh - var(--ar-hdr-h) - 200px);--gap:10px;--chrome:76px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;padding-top:4px;display:flex;position:relative;container-type:size}@media (max-width:859px){.reveal-zone{--gap:6px;--chrome:60px;padding-top:0}.reveal-title{min-height:28px;font-size:max(15px,min(26px,8cqw));line-height:28px}}@media (max-height:500px) and (orientation:landscape){.reveal-zone{min-height:540px}}.reveal-count{color:var(--text-muted);font-family:var(--font-slab);letter-spacing:.04em;margin:0;font-size:15px}.reveal-hint{min-height:20px;color:var(--text-muted);text-align:center;margin:0;font-size:14px;font-weight:600;line-height:20px}:is(.reveal-stack,.reveal-foot){--w:min(100cqw - 32px, 100cqh / 2.17, (100cqh - 2 * var(--chrome)) / 1.69, 440px);--band:max(var(--w) * .26, var(--w) * .02 + var(--chrome))}.reveal-stack{width:var(--w);aspect-ratio:300/495;margin-top:var(--band);flex:none;position:relative}.reveal-stack .card-tilt{width:100%;max-width:none;margin:0;padding:0}.reveal-foot{align-items:center;gap:var(--gap);height:var(--band);padding-top:calc(var(--w) * .02 + var(--gap));flex-direction:column;flex:none;display:flex}.booster-stage:has(.booster-select) .reveal-zone{min-height:663px}.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}.stack-card[data-top]:focus-visible{outline:3px solid var(--focus);outline-offset:6px;border-radius:4%}.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{--pack:var(--ar-pack);--aura:#1d6ff2;--aura-o:.55;position:absolute;inset:0;container-type:inline-size}.card-back[data-rarity=epique]{--aura:#8b2ff5;--aura-o:.7}.card-back[data-rarity=mythique]{--aura:#f2600a;--aura-o:.85}.card-back[data-rarity=legendaire]{--aura:#f5b50f;--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:url(/cards/vivant-v2/card-back.svg) center / 100% 100% no-repeat, radial-gradient(ellipse at 45% 40%, color-mix(in oklab, var(--pack) 65%, #183039), color-mix(in oklab, var(--pack) 25%, #091a22));flex-direction:column;justify-content:center;align-items:center;gap:6cqi;display:flex;position:absolute;inset:0;overflow:hidden;-webkit-mask:url(/cards/vivant-v2/card-back-mask.svg) 50%/100% 100% no-repeat;mask:url(/cards/vivant-v2/card-back-mask.svg) 50%/100% 100% no-repeat}.card-back__face:after{content:"";background:linear-gradient(115deg,#0000 35%,#ffecd62e 48%,#0000 60%) 0 0/300% 100%;animation:2.6s ease-in-out infinite sheen;position:absolute;inset:0}.card-back__stripes{color:#e8cb89;filter:drop-shadow(0 1cqi #081b22);font-size:22cqi}.card-back__face p{color:var(--ar-chalk);font-family:var(--font-slab);text-shadow:0 .8cqi #0009;margin:0;font-size:12cqi;line-height:1}.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:#1d6ff2;z-index:10;pointer-events:none;position:absolute;top:50%;left:50%}.burst[data-rarity=epique]{--c:#8b2ff5}.burst[data-rarity=mythique]{--c:#f2600a}.burst[data-rarity=legendaire]{--c:#f5b50f}.burst-flash{background:radial-gradient(circle, #fffaeee6 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}
.summary{z-index:2;--cw-max:124px;flex-direction:column;gap:8px;width:100%;max-width:440px;display:flex;position:relative}.summary__top{z-index:1;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex;position:relative;container:summary-top/inline-size}.summary__top:not(:has(.booster-back)){justify-content:center}.summary__cry{--room:100cqi;min-width:0;min-height:0;font-size:clamp(15px, var(--room) / (var(--cry-len,12) * .64), 28px);text-align:end;white-space:normal;text-wrap:balance;line-height:1.1}.summary__top:has(.booster-back) .summary__cry{--room:calc(100cqi - 132px)}.summary__top:not(:has(.booster-back)) .summary__cry{text-align:center}.summary__key{color:var(--text-muted);align-items:center;gap:7px;margin:0;font-size:14px;font-weight:600;line-height:18px;display:flex}.summary__key b{color:var(--text);font-weight:800}.summary__dot{width:10px;height:10px;box-shadow:0 0 0 2px var(--ar-slate);background:#e0662a;border-radius:50%;flex:none;display:block}.summary__cards{width:100%;container:summary-cards/inline-size}.summary-grid{--cw:min((100cqi - 24px) / 3, var(--cw-max));max-width:calc(3 * var(--cw) + 24px);flex-wrap:wrap;place-content:center;align-items:center;gap:6px 12px;margin:0 auto;padding:0;list-style:none;display:flex}.summary-grid li{width:var(--cw);animation:pop-in .5s calc(var(--i) * 90ms) cubic-bezier(.2, .9, .3, 1.3) both;position:relative;container:summary-card/inline-size}.summary-grid li:nth-child(2){order:-1}.summary-grid a{color:inherit;border-radius:6px;text-decoration:none;display:block;position:relative}.summary-grid a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.summary-grid li[data-best]>a{scale:1.1}.summary-grid li[data-best] .moment-light{width:330%}.summary-grid li:not([data-best]) *{animation:none!important}.summary__new{z-index:3;background:linear-gradient(165deg, #c24e22 0%, var(--ar-ember-lo) 100%);height:20px;color:var(--ar-ember-ink);font:800 11px/1 var(--font-ui);letter-spacing:.03em;text-transform:uppercase;border-radius:5px;align-items:center;padding:0 7px;display:inline-flex;position:absolute;top:6%;left:-6px;rotate:-5deg;box-shadow:0 2px #280a0099,0 3px 6px #00000073}@container summary-card (max-width:79px){.summary__new{width:10px;height:10px;box-shadow:0 0 0 2px var(--ar-slate);color:#0000;background:#e0662a;border-radius:50%;padding:0;font-size:0;top:10%;left:0;overflow:hidden;rotate:none}}.summary-actions{z-index:1;flex-wrap:wrap;flex:none;justify-content:center;gap:6px 12px;width:100%;display:flex;position:relative}.summary-actions>:is(.wk-btn--lg,.wk-btn--md,div,p){flex:1 0 100%}.summary-actions>p{text-align:center}.summary-actions>.wk-btn--link{flex:1 1 0;min-width:0;max-width:max-content}.summary-actions>.booster-note{font-variant-numeric:tabular-nums}.summary-buy,.summary-buy>div{display:contents}.summary-buy .wk-btn,.summary-buy p[role]{flex:1 0 100%}.summary-buy p[role]{text-align:center}.avatar-offer__medal{background:var(--ar-lacquer);border-radius:50%;flex:none;width:26px;height:26px;display:inline-block;overflow:hidden;box-shadow:0 0 0 2px #ece2d1d9,0 2px 5px #00000073}.avatar-offer__medal img{object-fit:cover;width:100%;height:100%;display:block}.avatar-offer[aria-busy=true] .avatar-offer__medal{animation:1.2s ease-in-out infinite app-pulse}.summary-actions>.avatar-offer--done{max-width:max-content;min-height:44px;color:var(--text-muted);flex:1 1 0;justify-content:center;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;line-height:18px;display:inline-flex}.avatar-offer--done:focus{outline:none}.avatar-offer--done:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.avatar-offer__error{color:#ff9b90;margin:0;font-size:13px;font-weight:700;line-height:18px}.summary-left{z-index:2;--r:6deg;position:absolute;top:-15px;right:-6px}@media (min-width:1100px){.summary{--cw-max:280px;max-width:1080px}.summary-actions{max-width:440px;margin-inline:auto}}
@media (min-height:470px),(orientation:portrait){.booster-stage:not([data-compact],:has(.booster-select))[data-phase=summary]{min-height:calc(100dvh - var(--ar-hdr-h) - env(safe-area-inset-top,0px) - 8px - var(--stage-end));flex:none;margin-block:-12px -24px;padding-bottom:8px}.booster-stage:not([data-compact],:has(.booster-select))[data-phase=summary] .summary{flex:1 1 0;min-height:auto}.booster-stage:not([data-compact],:has(.booster-select))[data-phase=summary] .summary__cards{flex:1 1 0;min-height:80px;container-type:size}.booster-stage:not([data-compact],:has(.booster-select))[data-phase=summary] .summary-grid{--cw:min((100cqi - 24px) / 3, (100cqh - 6px) / 3.4, var(--cw-max));height:100%}}@container summary-cards (min-aspect-ratio:3/2){.booster-stage:not([data-compact],:has(.booster-select))[data-phase=summary] .summary-grid{--cw:min((100cqi - 48px) / 5, 100cqh / 1.7, var(--cw-max));flex-wrap:nowrap;max-width:none}.summary-grid li:nth-child(4){order:-2}}
.picker{z-index:2;flex-direction:column;flex:auto;gap:16px;width:100%;max-width:620px;min-height:0;padding-top:8px;display:flex;position:relative}.booster-stage:not([data-compact]) .picker{max-width:clamp(620px,130dvh - 362.6px,860px)}.picker__head{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.picker__title{margin:0}.picker__grid{--cols:var(--n-cols,4);--rows:var(--n-rows,2);--gap-y:14px;--below:64px;place-content:center;gap:var(--gap-y) 10px;flex-wrap:wrap;flex:1 1 0;min-height:0;margin:0;padding:0;list-style:none;display:flex;container-type:size}.picker__grid>li{width:calc((100% - (var(--cols) - 1) * 10px) / var(--cols));height:min((100cqh - (var(--rows) - 1) * var(--gap-y)) / var(--rows), (100cqi - (var(--cols) - 1) * 10px) / var(--cols) * .92 / .6 + var(--below));flex:none;justify-content:center;align-items:center;min-height:0;display:flex}@container (max-aspect-ratio:153/250) or ((min-width:320px) and (max-aspect-ratio:317/500)) or ((min-width:360px) and (max-aspect-ratio:81/125)) or ((min-width:400px) and (max-aspect-ratio:67/100)){.booster-stage:not([data-compact]) .picker__grid>li{--cols:var(--t-cols,3);--rows:var(--t-rows,3)}}@media (max-height:600px){.picker{gap:10px;padding-top:4px}.picker__grid{--gap-y:10px}}.picker__pack{width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0;display:flex;position:relative}.picker__pack .signed-pack{width:min(92%, calc(((100cqh - (var(--rows) - 1) * var(--gap-y)) / var(--rows) - var(--below)) * .6));filter:drop-shadow(0 10px 10px #00000073);transition:transform .2s ease-out}.picker__pack:hover .signed-pack,.picker__pack:focus-visible .signed-pack{transform:translateY(-6px)rotate(-2deg)}.picker__pack:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:8px}.picker__pack[data-last] .signed-pack{animation:5s ease-in-out infinite pack-float}.picker__label{white-space:nowrap;font-size:15px;font-weight:700;line-height:18px}.picker__progress{width:100%;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;align-items:center;gap:5px;font-size:12px;font-weight:600;line-height:16px;display:flex}.picker__bar{background:var(--ar-slate-deep);border-radius:3px;align-self:center;width:min(84%,120px);height:6px;overflow:hidden;box-shadow:inset 0 1px 2px #0009}.picker__bar span{border-radius:3px;min-width:3px;height:100%;display:block}.picker__placeholder{width:min(84%, calc(((100cqh - (var(--rows) - 1) * var(--gap-y)) / var(--rows) - var(--below)) * .6));aspect-ratio:150/250;background:#2a201ab3;border-radius:6px;margin:0 auto;animation:1.4s ease-in-out infinite app-pulse;display:block}@media (max-width:639px){.picker__grid{--below:50px}.picker__pack{gap:6px}.picker__label{font-size:clamp(11px, (100cqi - (var(--cols) - 1) * 10px) / var(--cols) / 5.4, 14px);font-stretch:75%;line-height:15px}.picker__progress{gap:3px;font-size:11px;font-stretch:87.5%;line-height:14px}}
@keyframes pack-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(-2deg)}}@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 pop-in{0%{opacity:0;translate:0 20px;scale:.6}to{opacity:1;translate:0;scale:1}}@media (prefers-reduced-motion:reduce){.pack,.pack-hint,.pack[data-torn] .pack-part,.daily-hero__pack,.daily-hero__shine:after,.picker__pack[data-last] .signed-pack,.card-back__face:after,.card-back__aura,.burst,.burst *,.flip,.stack-card[data-top] .flip:not([data-flipped]){animation:none!important}.burst,.booster-stage[data-phase=opening]:after{display:none}.picker__placeholder,.avatar-offer[aria-busy=true] .avatar-offer__medal{animation:none}.flip,.stack-card,.moment-light,.picker__pack .signed-pack{transition:none}.stack-card,.summary-grid li,.card-new,.reveal-title:not(:empty){animation-duration:10ms}}
.booster-stage:has(.booster-select) .booster-pack-zone{min-height:clamp(420px,70dvh,640px)}