#boosterShop { width:min(880px,94vw); max-height:92dvh; overflow:auto; padding:28px; color:#e9f5ff; border:1px solid #12d9f4; background:radial-gradient(ellipse at 80% 0,#75305a66,transparent 65%),#0b1420; }
#boosterShop::backdrop { background:#030812dd; backdrop-filter:blur(8px); }
.shop-header { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }.shop-header h2 { font:900 42px var(--display); margin:4px 0; color:#ffdc38; }.shop-header p { color:#a4bed0; font-size:13px; }.shop-wallet { display:flex; justify-content:space-between; align-items:center; padding:14px 18px; border:1px solid #ffdc3855; background:#ffdc3809; margin:12px 0 20px; }.shop-wallet span { font:12px var(--display); }.shop-wallet strong { color:#ffdc38; font:900 26px var(--display); }
#shopProduct .booster-zone { width:100%; border:1px solid #12d9f433; padding:20px; background:#0a1524; }#shopProduct .booster-results { min-height:220px; }#shopProduct .sealed-booster { max-width:240px; margin:auto; }#shopProduct #openBooster { width:100%; margin-top:16px; min-height:48px; }
.shop-note { text-align:center; font-size:11px; line-height:1.7; color:#9fb4c5; }.home-links { display:flex; flex-direction:column; gap:10px; }#homeShop { color:#ffdc38; }
#progressDialog .progress-body { grid-template-columns:1fr; }
@media(max-width:600px) { #boosterShop { padding:18px; }.shop-header h2 { font-size:32px; } }

/* Boutique : un produit permanent, puis les vraies cartes du dernier tirage. */
#boosterShop { width:min(1120px,96vw); padding:clamp(18px,3vw,36px); background:radial-gradient(ellipse at 100% 0,#123e50 0,transparent 48%),radial-gradient(ellipse at 0 65%,#36203e 0,transparent 55%),#080f19; border:1px solid #426472; border-top:4px solid var(--cyan); }
.shop-header h2 { font-size:clamp(36px,5vw,58px); color:#f0f8ff; letter-spacing:.04em; }
.shop-header p { font-size:16px; margin:6px 0; }
.shop-wallet { margin:20px 0; border-color:#efd55366; background:#eed33a0a; border-left:4px solid var(--yellow); }
.shop-wallet span { font-size:14px; letter-spacing:.12em; }
#shopProduct .booster-zone { padding:0; border:0; background:none; }
.booster-title { gap:12px; }.booster-title > small { font-size:13px; }
.shop-hero { display:grid; grid-template-columns:minmax(180px,.8fr) 1.2fr; align-items:center; gap:28px; margin:18px 0 28px; padding:24px; border:1px solid #376370; background:linear-gradient(120deg,#12d9f414,transparent 60%),#07111bbd; }
.shop-pack-art { width:min(100%,250px); aspect-ratio:666/793; justify-self:center; background:url('assets/booster-genesis-illustrated.png') no-repeat; background-size:251.05% 118.66%; background-position:52.29% 33.78%; transform:rotate(-5deg); transition:transform .25s; }
.shop-pack-art:hover { transform:rotate(-2deg) translateY(-5px); }
.shop-offer h3 { margin:12px 0; color:#f1f9ff; font:900 clamp(24px,3vw,38px)/1.12 var(--display); }
.shop-offer p { font-size:16px; color:#bad0da; line-height:1.6; }
.shop-guarantee { display:flex; flex-wrap:wrap; gap:12px; font:800 14px var(--display); color:var(--cyan); }.shop-guarantee span { color:#b5c6d0; }
#shopProduct #openBooster { min-height:54px; font-size:16px; color:#08141b; background:var(--cyan); box-shadow:none; }
.shop-last-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:10px; border-top:1px solid #355463; padding-top:24px; }.shop-last-heading h3 { margin:0; font:900 23px var(--display); }.shop-last-heading span { color:#a8c0cc; font-size:14px; }
#shopProduct .booster-results { grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(12px,3vw,32px); align-items:start; padding:24px 0 30px; }
#shopProduct .booster-results[hidden],.shop-last-heading[hidden] { display:none; }
.shop-pull { display:flex; flex-direction:column; align-items:center; gap:7px; min-width:0; width:100%; border:0; padding:0; color:#eff8ff; background:none; cursor:pointer; text-align:center; transition:transform .2s; }
.shop-pull-face { display:block; position:relative; container-type:inline-size; width:100%; max-width:260px; aspect-ratio:2/3; isolation:isolate; }
.shop-pull:hover { transform:translateY(-6px); }.shop-pull:focus-visible { outline:2px solid var(--cyan); outline-offset:6px; }
.shop-pull-rarity { margin-top:8px; color:var(--rarity); text-transform:uppercase; font:800 14px var(--display); letter-spacing:.12em; }
.shop-pull strong { font:800 17px var(--display); }.shop-pull small { color:#b4cbd5; font-size:12px; line-height:1.5; }
#boosterShop #backShop { border-top:1px solid #355463; margin-top:12px; padding-top:24px; }#boosterShop #backShop h3 { font-size:24px; }#boosterShop #backShop p { font-size:14px; color:#adc3cf; }
#boosterShop #backShopGrid article { background:#0b1a27; border:1px solid #304b5c; padding:16px; }
.shop-note { font-size:13px; line-height:1.7; margin-top:24px; }
@media(max-width:600px) { .shop-hero { grid-template-columns:1fr; gap:12px; padding:18px; }.shop-pack-art { width:165px; }.shop-offer { text-align:center; }.shop-guarantee { justify-content:center; }#shopProduct .booster-results { grid-template-columns:1fr; gap:28px; }.shop-pull-face { max-width:260px; }.booster-title { align-items:flex-start; } }
@media(prefers-reduced-motion:reduce) { .shop-pull,.shop-pack-art { transition:none; }.shop-pull:hover,.shop-pack-art:hover { transform:none; } }