.boosters-view{max-width:1280px;padding-bottom:40px}.booster-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.booster-heading h1{font-size:clamp(28px,3vw,38px);margin:4px 0}.booster-lead{color:var(--muted);font-size:13px;margin:8px 0 0}.booster-heading .point-wallet{min-width:170px}.booster-recharge{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 18px;padding:10px 0;margin:0 auto 8px;max-width:670px;background:none;border:0;font-size:12px;color:var(--muted)}.booster-recharge strong{display:inline;font-size:17px;color:var(--lime);font-variant-numeric:tabular-nums}.booster-countdown{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}.booster-recharge>p{grid-column:1/-1;font-size:12px;color:var(--muted);margin:0;line-height:1.6}.booster-capsules{display:grid;grid-template-columns:repeat(15,minmax(4px,1fr));align-items:center;gap:6px}.booster-capsules i{height:46px;border:1px solid #485043;border-radius:5px;background:#111713}.booster-capsules i.charged{background:linear-gradient(160deg,#d8eaa5,#7a9a52);border-color:#bbd990;box-shadow:0 0 14px #c2e88018}.booster-tabs{flex-wrap:wrap}.booster-filter{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:12px 0}.booster-filter label,.booster-focus{display:grid;gap:8px;font-size:12px;color:var(--muted)}.booster-filter select,.booster-focus select,.collection-trade-dialog select{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:11px;min-height:44px;max-width:100%}.booster-filter label{min-width:220px}.booster-focus{max-width:480px;margin-bottom:22px}.booster-content{min-height:200px}.booster-rules{border-top:1px solid var(--border);margin-top:34px;padding-top:20px;color:var(--muted);font-size:12px;line-height:1.8}.booster-rules summary{cursor:pointer;color:var(--text)}.booster-collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.collection-tableau{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}.collection-tableau h3{font-size:15px;line-height:1.4;margin:0}.collection-tableau .button{font-size:11px;width:100%;padding:9px 8px}.collection-tableau small{color:var(--muted);font-size:10px}.tableau-preview{display:block;width:100%;max-height:280px;overflow:hidden;background:#111712;border:1px solid #566044;border-radius:5px}.collectible-art{width:100%;aspect-ratio:1;display:grid;place-items:center;background:none;filter:drop-shadow(0 7px 5px #0007)}.tableau-tile{border-radius:0;aspect-ratio:auto;border:.5px solid #171b1755;min-height:0}.tableau-tile.missing{filter:grayscale(1);opacity:.14}.collection-progress{color:var(--lime);margin:0;font-size:13px}.booster-reveal{max-width:580px;width:94vw;padding:28px;text-align:center}.booster-reveal>p{font-size:13px;color:var(--muted)}.booster-reveal-grid{display:grid;grid-template-columns:1fr;gap:14px;margin:12px auto 20px;max-width:310px;touch-action:pan-y}.booster-piece{padding:18px;border:1px solid #4c5942;border-radius:18px;display:flex;flex-direction:column;gap:10px;min-width:0;background:radial-gradient(ellipse at 50% 35%,#63765330,transparent 75%)}.booster-piece .collectible-art{width:100%}.booster-piece strong{font-size:12px;line-height:1.4}.booster-piece>span,.booster-piece>small{font-size:10px;color:var(--muted)}.booster-piece .rarity-label{color:#b0c296;font-weight:700}.booster-piece[data-rarity=uncommon]{border-color:#699dba}.booster-piece[data-rarity=uncommon] .rarity-label{color:#8cc5e6}.booster-piece[data-rarity=rare]{border-color:#a583d3;background:#8761bf12}.booster-piece[data-rarity=rare] .rarity-label{color:#c4a1f0}.booster-piece[data-rarity=legendary]{border-color:#e8b963;background:#d39a3618;box-shadow:0 0 20px #e8b96318}.booster-piece[data-rarity=legendary] .rarity-label{color:#f2c675}.collection-trade-dialog{max-width:570px;width:94vw}.collection-trade-dialog form{display:grid;gap:17px;margin:24px 0}.collection-trade-dialog label{display:grid;gap:8px;font-size:12px;color:var(--muted)}.collection-order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.collection-order{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0}.collection-order .collectible-art{width:100%;max-height:190px}.collection-order h3{font-size:14px;margin:0;line-height:1.5}.collection-order p,.collection-order small{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.collection-order .order-wanted{color:var(--lime)}.order-price{color:var(--amber);font-size:16px}.collection-pagination{display:flex;justify-content:center;gap:12px;margin-top:24px}.boosters-view .empty-state{max-width:none}.booster-content .small-copy{line-height:1.7}@keyframes booster-reveal{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1100px){.booster-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.booster-heading{flex-direction:column;gap:8px}.booster-heading .point-wallet{width:100%;text-align:left}.booster-recharge{grid-template-columns:1fr;padding:18px;gap:18px}.booster-recharge>p{grid-column:auto}.booster-capsules i{height:30px}.booster-filter{align-items:stretch}.booster-filter label{min-width:0;flex:1}.booster-filter .button{padding:8px;font-size:11px}.booster-pack{grid-template-columns:1fr}.booster-pack-art{min-height:240px}.booster-pack-copy{padding:20px;gap:12px}.booster-pack-copy h2{font-size:25px}.booster-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collection-tableau{padding:10px}.collection-tableau h3{font-size:13px}.booster-reveal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collection-order-grid{grid-template-columns:1fr}.booster-tabs button{font-size:12px}.booster-reveal{max-height:90dvh}.collection-order .collectible-art{max-height:230px}}@media(prefers-reduced-motion:reduce){.booster-piece{animation:none}}
.booster-podium{border:1px solid #826c39;background:#b88b2a0c;border-radius:12px;padding:18px;margin-bottom:24px}.booster-podium h2{font-size:16px;color:var(--amber);margin:0 0 12px}.booster-podium p{font-size:12px;color:var(--muted);line-height:1.7}.collection-podium-notice{border:1px solid #806c42;border-radius:9px;background:#c69e4410;padding:12px;margin:14px 0}.collection-podium-notice p{font-size:12px;color:var(--amber);line-height:1.6;margin:0 0 10px}

.booster-wallets{display:flex;gap:10px;flex-wrap:wrap}.booster-wallet-chip{display:flex;gap:7px;align-items:center;padding:8px 12px;border:1px solid var(--border);border-radius:30px;font-size:11px;color:var(--muted)}.booster-wallet-chip strong{color:var(--text);font-size:14px}.booster-filter:has(label[hidden]){justify-content:flex-end;margin:0;height:32px}.booster-filter:has(label[hidden]) .button{font-size:11px;padding:5px 10px;min-height:30px}.booster-tabs{margin-bottom:0}.booster-recharge .button{padding:6px 10px;min-height:32px;font-size:10px;border-color:#4c5140;background:transparent}.booster-opening-view{overflow:hidden}.pack-gallery{--packet-width:266px;--packet-height:418px;--packet-gap:310px;position:relative}.pack-stage{position:relative;height:475px;overflow:hidden;perspective:1000px;touch-action:pan-y;outline-offset:-5px;background:radial-gradient(ellipse at 50% 58%,#a48c4730,transparent 57%)}.pack-stage:after{content:'';position:absolute;width:280px;height:24px;border-radius:50%;background:#0007;filter:blur(12px);bottom:22px;left:calc(50% - 140px);pointer-events:none}.booster-packet{position:absolute;left:calc(50% - var(--packet-width)/2);top:18px;width:var(--packet-width);height:var(--packet-height);transform:translateX(calc(var(--pack-offset)*var(--packet-gap) + var(--carousel-drag,0px))) rotateY(calc(var(--pack-offset)*-13deg)) rotateZ(calc(var(--pack-offset)*2deg)) scale(var(--pack-scale));transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .4s;opacity:.52;z-index:1;filter:drop-shadow(0 17px 16px #0008)}.booster-packet.selected{opacity:1;z-index:4}.booster-packet.pack-hidden{opacity:0;pointer-events:none}.packet-choice{position:relative;display:block;width:100%;height:100%;border:0;padding:0;cursor:pointer;color:#1f2624;overflow:hidden;background:linear-gradient(110deg,#d4d8ca,#fbfff2 36%,#b9c1b3 48%,#e6ecdd 56%,#fcffed 85%,#bbc5b7);clip-path:polygon(0 1%,3% 0,6% 1%,9% 0,12% 1%,15% 0,18% 1%,21% 0,24% 1%,27% 0,30% 1%,33% 0,36% 1%,39% 0,42% 1%,45% 0,48% 1%,51% 0,54% 1%,57% 0,60% 1%,63% 0,66% 1%,69% 0,72% 1%,75% 0,78% 1%,81% 0,84% 1%,87% 0,90% 1%,93% 0,96% 1%,100% 0,100% 99%,97% 100%,94% 99%,91% 100%,88% 99%,85% 100%,82% 99%,79% 100%,76% 99%,73% 100%,70% 99%,67% 100%,64% 99%,61% 100%,58% 99%,55% 100%,52% 99%,49% 100%,46% 99%,43% 100%,40% 99%,37% 100%,34% 99%,31% 100%,28% 99%,25% 100%,22% 99%,19% 100%,16% 99%,13% 100%,10% 99%,7% 100%,4% 99%,0 100%)}.packet-choice:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#ffffff90 46%,transparent 51%,#ffffff35 65%,transparent 72%);mix-blend-mode:soft-light;box-shadow:inset 4px 0 6px #fff8,inset -5px 0 6px #66715f66,inset 0 12px 10px #72816955,inset 0 -12px 12px #66755955}.packet-foil{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 3px,#fff2 4px 5px);pointer-events:none}.packet-puzzle{position:absolute;width:78px;height:78px;color:hsl(var(--pack-tone) 70% 65% / .55);fill:currentColor;stroke:currentColor;stroke-width:1}.packet-puzzle:nth-child(1){top:18px;left:-25px;transform:rotate(-25deg)}.packet-puzzle:nth-child(2){right:-20px;top:70px;transform:rotate(25deg)}.packet-puzzle:nth-child(3){left:-18px;bottom:20px;transform:rotate(14deg)}.packet-puzzle:nth-child(4){right:-12px;bottom:100px;transform:rotate(-23deg)}.packet-brand{position:absolute;top:24px;left:0;right:0;font-size:24px;letter-spacing:2px;font-weight:900;text-shadow:0 1px #fff}.packet-edition{position:absolute;top:54px;left:0;right:0;font-size:8px;letter-spacing:2.3px;font-weight:700}.packet-art{position:absolute;top:98px;left:23px;right:23px;width:calc(100% - 46px);height:237px;object-fit:cover;border:3px solid #8b7c50;border-radius:45% 45% 3px 3px;box-shadow:0 4px 11px #393d3c55;pointer-events:none}.packet-imprint{position:absolute;top:302px;left:calc(50% - 21px);width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#24352e;color:#f6e6ac;border:2px solid #e7c879;font-family:Georgia,serif;font-size:27px;font-weight:700}.packet-label{position:absolute;left:14px;right:14px;bottom:37px;font-size:16px;font-weight:850;text-transform:uppercase}.packet-count{position:absolute;left:8px;right:8px;bottom:20px;font-size:8px;font-weight:700;letter-spacing:.6px}.packet-tear{--tear-progress:0;position:absolute;left:calc(50% - var(--packet-width)/2 + 11px);top:94px;width:calc(var(--packet-width) - 22px);height:38px;z-index:5;border:0;background:transparent;touch-action:none;cursor:ew-resize;padding:0;overflow:visible}.tear-line{position:absolute;left:0;right:0;top:12px;border-top:2px dashed #ffffffd9;filter:drop-shadow(0 1px 1px #172d33)}.tear-line:after{content:'';position:absolute;top:-4px;left:0;width:calc(var(--tear-progress)*100%);height:7px;background:linear-gradient(135deg,#f9d484 34%,transparent 36%) 0 0/8px 7px repeat-x,linear-gradient(45deg,transparent 64%,#f9d484 66%) 0 0/8px 7px repeat-x,#1b2a2ecc;filter:drop-shadow(0 0 5px #ffd97d)}.tear-handle{display:grid;place-items:center;position:absolute;left:calc(var(--tear-progress)*(100% - 32px));top:0;width:32px;height:27px;background:#f2d394;color:#242b20;border-radius:7px;box-shadow:0 2px 8px #0005;font-size:20px;transition:left .18s}.tearing .tear-handle{transition:none}.packet-tear:disabled{opacity:.35;cursor:default}.pack-caption{position:relative;text-align:center;margin-top:-5px}.pack-caption h2{font-size:24px;margin:0 0 8px}.pack-instruction{font-size:12px;color:var(--muted);margin:0 0 12px}.pack-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin-bottom:14px}.pack-arrow{width:38px;height:38px;border:1px solid var(--border);border-radius:50%;background:var(--panel);color:var(--text);font-size:18px;cursor:pointer}.pack-dots{display:flex;gap:7px}.pack-dots button{width:8px;height:8px;border:0;border-radius:50%;background:#69745e;padding:0;cursor:pointer}.pack-dots button[aria-current=true]{width:24px;border-radius:9px;background:var(--amber)}.pack-footnote{text-align:center;color:var(--muted);font-size:10px;margin:20px 0 0}.pack-opening .booster-packet.selected{animation:packet-open .7s both}.pack-opening .packet-tear{animation:tear-away .65s both}.collectible-art svg{width:100%;height:100%;overflow:visible}.collectible-art img{width:90%;height:90%;object-fit:contain}.tableau-puzzle{display:block;width:100%;height:100%}.booster-piece[hidden]{display:none}.booster-piece .collectible-art{filter:drop-shadow(0 12px 8px #0008);min-height:180px}.booster-piece strong{font-size:16px}.booster-piece>span,.booster-piece>small{font-size:11px}.revealed-current{animation:piece-discovery .52s cubic-bezier(.2,.8,.2,1)}.rarest-piece.revealed-current{animation:rare-discovery .7s both}.reveal-step{font-size:12px;color:var(--amber);margin:8px 0}.reveal-recap{max-width:950px}.reveal-recap .booster-reveal-grid{max-width:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.reveal-recap .booster-piece{padding:12px;gap:7px}.reveal-recap .booster-piece .collectible-art{min-height:0}.reveal-recap .booster-piece strong{font-size:12px}.booster-reveal>.button{margin:3px}.booster-reveal:not(.reveal-recap) #booster-next-piece{display:block;margin:0 auto 10px;min-width:180px}
@keyframes piece-discovery{from{opacity:0;transform:translateY(25px) rotateY(-80deg) rotate(-8deg) scale(.8)}to{opacity:1;transform:none}}@keyframes rare-discovery{0%{opacity:0;transform:translateY(30px) scale(.75);box-shadow:0 0 0 #f2ca7b00}60%{opacity:1;transform:scale(1.04);box-shadow:0 0 55px #f2ca7b44}100%{transform:none;box-shadow:0 0 25px #f2ca7b22}}@keyframes packet-open{50%{transform:scale(1.04) rotate(-2deg)}100%{opacity:0;transform:translateY(18px) scale(1.08)}}@keyframes tear-away{to{transform:translateX(145px) translateY(-70px) rotate(-18deg);opacity:0}}
@media(max-width:650px){.booster-heading{align-items:flex-start;gap:12px;margin-bottom:16px}.booster-wallets{gap:6px}.booster-wallet-chip{padding:6px 9px;font-size:10px}.booster-recharge{padding:8px 0;gap:8px 12px;margin-bottom:0}.pack-gallery{--packet-width:230px;--packet-height:368px;--packet-gap:259px}.pack-stage{height:416px}.packet-brand{top:23px;font-size:21px}.packet-art{top:90px;height:199px;left:21px;width:calc(100% - 42px)}.packet-imprint{top:262px}.packet-label{font-size:14px;bottom:37px}.packet-tear{top:86px}.pack-caption h2{font-size:21px}.pack-footnote{padding:0 20px;line-height:1.6}.booster-reveal{padding:20px;max-height:90dvh}.booster-reveal-grid{grid-template-columns:1fr;max-width:260px}.reveal-recap .booster-reveal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reveal-recap .booster-piece:last-child{grid-column:1/-1;width:55%;justify-self:center}.booster-piece .collectible-art{min-height:150px}.booster-recharge .button{padding:5px 7px}}
@media(prefers-reduced-motion:reduce){.booster-packet,.tear-handle{transition:none}.pack-opening .booster-packet.selected,.pack-opening .packet-tear,.revealed-current,.rarest-piece.revealed-current{animation:none}}

.carousel-dragging .booster-packet{transition:none}

.collectible-art{pointer-events:none}.collectible-art>svg,.collectible-art>img{display:block;min-width:0;min-height:0}.collection-order .collectible-art{height:190px;aspect-ratio:auto;overflow:hidden}.collection-order .collectible-art img{width:100%;height:100%;object-fit:contain}

/* The foil cap and body retain the same printed face at the torn seam. */
.pack-gallery{--packet-seam:88px}
.pack-opening .booster-packet.selected{animation:none}
.pack-opening .booster-packet.selected>.packet-choice{visibility:hidden}
.packet-split-layer,.packet-fragment{position:absolute;inset:0;pointer-events:none}
.packet-fragment .packet-choice{cursor:default;text-align:center}
.packet-cap{clip-path:inset(0 0 calc(100% - var(--packet-seam)) 0);animation:packet-cap-away .65s cubic-bezier(.2,.7,.2,1) both}
.packet-body{clip-path:inset(var(--packet-seam) 0 0 0);animation:packet-body-away .65s cubic-bezier(.2,.7,.2,1) both}
.pack-opening .pack-stage:before{content:'';position:absolute;left:calc(50% - 170px);top:70px;width:340px;height:320px;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse,#fffce08c,#d8c18338 43%,transparent 70%);animation:pack-opening-halo .65s both}
@keyframes packet-cap-away{0%{transform:none;opacity:1}45%{opacity:1}100%{transform:translate(40px,-85px) rotate(-16deg);opacity:0}}
@keyframes packet-body-away{0%{transform:none;opacity:1}45%{opacity:1;transform:translateY(14px) rotate(2deg)}100%{transform:translateY(60px) scale(1.04);opacity:0}}
@keyframes pack-opening-halo{0%{opacity:0;transform:scale(.65)}45%{opacity:1;transform:scale(1.06)}100%{opacity:0;transform:scale(1.2)}}

.booster-reveal:not(.reveal-recap){max-width:560px}
.reveal-stage{position:relative;min-width:0}
.booster-reveal:not(.reveal-recap) .booster-reveal-grid{max-width:310px;grid-template-columns:1fr;cursor:pointer;user-select:none;-webkit-user-select:none}
.booster-reveal:not(.reveal-recap) .booster-piece{padding:14px;border:0;background:none;box-shadow:none}
.booster-reveal:not(.reveal-recap) .rarest-piece.revealed-current{animation:piece-discovery .6s cubic-bezier(.2,.8,.2,1)}
.booster-piece .collectible-art{filter:none}
.collectible-art[data-rarity]{--piece-halo:#acbd83}
.collectible-art[data-rarity=uncommon]{--piece-halo:#72c6ed}
.collectible-art[data-rarity=rare]{--piece-halo:#b996ff}
.collectible-art[data-rarity=legendary]{--piece-halo:#ffcb63}
.collectible-art[data-rarity]>svg{filter:drop-shadow(0 8px 7px #0007) drop-shadow(0 0 5px var(--piece-halo)) drop-shadow(0 0 17px var(--piece-halo))}
.collectible-art[data-rarity=common]>svg{filter:drop-shadow(0 8px 7px #0007) drop-shadow(0 0 8px #acbd8370)}
.collectible-art[data-rarity=legendary]>svg{filter:drop-shadow(0 8px 7px #0007) drop-shadow(0 0 7px #ffcb63) drop-shadow(0 0 25px #ffcb63aa)}
.reveal-arrow,.booster-reveal:not(.reveal-recap) #booster-next-piece{position:absolute;top:33%;width:38px;height:38px;min-width:0;margin:0;padding:0;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--panel);color:var(--text);font-size:22px;cursor:pointer;z-index:2}

.reveal-arrow[hidden]{display:none!important}
.reveal-arrow:hover{border-color:var(--amber);color:var(--amber)}
.reveal-hint{font-size:11px;color:var(--muted);margin:4px 0 12px}
.reveal-step{min-height:18px;letter-spacing:.4px;margin-top:0}
.reveal-recap .reveal-stage{padding-top:44px}
.reveal-recap #booster-previous-piece{top:0;left:calc(50% - 19px)}
.reveal-recap .booster-piece .collectible-art>svg{filter:drop-shadow(0 0 7px var(--piece-halo))}

.tableau-category{font-size:10px;color:var(--muted);margin-top:10px}
.tableau-finishes{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 12px}
.tableau-finish-chip{font-size:10px;border:1px solid var(--border);border-radius:20px;background:transparent;color:var(--muted);padding:5px 8px;cursor:pointer}
.tableau-finish-chip[data-finish=shiny]{color:#e3bd68;border-color:#a5894e}
.tableau-finish-chip[data-finish=holographic]{color:#c7aaff;border-color:#9d8ad7}
.tableau-finish-chip[aria-pressed=true]{background:#ffffff12;color:var(--text)}
.tableau-preview[data-finish],.collectible-art[data-finish]{position:relative;isolation:isolate}
.tableau-preview[data-finish=shiny]{border-color:#d6b970;box-shadow:0 0 14px #e5c46b28}
.tableau-preview[data-finish=holographic]{border-color:#c1a7f2;box-shadow:0 0 18px #b997ed38}
.tableau-preview[data-finish=shiny]:after,.collectible-art[data-finish=shiny]:after,.tableau-preview[data-finish=holographic]:after,.collectible-art[data-finish=holographic]:after{content:'';position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(125deg,transparent 16%,#fff2bf12 32%,#ffe99a80 43%,#fffadd12 54%,transparent 70%);background-size:220% 100%;animation:tableau-sheen 7s ease-in-out infinite}
.tableau-preview[data-finish=holographic]:after,.collectible-art[data-finish=holographic]:after{background-image:linear-gradient(125deg,transparent 10%,#83e4ff70 24%,#ab98ff70 37%,#ff9eb870 48%,#ffe7aa70 59%,#a9ffe470 70%,transparent 85%)}
@keyframes tableau-sheen{0%,100%{background-position:100% 0;opacity:.45}50%{background-position:0 0;opacity:.8}}
@media(max-width:650px){.pack-gallery{--packet-seam:80px}.booster-reveal:not(.reveal-recap){padding:20px 15px}.booster-reveal:not(.reveal-recap) .booster-reveal-grid{max-width:calc(100% - 54px)}.booster-reveal:not(.reveal-recap) .booster-piece{padding:8px 0}.reveal-arrow,.booster-reveal:not(.reveal-recap) #booster-next-piece{width:30px;height:34px;font-size:20px}.booster-reveal:not(.reveal-recap) .booster-piece .collectible-art{min-height:0}.reveal-recap .booster-piece strong{font-size:11px}.tableau-finishes{gap:4px}.booster-filter{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.packet-cap,.packet-body,.pack-opening .pack-stage:before,.tableau-preview:after,.collectible-art:after{animation:none}.booster-reveal:not(.reveal-recap) .rarest-piece.revealed-current{animation:none}}

/* The gesture belongs to its packet, including every carousel transform. */
.booster-packet>.packet-tear{left:11px;top:calc(var(--packet-seam) - 12px);width:calc(100% - 22px);height:38px}
.pack-open-dialog{--packet-width:266px;--packet-height:418px;--packet-seam:88px;--pack-tone:28;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden;box-shadow:none}
.pack-open-dialog:focus-visible{outline:none}
.pack-open-dialog::backdrop{background:#0a1210d9;backdrop-filter:blur(8px)}
.packet-foreground{position:absolute;left:calc(50% - var(--packet-width)/2);top:calc(50% - var(--packet-height)/2);width:var(--packet-width);height:var(--packet-height);filter:drop-shadow(0 18px 22px #0008);animation:packet-to-front .23s cubic-bezier(.2,.8,.2,1) both}
.pack-open-dialog .packet-fragment{animation:none}.pack-open-dialog .packet-whole{z-index:2}.pack-open-dialog .packet-cap,.pack-open-dialog .packet-body{visibility:hidden}
.pack-open-dialog.pack-torn .packet-whole{visibility:hidden}.pack-open-dialog.pack-torn .packet-cap{visibility:visible;animation:packet-cap-open .78s cubic-bezier(.2,.75,.2,1) both}.pack-open-dialog.pack-torn .packet-body{visibility:visible;animation:packet-body-open .9s cubic-bezier(.2,.75,.2,1) both}
.pack-open-dialog:before{content:'';position:absolute;left:calc(50% - 210px);top:calc(50% - 230px);width:420px;height:450px;pointer-events:none;background:radial-gradient(ellipse,#fff6d780,#f5d68624 48%,transparent 70%);animation:foreground-pack-glow 1.15s both}
.pack-opening .packet-tear{animation:none;opacity:0}.pack-opening .booster-packet.selected>.packet-choice{visibility:visible;opacity:.3}.pack-opening .pack-stage:before{display:none}
@keyframes packet-to-front{from{opacity:.5;transform:translateY(20px) scale(.87)}to{opacity:1;transform:none}}
@keyframes packet-cap-open{0%{transform:none;opacity:1}35%{transform:translate(20px,-42px) rotate(-7deg);opacity:1}100%{transform:translate(120px,-180px) rotate(-26deg);opacity:0}}
@keyframes packet-body-open{0%,20%{transform:none;opacity:1}55%{transform:translateY(22px) scale(1.03);opacity:1}100%{transform:translateY(180px) scale(1.04);opacity:0}}
@keyframes foreground-pack-glow{0%{opacity:0;transform:scale(.75)}35%,65%{opacity:1;transform:scale(1.05)}100%{opacity:0;transform:scale(1.18)}}
.collection-flight{position:fixed;z-index:100;pointer-events:none;margin:0;transform-origin:center;will-change:transform,opacity}
.tableau-puzzle .arrival-pending{opacity:0}.tableau-puzzle .arrival-landed{animation:collection-piece-glow .7s ease-out;transform-box:fill-box;transform-origin:center}
.collection-arrival-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:80;display:flex;gap:15px;align-items:center;max-width:calc(100vw - 30px);padding:12px 16px;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:0 8px 30px #0008;font-size:12px;color:var(--text)}
.collection-arrival-status button{border:0;background:none;color:var(--amber);font:inherit;padding:6px;white-space:nowrap;cursor:pointer}
@keyframes collection-piece-glow{0%{filter:drop-shadow(0 0 15px #fbe497);opacity:.55}50%{filter:drop-shadow(0 0 8px #ffdf75);opacity:1}100%{filter:none;opacity:1}}
.credit-dialog-balance{font-size:23px;color:var(--amber);margin:18px 0}.credit-actions{display:grid;gap:10px;margin:20px 0}.credit-actions .button{width:100%}.credit-dialog-note{font-size:12px;line-height:1.7;color:var(--muted)}
.pack-opening-wait{position:absolute;left:20px;right:20px;top:calc(50% + 30px);text-align:center;color:var(--amber);font-size:13px;opacity:0;animation:opening-wait 1.15s both}
@keyframes opening-wait{0%,85%{opacity:0}100%{opacity:1}}
@media(max-width:650px){.pack-open-dialog{--packet-width:230px;--packet-height:368px;--packet-seam:80px}.collection-arrival-status{bottom:max(12px,env(safe-area-inset-bottom));font-size:11px}}
@media(prefers-reduced-motion:reduce){.packet-foreground,.pack-open-dialog:before,.pack-open-dialog.pack-torn .packet-cap,.pack-open-dialog.pack-torn .packet-body,.arrival-landed{animation:none}}