.pack-scene{position:relative;width:100%;display:flex;align-items:center;justify-content:center;min-height:min(74dvh,560px)}.pack-scene--done{min-height:0}.pack-stage-dim{position:fixed;inset:0;z-index:20;background:radial-gradient(100% 85% at 50% 40%,rgba(201,169,98,.07) 0,rgba(0,0,0,.94) 50%,#000 100%);pointer-events:none}.pack-anchor{position:absolute;z-index:25;width:min(80%,290px);aspect-ratio:696/1380;max-height:min(70dvh,540px);left:50%;top:50%;translate:-50% -50%;touch-action:none;user-select:none;-webkit-user-select:none}.pack-whoosh-trail{left:50%;top:30%;width:3px;height:150%;transform:translateX(-50%);background:linear-gradient(180deg,transparent,rgba(255,232,165,.9) 30%,rgba(201,169,98,.5) 60%,transparent);filter:blur(2px);box-shadow:0 0 24px rgba(255,220,130,.5);animation:pack-trail-fade 1s ease-out forwards}.pack-halo,.pack-whoosh-trail{position:absolute;pointer-events:none}.pack-halo{inset:-22%;background:radial-gradient(50% 46% at 50% 50%,rgba(201,169,98,calc(.08 + var(--pack-pull, 0) * .08)) 0,rgba(255,255,255,.02) 45%,transparent 72%);filter:blur(36px);opacity:.55;animation:pack-halo-breathe 4.5s ease-in-out infinite}.pack-ground-shadow{position:absolute;left:8%;right:8%;bottom:-5%;height:18px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.65) 0,transparent 78%);filter:blur(10px);opacity:.7;animation:pack-shadow-breathe 5.5s ease-in-out infinite;pointer-events:none}.pack-float--held{animation-play-state:paused}.pack-tilt{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .16s ease-out;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.pack-piece,.pack-tilt{position:absolute;inset:0}.pack-piece{background-image:url(/pack/pack.webp);background-size:contain;background-position:50%;background-repeat:no-repeat;pointer-events:none}.pack-piece--full{z-index:2}.pack-visual--fall{animation:pack-body-fall .8s cubic-bezier(.55,0,.85,.5) forwards}.pack-piece--body{clip-path:inset(16% 0 0 0);z-index:1;transform:translateZ(0)}.pack-piece--lid{clip-path:inset(0 0 84% 0)}.pack-float{animation:pack-hover 5.5s ease-in-out infinite;perspective:1200px}.pack-float,.pack-visual{position:absolute;inset:0}.pack-visual{z-index:2;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.pack-piece--fullbleed{position:absolute;inset:0;clip-path:inset(0 0 84% 0)}.pack-seal-full{z-index:3}.pack-seal-attached-wrap{position:absolute;inset:0;clip-path:inset(0 0 84% calc(var(--tear, 0) * 100%));z-index:3;transform:translateZ(2px);pointer-events:none}.pack-seal-torn-wrap{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--tear, 0) * 100%) 84% 0);z-index:8;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-origin:calc(var(--tear, 0) * 100%) 100%;transform:translateZ(calc(16px + var(--tear, 0) * 32px)) translateY(calc(var(--tear, 0) * -28px)) rotateX(calc(var(--tear, 0) * -55deg)) rotate(calc(var(--tear, 0) * -5deg));filter:drop-shadow(0 16px 22px rgba(0,0,0,.8));pointer-events:none}.pack-seal-torn-wrap .pack-piece--fullbleed{transform:translateZ(2px)}.pack-tear-opening{top:15.2%;left:0;width:calc(var(--tear, 0) * 100%);height:4px;z-index:2;background:linear-gradient(180deg,rgba(255,236,180,.55),rgba(20,18,12,.95) 45%,rgba(0,0,0,1));box-shadow:0 0 14px 4px rgba(255,220,130,.45),inset 0 1px 0 rgba(255,248,220,.35);transform:translateZ(4px)}.pack-tear-hint,.pack-tear-opening{position:absolute;pointer-events:none}.pack-tear-hint{top:15.5%;left:8%;right:8%;height:1px;z-index:6;background:linear-gradient(90deg,transparent,rgba(201,169,98,.35) 20%,rgba(255,236,180,.55) 50%,rgba(201,169,98,.35) 80%,transparent);background-size:200% 100%;animation:pack-hint-shimmer 2.6s ease-in-out infinite}@keyframes pack-hint-shimmer{0%{background-position:120% 0;opacity:.35}50%{background-position:0 0;opacity:.75}to{background-position:-120% 0;opacity:.35}}.pack-lid-fly{position:absolute;inset:0;z-index:6;pointer-events:none}.pack-lid-fly,.pack-piece--lid-fly{animation:pack-lid-fly .65s cubic-bezier(.3,0,.8,.4) forwards}.pack-piece--body-fall{animation:pack-body-fall .8s cubic-bezier(.55,0,.85,.5) forwards}.pack-sheen{inset:4% 12%;z-index:4;background:linear-gradient(118deg,transparent 38%,rgba(255,255,255,.09) 47%,rgba(201,169,98,.14) 51%,rgba(255,255,255,.06) 55%,transparent 64%);mix-blend-mode:screen;animation:pack-foil-shift 5.5s ease-in-out infinite;clip-path:inset(18% 0 0 0)}.pack-open-zone,.pack-sheen{position:absolute;pointer-events:none}.pack-open-zone{left:0;right:0;bottom:-11%;z-index:8;display:flex;flex-direction:column;align-items:center}.pack-open-hint{letter-spacing:.26em;color:rgba(255,255,255,.42);animation:pack-open-pulse 2.4s ease-in-out infinite}.pack-open-hint,.pack-skip-btn{font-size:9px;font-weight:600;text-transform:uppercase}.pack-skip-btn{position:fixed;z-index:45;right:max(18px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:rgba(255,255,255,.5);letter-spacing:.2em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .18s ease,border-color .18s ease}.pack-skip-btn:hover{color:rgba(255,255,255,.9);border-color:rgba(201,169,98,.45)}.pack-flash{inset:0;z-index:32;background:radial-gradient(circle at 50% 46%,rgba(255,246,214,.5) 0,rgba(255,226,150,.14) 32%,transparent 58%);animation:pack-flash-fade .52s ease-out forwards}.pack-flash,.pack-sparks{position:fixed;pointer-events:none}.pack-sparks{z-index:36;left:50%;top:40%;width:0;height:0}.pack-spark{position:absolute;left:0;top:0;border-radius:1.5px;background:linear-gradient(135deg,#ffe9b0,#c9a962);box-shadow:0 0 6px rgba(255,220,130,.55);animation:pack-spark-fly .85s cubic-bezier(.16,1,.3,1) var(--delay,0s) forwards;opacity:0}.pack-spark--white{background:linear-gradient(135deg,#ffffff,#d8d8de);box-shadow:0 0 5px rgba(255,255,255,.4)}.pack-legendary{position:fixed;z-index:40;left:50%;top:30%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.pack-legendary-glow{position:absolute;inset:-70% -50%;background:radial-gradient(closest-side,rgba(255,224,138,.35) 0,rgba(201,169,98,.12) 45%,transparent 75%);filter:blur(16px);animation:pack-halo-breathe 1.2s ease-in-out infinite}.pack-legendary-text{position:relative;display:flex;justify-content:center;gap:.02em;font-family:var(--font-instrument),system-ui,sans-serif;font-size:clamp(2.1rem,9.5vw,3.2rem);font-weight:700;font-style:italic;letter-spacing:.08em}.pack-legendary-letter{display:inline-block;background:linear-gradient(100deg,#c9a962,#ffe08a 22%,#fffef5 38%,#ffe08a 54%,#c9a962 72%,#fff4d0);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(201,169,98,.95)) drop-shadow(0 3px 0 rgba(0,0,0,.55));animation:pack-text-shimmer 1.8s linear .5s infinite}.pack-legend-vignette{inset:0;z-index:30;background:radial-gradient(120% 100% at 50% 45%,transparent 40%,rgba(201,169,98,.16) 78%,rgba(255,220,130,.28) 100%);animation:pack-vignette-pulse 1.1s ease-in-out infinite}.pack-legend-vignette,.pack-ring{position:fixed;pointer-events:none}.pack-ring{z-index:33;left:50%;top:34%;width:70px;height:70px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(255,228,150,.85);box-shadow:0 0 22px rgba(255,220,130,.6),inset 0 0 16px rgba(255,220,130,.35);animation:pack-ring-grow .85s cubic-bezier(.16,1,.3,1) forwards}.pack-ring--late{animation-delay:.18s;opacity:0;border-color:rgba(201,169,98,.55)}.pack-legendary-sub{position:relative;font-size:9px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:rgba(255,236,180,.72);text-shadow:0 0 14px rgba(201,169,98,.6)}.pack-card-mount{position:relative;z-index:12;width:100%;transform-style:preserve-3d;perspective:1200px}.pack-card-mount--hidden{pointer-events:none;opacity:0}.pack-card-aura{position:absolute;inset:-8%;z-index:-1;background:radial-gradient(55% 50% at 50% 48%,rgba(255,224,138,.18) 0,rgba(201,169,98,.06) 45%,transparent 72%);filter:blur(30px);animation:pack-aura-settle 1.6s ease-out forwards;pointer-events:none}@keyframes pack-trail-fade{0%{opacity:1;transform:translateX(-50%) scaleY(1)}to{opacity:0;transform:translateX(-50%) scaleY(.15)}}@keyframes pack-halo-breathe{0%,to{opacity:.65;transform:scale(.97)}50%{opacity:1;transform:scale(1.04)}}@keyframes pack-shadow-breathe{0%,to{opacity:.9;transform:scaleX(1)}33%{opacity:.6;transform:scaleX(.92)}66%{opacity:.8;transform:scaleX(.97)}}@keyframes pack-hover{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-9px) rotate(.7deg)}66%{transform:translateY(-3px) rotate(-.6deg)}}@keyframes pack-hint-slide{0%{left:0;opacity:0}12%{opacity:1}78%{opacity:1}to{left:calc(100% - 14px);opacity:0}}@keyframes pack-lid-fly{0%{transform:translateY(-12%) rotate(-3deg);opacity:1}to{transform:translateY(-150%) rotate(-24deg) translateX(16%);opacity:0}}@keyframes pack-body-fall{0%{transform:translateY(0) rotate(0deg) scale(1);opacity:1}to{transform:translateY(60%) rotate(5deg) scale(.9);opacity:0}}@keyframes pack-foil-shift{0%,to{transform:translateX(-10%) skewX(-3deg);opacity:.5}50%{transform:translateX(10%) skewX(3deg);opacity:.85}}@keyframes pack-open-pulse{0%,to{opacity:.4}50%{opacity:.85}}@keyframes pack-flash-fade{0%{opacity:1}to{opacity:0}}@keyframes pack-spark-fly{0%{opacity:1;transform:translate(0) rotate(0deg) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(var(--dx,0),calc(var(--dy, 0) + 60px)) rotate(var(--rot,180deg)) scale(.7)}}@keyframes pack-aura-settle{0%{opacity:0;transform:scale(.7)}35%{opacity:1;transform:scale(1.08)}to{opacity:.55;transform:scale(1)}}@keyframes pack-text-shimmer{0%{background-position:125% 0}to{background-position:-125% 0}}@keyframes pack-vignette-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes pack-ring-grow{0%{opacity:1;transform:translate(-50%,-50%) scale(.3)}to{opacity:0;transform:translate(-50%,-50%) scale(11)}}@media (max-width:639px){.pack-anchor{width:min(86%,300px)}.pack-scene{min-height:min(68dvh,520px)}.pack-ground-shadow,.pack-halo{animation:none;filter:blur(16px)}.pack-sparks{display:none}.pack-flash{opacity:.65}.pack-card-mount,.pack-lid-fly,.pack-piece{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}}@media (prefers-reduced-motion:reduce){.pack-anchor,.pack-card-aura,.pack-flash,.pack-legend-vignette,.pack-legendary,.pack-ring,.pack-skip-btn,.pack-sparks,.pack-stage-dim{display:none!important}}