.celebration-overlay{position:fixed;inset:72px 0 0;z-index:32;pointer-events:none;overflow:hidden}.celebration-overlay canvas{width:100%;height:100%;display:block}.celebration-skip{position:absolute;right:20px;top:14px;pointer-events:auto;background:#14283be8;color:#dfd9c9;border:1px solid #d9c6a145;border-radius:7px;padding:10px 13px;font:700 10px var(--ui-font);cursor:pointer}.celebration-poster{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:25px;text-align:center;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--accent) 19%,transparent),transparent 65%),linear-gradient(140deg,#263b50,#102135);color:#f0dfbd}.celebration-poster svg{width:95px;height:95px;fill:none;stroke:var(--accent);stroke-width:2}.celebration-poster strong{font:800 22px var(--ui-font)}.celebration-poster small{color:#abc0ce;font:700 9px var(--ui-font);letter-spacing:.12em}.shop-product .celebration-poster{min-height:370px;height:100%}.shop-product .celebration-poster svg{width:150px;height:150px}.celebration-preview-button{margin:14px 0!important;width:100%}.celebration-preview-note{font:12px/1.6 var(--ui-font);color:#adbfcb}.celebration-overlay:has(+*){isolation:isolate}@media(max-width:600px){.celebration-poster{min-height:140px;padding:16px;gap:12px}.celebration-poster strong{font-size:16px}.celebration-poster svg{width:64px;height:64px}.celebration-skip{right:10px;top:10px;font-size:8px}}
.inventory-celebration-poster{display:grid;place-items:center;min-height:100px;background:radial-gradient(ellipse,#bda16830,transparent 75%);color:#d7b880;font:700 10px var(--ui-font);text-align:center;letter-spacing:.08em}.inventory-tabs{flex-wrap:wrap}.inventory-tabs button{min-width:90px}
.celebration-poster canvas{width:100%;height:auto;max-height:170px;object-fit:contain;display:block}.shop-product .celebration-poster canvas{max-height:300px}.celebration-poster{gap:8px}
.celebration-preview-podium{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;width:min(420px,65vw);opacity:.9;text-align:center;z-index:-1;filter:drop-shadow(0 8px 18px #07152599)}.celebration-preview-podium>span{position:relative;flex:1;height:65px;background:linear-gradient(120deg,#b9cddd,#657e92);border-top:4px solid #c4d8e6;color:#233447;font:900 34px var(--ui-font);padding:8px;box-sizing:border-box}.celebration-preview-podium>span:nth-child(2){height:104px;background:linear-gradient(120deg,#f3d495,#aa7a45);border-color:#f5dfa9}.celebration-preview-podium>span:nth-child(3){height:49px;background:linear-gradient(120deg,#d9a27e,#865540);border-color:#e6b895}.celebration-preview-podium small{display:block;font:800 7px var(--ui-font);letter-spacing:.1em}
@media(max-width:600px){.shop-tabs{overflow-x:auto;gap:18px}.shop-tabs button{flex-shrink:0;white-space:nowrap;font-size:9px;letter-spacing:1px}}
.celebration-overlay.celebration-preview{background:linear-gradient(180deg,#07132391,#071323b5);isolation:isolate}

/* Fade the entire presentation, including reduced-motion previews, within its three-second lifetime. */
.celebration-overlay{animation:celebration-dismiss 3s linear both}
@keyframes celebration-dismiss{0%,83.333333%{opacity:1}100%{opacity:0}}

.shop-vip{display:flex;align-items:center;gap:40px;padding:clamp(24px,5vw,70px);border:1px solid #d0b27d70;background:radial-gradient(ellipse at 15% 40%,#e8bf7330,transparent 60%),linear-gradient(130deg,#263950,#101b2b);border-radius:16px}.shop-vip h3{font-size:clamp(30px,5vw,60px);color:#f0d9a6;margin:15px 0}.shop-vip p{max-width:580px;color:#b8c8d6;line-height:1.7}.shop-vip-seal{font:110px Georgia;color:#efcf8b;text-shadow:0 3px #725336,0 0 40px #e9bf6050}@media(max-width:600px){.shop-vip{flex-direction:column;gap:8px;align-items:flex-start}.shop-vip-seal{font-size:64px}}
