.shop-hero{position:relative;max-width:none;padding-left:max(24px,calc((100vw - 1192px)/2));padding-right:max(24px,calc((100vw - 1192px)/2));background:linear-gradient(90deg,#07111ff2,#08111ec9 46%,#08111e35),url('metora-shop.jpg') center/cover;min-height:720px}.shop-hero:after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(transparent,var(--bg));pointer-events:none}.shop-hero .hero-copy{z-index:2}.shop-hero .hero-stage{opacity:.2}.cosmic-room{position:relative;overflow:hidden;min-height:900px;background:radial-gradient(circle at 50% 52%,#1a4773,#101d35 31%,#07101e 70%)}.cosmic-room:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#30e7d0 1px,transparent 1px);background-size:43px 43px,71px 71px;opacity:.2;animation:stars 10s linear infinite}@keyframes stars{to{background-position:43px 86px,91px 162px}}.wallet{position:absolute;right:24px;top:25px;z-index:3;background:#101f35e8;border:1px solid #ffd43b77;border-radius:16px;padding:11px 18px}.wallet span{display:block;color:#ffd43b;font:900 8px 'Exo 2';letter-spacing:1.5px}.wallet strong{display:block;text-align:right;font:900 24px 'Exo 2'}.pack-page .pack-intro{position:relative;z-index:2;margin-top:45px;margin-bottom:0}.pack-page .pack-intro h1{background:linear-gradient(90deg,#fff,#6affec,#ffd34c,#fff);background-size:200%;-webkit-background-clip:text;color:transparent;animation:titleGlow 3s linear infinite}@keyframes titleGlow{to{background-position:200%}}.odds{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.odds span{padding:7px 12px;border:1px solid #ffffff20;border-radius:20px;background:#08111eb8;font:800 10px 'Exo 2';letter-spacing:1px}.cosmic-room .pack-area{position:relative;z-index:2;min-height:540px}.pack-image{position:relative;width:285px;height:430px;border:0;background:transparent;padding:0;cursor:pointer;z-index:3;filter:drop-shadow(0 25px 28px #0009) drop-shadow(0 0 24px #30e7d070);transition:.25s}.pack-image:hover{transform:scale(1.05) rotate(-2deg)}.pack-image img{width:100%;height:100%;object-fit:cover;border-radius:20px}.tap-pulse{position:absolute;left:50%;bottom:-43px;transform:translateX(-50%);white-space:nowrap;border-radius:30px;padding:12px 19px;background:linear-gradient(135deg,#ff9e26,#ffd94f);color:#261302;font:900 12px 'Exo 2';letter-spacing:1px;animation:pulseTap 1.4s infinite}@keyframes pulseTap{70%{box-shadow:0 0 0 15px #ffd43b00}}.tear-line{position:absolute;left:8%;right:8%;top:9%;height:3px}.magic-ring{position:absolute;width:410px;height:150px;bottom:75px;border:4px solid #30e7d055;border-radius:50%;box-shadow:0 0 35px #30e7d080,inset 0 0 35px #30e7d050;animation:ring 3s linear infinite}.magic-ring i{position:absolute;inset:-25px;border:1px dashed #ffd43b60;border-radius:50%;animation:ring 7s linear infinite reverse}.magic-ring i:nth-child(2){inset:-50px;border-color:#a878ff55}.magic-ring i:nth-child(3){inset:-75px;border-color:#ff62b055}@keyframes ring{to{transform:rotate(360deg)}}.charged{animation:ringCharge .3s infinite alternate}@keyframes ringCharge{to{transform:scale(1.15);filter:brightness(2)}}.pack-image.opening{animation:superShake .12s 9 alternate}.pack-image.opening .tear-line{background:white;box-shadow:0 0 20px 8px #7cfff0}.pack-image.opening .tap-pulse{display:none}@keyframes superShake{to{transform:translate(12px,-5px) rotate(5deg) scale(1.06);filter:brightness(1.7)}}.burst{position:absolute;z-index:6;width:180px;height:180px;border-radius:50%;background:white;box-shadow:0 0 50px 40px #fff,0 0 120px 90px #30e7d0,0 0 220px 140px #a878ff;animation:burst .48s forwards}@keyframes burst{to{transform:scale(7);opacity:0}}.reveal-stage{position:relative;z-index:4;text-align:center;padding:35px 20px 100px;min-height:690px}.reveal-title span{color:#ffd43b;font:900 11px 'Exo 2';letter-spacing:2px}.reveal-title h2{font:900 34px 'Exo 2';margin:6px 0 20px}.flip-card{width:300px;height:440px;margin:0 auto 25px;perspective:1100px;cursor:pointer}.flip-inner{position:relative;width:100%;height:100%;transition:transform .72s cubic-bezier(.2,.8,.2,1.25);transform-style:preserve-3d}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.flip-back,.flip-front{position:absolute;inset:0;border-radius:24px;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.flip-back{background:radial-gradient(circle,#1d6c82,#101a3a 50%);border:5px solid #ffd43b;box-shadow:0 0 45px #30e7d080}.flip-back:before,.flip-front:before{content:"";position:absolute;inset:10px;border:2px solid #ffffff70;border-radius:16px}.flip-back span{display:grid;place-items:center;width:125px;height:125px;background:linear-gradient(145deg,#ffd43b,#ff8a25);clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);color:#121b32;font:900 65px 'Exo 2'}.flip-back b{margin-top:30px;font:900 11px 'Exo 2';letter-spacing:3px}.flip-front{transform:rotateY(180deg);overflow:hidden;border:4px solid var(--accent);background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--accent) 55%,transparent),transparent 31%),linear-gradient(145deg,#18304c,#07111e);box-shadow:0 0 45px color-mix(in srgb,var(--accent) 60%,transparent)}.flip-front>small{position:absolute;top:22px;left:22px;font:800 10px 'Exo 2'}.flip-front>div{font-size:135px;filter:drop-shadow(0 15px 20px color-mix(in srgb,var(--accent) 65%,transparent))}.flip-front>span,.flip-front>b{color:var(--accent);font-weight:900}.flip-front h2{font:900 42px 'Exo 2';margin:5px}.flip-front p{margin:0 0 12px;color:#becde0}.legendary-pull{animation:legendaryGlow .5s infinite alternate}@keyframes legendaryGlow{to{box-shadow:0 0 30px #fff,0 0 75px #ffd43b,0 0 120px #ff62b0}}.pack-complete{position:relative;z-index:4;text-align:center;padding:60px 20px 130px}.trophy{font-size:100px;animation:trophy 1s infinite alternate}@keyframes trophy{to{transform:scale(1.1) rotate(5deg)}}.pack-complete h2{font:900 49px 'Exo 2';margin:5px}.summary-cards{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:30px}.summary-cards span{width:105px;height:135px;border:2px solid var(--accent);border-radius:12px;background:#12233a;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:50px}.summary-cards b{font:800 11px 'Exo 2';margin-top:8px}.pack-complete .button{border:0;margin:5px}.confetti{position:fixed;z-index:999;left:var(--x);top:-25px;width:10px;height:18px;background:var(--c);animation:confettiFall var(--d) linear forwards}@keyframes confettiFall{to{transform:translateY(110vh) rotate(var(--r))}}@media(max-width:520px){.wallet{position:relative;top:auto;right:auto;width:max-content;margin:16px auto -25px}.pack-image{width:225px;height:340px}.magic-ring{width:320px}.flip-card{width:265px;height:390px}.flip-front>div{font-size:110px}.pack-complete h2{font-size:38px}}