#pack-rain,#pack-fx{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#pack-rain{z-index:48}#pack-fx{z-index:75}
#pack-mv{position:fixed;width:2px;height:2px;opacity:0;pointer-events:none}
.pack-chip{position:fixed;left:0;top:0;width:26px;height:26px;border-radius:50%;z-index:74;pointer-events:none;background:repeating-conic-gradient(#ffd24a 0 20deg,#a8071a 20deg 40deg);border:3px solid #111;box-shadow:inset 0 0 0 3px #a8071a}
#pack-flash{position:fixed;inset:0;pointer-events:none;z-index:49;opacity:0;background:radial-gradient(circle,transparent 25%,#000e)}
#pack-flash.show{animation:pack-fl 1.1s}@keyframes pack-fl{25%,65%{opacity:1}100%{opacity:0}}
.pack-rake{position:fixed;left:0;top:0;z-index:72;pointer-events:none;width:150px;height:10px;border-radius:5px;background:linear-gradient(#c58a3a,#5a2d0c);box-shadow:0 6px 10px #0008}.pack-rake:before{content:"";position:absolute;left:-8px;top:-14px;width:12px;height:38px;border-radius:4px;background:linear-gradient(90deg,#d9a24e,#6a3510)}
#pack-banner{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;z-index:60;opacity:0}
#pack-banner span{font:900 clamp(34px,11vw,90px) Cinzel,serif;text-align:center;line-height:1.1}
#pack-banner small{display:block;font:700 22px system-ui;margin-top:8px}
#pack-banner.show{animation:pack-pop 1.5s forwards}
@keyframes pack-pop{0%{opacity:0;transform:scale(.3)}12%{opacity:1;transform:scale(1.15)}20%{transform:scale(1)}85%{opacity:1}100%{opacity:0;transform:scale(1.1)}}
#pack-banner.w span{color:var(--gold);text-shadow:0 0 12px #ff9d00,0 4px 0 #5a2a00}
#pack-banner.l span{color:#e9dcb4;font-size:clamp(26px,8vw,54px);text-shadow:0 2px 12px #000}

#pack-banner.n span{color:#fff0a8}
#pack-big{position:fixed;inset:0;z-index:70;display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle,#0000 20%,#000d);overflow:hidden;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s}#pack-big.show{opacity:1;visibility:visible}#pack-big:not(.show) .pack-rays{animation-play-state:paused}
.pack-rays{position:absolute;left:50%;top:50%;width:150vmax;height:150vmax;margin:-75vmax 0 0 -75vmax;background:repeating-conic-gradient(#ffd24a44 0 8deg,transparent 8deg 20deg);animation:pack-rot 10s linear infinite;will-change:transform}
@keyframes pack-rot{to{transform:rotate(360deg)}}
.pack-bw{position:relative;text-align:center;will-change:transform;animation:pack-sl .45s cubic-bezier(.2,1.6,.4,1),pack-pu .5s .45s infinite alternate}@keyframes pack-sl{from{transform:scale(4);opacity:0}}
#pack-bt2{font:900 clamp(44px,13vw,120px) Cinzel,serif;background:linear-gradient(#fffbe0,#ffd24a 45%,#b8740a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px #ff9d00) drop-shadow(0 6px 0 #5a2a00)}
@keyframes pack-pu{to{transform:scale(1.08)}}
#pack-bamt{font:900 clamp(34px,10vw,80px) Cinzel,serif;color:#fff;text-shadow:0 0 20px #ffd24a,0 4px 0 #7a0f24}
#pack-bsub{font:700 20px system-ui;color:#ffe9a0;letter-spacing:.08em;padding:0 12px}
#pack-big.mega .pack-rays{animation-duration:4s}#pack-big.super .pack-rays{animation-duration:2s;background:repeating-conic-gradient(#ff2d6b77 0 8deg,#ffd24a77 8deg 20deg)}#pack-big.super .pack-bw{animation-duration:.45s,.25s}
body.pack-shake #app{animation:pack-s2 .12s infinite}@keyframes pack-s2{25%{transform:translate(-5px,3px)}75%{transform:translate(5px,-3px)}}
.pack-clap{position:fixed;bottom:0;font-size:35px;z-index:76;pointer-events:none;font-style:normal}
.pack-bulbs{position:absolute;left:14px;right:14px;display:flex;justify-content:space-between;z-index:2;pointer-events:none}.pack-bulbs.t{top:5px}.pack-bulbs.b{bottom:5px}
.pack-gem{position:absolute;left:50%;top:-20px;width:36px;height:36px;margin-left:-18px;transform:rotate(45deg);background:linear-gradient(135deg,#ff6b88,#c8102e 50%,#6a0516);border:3px solid #f5c542;box-shadow:0 0 18px #ff3b5c;z-index:3}
#pack-banner span,#pack-bt2,#pack-bamt{font-family:'Cinzel','Cormorant Garamond',Georgia,serif}
#pack-big,#pack-banner,#pack-flash{--gold:#f5c542;--gold2:#fff0a8}
#pack-banner small{max-width:90vw;margin-inline:auto}#pack-bsub{overflow-wrap:anywhere}
.low-motion #pack-fx,.low-motion #pack-rain,.low-motion .pack-clap,.low-motion .pack-rake,.low-motion .pack-chip,.low-motion .pack-rays{display:none}
.low-motion #pack-banner.show{opacity:1}
@media(prefers-reduced-motion:reduce){#pack-fx,#pack-rain,.pack-clap,.pack-rake,.pack-chip,.pack-rays{display:none}#pack-banner.show{opacity:1}}
#pack-effects{pointer-events:none}#pack-banner{padding:18px}#pack-banner span{font-family:'Bebas Neue',sans-serif;letter-spacing:2px;max-width:94vw;font-size:clamp(38px,11vw,80px)}#pack-banner small{font-family:Manrope,sans-serif;font-size:12px;line-height:1.6;letter-spacing:0;max-width:90vw;color:#fff0ce}#pack-bt2{font-family:'Bebas Neue',sans-serif;font-size:clamp(52px,16vw,118px);line-height:1;letter-spacing:1px;white-space:nowrap}.pack-bw{padding:18px;width:96vw;max-width:900px}#pack-bamt{font-family:'Bebas Neue',sans-serif;font-size:clamp(38px,12vw,80px)}#pack-bsub{font-family:Manrope,sans-serif;font-size:12px;line-height:1.8;letter-spacing:.1px}#pack-big.show .pack-bw{animation:pack-sl .45s cubic-bezier(.2,1.6,.4,1),pack-pu .5s .45s infinite alternate}#pack-big:not(.show) .pack-bw{animation:none}.low-motion .pack-bw{animation:none!important}#pack-big{z-index:90}#pack-fx{z-index:95}#pack-banner{z-index:92}.pack-chip,.pack-rake,.pack-clap{z-index:94}#pack-rain{z-index:87}#pack-flash{z-index:88}

#pack-bamt{font-size:clamp(50px,17vw,100px)}#pack-bsub{font-size:12px}#pack-bt2{font-size:clamp(56px,18vw,120px)}
