.pack-shop{color:#e2f5f4;background:linear-gradient(130deg,#153c44b0,#08141d);border:1px solid #38626b;border-radius:20px;min-width:0;padding:clamp(18px,3vw,32px)}.pack-shop-hero{grid-template-columns:minmax(130px,.6fr) minmax(0,1.4fr);align-items:center;gap:clamp(20px,4vw,48px);display:grid}.pack-shop-art{background:radial-gradient(#51f8ec70,#0000 72%);width:min(210px,100%);margin:auto;padding:14px;transform:rotate(-7deg)}.pack-shop-art img{aspect-ratio:63/88;border-radius:10px;width:100%;height:auto;display:block;box-shadow:0 0 36px #37dbe22b}.pack-shop h2{margin:12px 0;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.1}.pack-shop p{color:#b6d5d8;line-height:1.55}.pack-wallet,.pack-wallet>span,.pack-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pack-wallet{color:#9aefdc;gap:24px;margin:18px 0;font-size:1.15rem}.pack-shop .syn-icon,.pack-reveal .syn-icon{flex:none;width:24px;height:24px}.pack-shop button,.pack-reveal button{color:#e3f5f3;cursor:pointer;min-height:44px;font:inherit;background:#122c36;border:1px solid #46707b;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;display:inline-flex}.pack-shop button:disabled{opacity:.5;cursor:default}.pack-shop button.pack-primary,.pack-reveal button.pack-primary{color:#04232b;background:linear-gradient(120deg,#8af8df,#3ad9ed);border-color:#85eede;font-weight:750}.pack-shop small{color:#a5c6cb;margin-top:14px;font-size:.85rem;line-height:1.5;display:block}.pack-shop :focus-visible,.pack-reveal :focus-visible{outline-offset:4px;outline:3px solid #f1d48c}.pack-confirm{border:1px solid #e2cd8d;border-radius:12px;margin:18px 0;padding:18px}.pack-guarantee{border-top:1px solid #365663;align-items:center;gap:18px;margin:28px 0 14px;padding-top:24px;display:flex}.pack-guarantee>div{flex:1}.pack-shop progress{accent-color:#70e4da;width:100%;height:8px;margin:12px 0;display:block}.pack-shop summary{cursor:pointer;min-height:44px;padding:14px 0}.pack-history{flex-wrap:wrap;gap:10px;display:flex}.pack-reveal{box-sizing:border-box;color:#e5f6f5;background:radial-gradient(at 50% 45%,#164755,#07131df7 68%);border:1px solid #78dfe2;border-radius:20px;width:min(1180px,100vw - 20px);max-height:calc(100dvh - 20px);padding:clamp(14px,2vw,24px)}.pack-reveal::backdrop{background:#020c12dc}.pack-reveal>header{z-index:3;background:#0b202bef;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex;position:sticky;top:0}.pack-reveal h2{margin:4px 0;font-size:clamp(1.3rem,3vw,1.8rem)}.pack-reveal header span{color:#99e4e0;letter-spacing:.13em;font-size:.68rem}.pack-reveal-stage{justify-content:center;display:grid}.pack-reveal-card{aspect-ratio:63/88;isolation:isolate;border-radius:9px;width:min(340px,76vw,37.9432dvh);position:relative}.pack-electric-front{width:100%;height:100%}.pack-electric-front>.ar-card{width:100%;height:100%;display:block}.pack-electric-veil{pointer-events:none;opacity:1;background:#102c35;border:2px solid #66f8e9;border-radius:10px;transition:opacity .8s,filter .8s;position:absolute;inset:-2px;overflow:hidden;box-shadow:0 0 25px #58f8e94d}.pack-electric-veil img{object-fit:contain;opacity:.8;width:100%;height:100%;display:block}.pack-electric-veil i{background:linear-gradient(110deg,#0000 20%,#4aece580 36%,#e0fff7 44%,#31d9f6b3 49%,#0000 63%);animation:1.8s ease-out both pack-energy;position:absolute;inset:-80% -40%;transform:translateY(-45%)rotate(14deg)}.pack-reveal-card[data-revealed=true]>.pack-electric-veil{opacity:0;filter:brightness(1.4)}.pack-reveal-card[data-rarity=LEGENDARY]{box-shadow:0 0 30px #edd7893d}.pack-compensation{box-sizing:border-box;text-align:center;background:radial-gradient(circle,#365455,#14242c);border:1px solid #c9d79d;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.pack-compensation strong{color:#d0f0be;font-size:3rem}.pack-compensation p{font-size:1rem}.pack-reveal footer{text-align:center;margin-top:12px}.pack-reveal footer p{margin:8px 0;font-size:.9rem}.pack-reveal footer nav{justify-content:center;gap:8px;margin:10px 0;display:flex}.pack-reveal footer nav button{border-radius:50%;width:44px;padding:6px}.pack-reveal footer nav button[aria-current=step]{color:#08232b;background:#80f2dd}.pack-reveal footer .pack-actions{justify-content:center}.pack-reveal footer small{color:#9cbbc1;margin-top:12px;font-size:.8rem;display:block}.pack-reveal-gallery{scroll-snap-type:x proximity;gap:14px;padding:12px 4px 20px;display:flex;overflow-x:auto}.pack-reveal-gallery .pack-reveal-card{scroll-snap-align:center;flex:none;width:min(300px,76vw,37.9432dvh)}.pack-reveal [data-zoom=true] .pack-reveal-card{width:min(430px,82vw)}@keyframes pack-energy{to{transform:translateY(45%)rotate(14deg)}}@media (max-width:560px){.pack-shop-hero{grid-template-columns:1fr;gap:10px}.pack-shop-art{width:130px}.pack-shop-hero h2{font-size:1.65rem}.pack-actions{gap:8px}.pack-reveal button{padding:10px 12px;font-size:.875rem}}@media (prefers-reduced-motion:reduce){.pack-electric-veil{transition:none;display:none}.pack-electric-veil i{animation:none}}.pack-reveal [data-reduced=true] .pack-electric-veil{display:none}
.beta-reward-notice{box-sizing:border-box;color:#d7f9f2;background:linear-gradient(110deg,#17454b,#0c232b);border:1px solid #427f82;border-radius:12px;align-items:flex-start;gap:14px;width:100%;margin:18px 0;padding:16px 20px;display:flex}.beta-reward-notice>.syn-icon{color:#74ece1;flex:none;width:24px;height:24px}.beta-reward-notice strong{font-size:1rem}.beta-reward-notice p{max-width:105ch;line-height:1.55;color:#bcdad9!important;margin:6px 0 0!important;font-size:.875rem!important}@media (max-width:560px){.beta-reward-notice{gap:10px;padding:14px}}