.pack-opening{position:relative;display:grid;justify-items:center;color:#fff;text-align:center}.sealed-pack{position:relative;z-index:2;display:grid;place-items:center;width:190px;height:235px;border:2px solid #8fb3ff;border-radius:25px;background:linear-gradient(145deg,#153669,#2d66c5 55%,#142e59);box-shadow:0 25px 65px #000b,0 0 0 8px #ffffff0b;overflow:hidden;transform:scale(.82);transition:transform .4s}.sealed-pack::before{content:"";position:absolute;inset:-60%;background:linear-gradient(110deg,transparent 42%,#ffffff45 50%,transparent 58%);animation:pack-shine 1.35s linear infinite}.sealed-pack::after{content:"";position:absolute;inset:12px;border:1px solid #8ec7ff55;border-radius:18px}.sealed-pack span{z-index:1;color:#75f1dd;font-size:4.5rem;filter:drop-shadow(0 0 15px #55d6be)}.sealed-pack b,.sealed-pack small{position:relative;z-index:1}.sealed-pack b{font-size:1.3rem}.sealed-pack small{color:#bcd0ee;text-transform:uppercase;letter-spacing:.14em}.pack-opening>p{margin:1.8rem 0 .7rem;color:#dce7f7;font-weight:750}.opening-dots{display:flex;gap:.45rem}.opening-dots i{width:8px;height:8px;border-radius:50%;background:#55d6be;animation:opening-dot .8s ease-in-out infinite alternate}.opening-dots i:nth-child(2){animation-delay:.2s}.opening-dots i:nth-child(3){animation-delay:.4s}.opening-rays{position:absolute;z-index:0;top:50%;left:50%;width:420px;height:420px;background:repeating-conic-gradient(from 0deg,#6f8edb20 0 8deg,transparent 8deg 19deg);transform:translate(-50%,-57%) scale(.2);opacity:0;transition:transform 1.5s,opacity .5s}.pack-reveal.opening .sealed-pack{animation:pack-rumble .18s linear infinite}.pack-reveal.opening .opening-rays{opacity:1;transform:translate(-50%,-57%) scale(1) rotate(35deg)}.pack-reveal.flash::before{content:"";position:absolute;z-index:20;inset:0;background:#fff;animation:reveal-flash .42s ease-out forwards}.pack-reveal.revealed .reveal-card{animation:reward-enter .55s cubic-bezier(.15,.85,.25,1.2)}.rarity-burst{position:relative;display:grid;place-items:center;margin:1.2rem auto}.rarity-burst::before,.rarity-burst::after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:repeating-conic-gradient(#55d6be55 0 4deg,transparent 4deg 14deg);animation:burst-spin 8s linear infinite}.rarity-burst::after{width:155px;height:155px;background:radial-gradient(circle,#55d6be45,transparent 68%);animation:pulse-burst 1.4s ease-in-out infinite}.rarity-burst .frame-preview{position:relative;z-index:2;margin:0!important}.reward-rarity{display:inline-block;padding:.3rem .7rem;border-radius:99px;background:#cad7e5;color:#29476f}.reveal-rare .opening-rays,.reveal-rare .rarity-burst::before{filter:hue-rotate(35deg)}.reveal-epic .opening-rays,.reveal-epic .rarity-burst::before{filter:hue-rotate(95deg)}.reveal-legendary .opening-rays,.reveal-legendary .rarity-burst::before{filter:hue-rotate(195deg)}.reveal-mythic .opening-rays,.reveal-mythic .rarity-burst::before{filter:hue-rotate(275deg);animation-duration:2s}.reveal-mythic .sealed-pack{box-shadow:0 25px 70px #000b,0 0 45px #d857ff88}.reveal-mythic .reveal-card{box-shadow:0 0 100px #78ffe688,0 30px 90px #000}.profile-frames-section{margin:1.5rem 0 2.5rem;padding:1.4rem;border:1px solid #ffffff22;border-radius:20px;background:linear-gradient(145deg,#102845,#122f52);box-shadow:0 14px 32px #0208172e}.profile-frames-section .shop-section-head p:not(.eyebrow){margin:.25rem 0 0;color:#aebed4}.profile-frame-grid{margin-top:1.25rem;grid-template-columns:repeat(5,minmax(0,1fr))}.profile-frames-empty{grid-column:1/-1;display:grid;justify-items:center;padding:2rem;border:1px dashed #ffffff30;border-radius:15px;text-align:center}.profile-frames-empty p{color:#aebed4}.profile-frames-empty .button{color:#fff;text-decoration:none}@keyframes pack-shine{to{transform:translateX(55%)}}@keyframes opening-dot{to{transform:translateY(-7px);opacity:.35}}@keyframes pack-rumble{0%,100%{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(-4px,2px) rotate(-1deg) scale(1.01)}75%{transform:translate(4px,-2px) rotate(1deg) scale(1.01)}}@keyframes reveal-flash{0%{opacity:0}35%{opacity:1}100%{opacity:0}}@keyframes reward-enter{from{opacity:0;transform:scale(.6) translateY(40px)}to{opacity:1;transform:none}}@keyframes burst-spin{to{transform:rotate(360deg)}}@keyframes pulse-burst{50%{transform:scale(1.2);opacity:.45}}@media(max-width:900px){.profile-frame-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.profile-frame-grid{grid-template-columns:repeat(2,1fr)}.sealed-pack{width:155px;height:195px}.opening-rays{width:320px;height:320px}}
@media(prefers-reduced-motion:reduce){.sealed-pack,.opening-rays,.opening-dots i,.rarity-burst::before,.rarity-burst::after{animation:none!important}.pack-reveal.opening .sealed-pack{transform:scale(1)}}
.pack-reveal{--pack-a:#2d66c5;--pack-b:#142e59;--pack-edge:#8fb3ff;--pack-glow:#4d88ff88;--rarity-a:#72a8ff;--rarity-b:#55d6be}.pack-theme-pro{--pack-a:#8d46c7;--pack-b:#30164f;--pack-edge:#d8a2ff;--pack-glow:#a953ef99}.pack-theme-elite{--pack-a:#e7ad27;--pack-b:#4e2b08;--pack-edge:#ffe39a;--pack-glow:#ffc43da8}.reveal-rare{--rarity-a:#42a5ff;--rarity-b:#84d7ff}.reveal-epic{--rarity-a:#a45cff;--rarity-b:#ef7cff}.reveal-legendary{--rarity-a:#ffb51f;--rarity-b:#fff08b}.reveal-mythic{--rarity-a:#61ffe1;--rarity-b:#e154ff}.pack-reveal .sealed-pack{border-color:var(--pack-edge);background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--pack-a) 86%,white),var(--pack-a) 38%,var(--pack-b) 82%);box-shadow:0 25px 65px #000b,0 0 0 8px #ffffff0b,0 0 42px var(--pack-glow)}.pack-reveal .sealed-pack::after{border-color:color-mix(in srgb,var(--pack-edge) 55%,transparent)}.pack-reveal .sealed-pack span{color:var(--rarity-b);filter:drop-shadow(0 0 16px var(--rarity-a))}.pack-reveal .sealed-pack small{color:color-mix(in srgb,var(--pack-edge) 78%,white)}.rarity-streaks{position:absolute;z-index:1;top:50%;left:50%;width:1px;height:1px;pointer-events:none}.rarity-streaks i{position:absolute;top:0;left:0;width:clamp(170px,26vw,330px);height:3px;border-radius:99px;background:linear-gradient(90deg,var(--rarity-a),var(--rarity-b) 38%,transparent 92%);box-shadow:0 0 8px var(--rarity-a),0 0 18px var(--rarity-b);opacity:0;transform-origin:0 50%;transform:rotate(calc(var(--i)*30deg)) translateX(74px) scaleX(.05)}.pack-reveal.opening .rarity-streaks i{animation:rarity-streak 1.05s cubic-bezier(.16,.8,.3,1) infinite;animation-delay:calc(var(--i)*-75ms)}.pack-reveal .opening-rays{background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--rarity-a) 30%,transparent) 0 5deg,transparent 5deg 12deg,color-mix(in srgb,var(--rarity-b) 18%,transparent) 12deg 15deg,transparent 15deg 24deg);filter:drop-shadow(0 0 18px var(--rarity-a))}.pack-reveal.opening .opening-rays{animation:rarity-rays-spin 4.5s linear infinite}.pack-reveal.opening .sealed-pack{box-shadow:0 25px 70px #000c,0 0 0 8px #ffffff10,0 0 42px var(--pack-glow),0 0 85px color-mix(in srgb,var(--rarity-a) 55%,transparent)}.reveal-legendary .rarity-streaks i,.reveal-mythic .rarity-streaks i{height:4px;animation-duration:.72s!important}.reveal-mythic .rarity-streaks{filter:drop-shadow(0 0 12px #fff)}@keyframes rarity-streak{0%{opacity:0;transform:rotate(calc(var(--i)*30deg)) translateX(60px) scaleX(.03)}22%{opacity:1}68%{opacity:.95;transform:rotate(calc(var(--i)*30deg)) translateX(88px) scaleX(1)}100%{opacity:0;transform:rotate(calc(var(--i)*30deg)) translateX(132px) scaleX(1.14)}}@keyframes rarity-rays-spin{to{rotate:360deg}}@media(prefers-reduced-motion:reduce){.rarity-streaks i,.pack-reveal.opening .opening-rays{animation:none!important}.rarity-streaks{display:none}}
.pack-reveal.revealed .rarity-burst::before,.pack-reveal.revealed .rarity-burst::after{display:none!important}.pack-reveal.revealed .rarity-burst{min-height:90px;margin:1.15rem auto;isolation:isolate}.pack-reveal.revealed .reveal-card .frame-preview{width:74px!important;height:74px!important;margin:0!important}