.shop-page{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 5rem}.shop-balance{display:inline-flex;align-items:baseline;gap:.45rem;margin-top:1rem;padding:.7rem 1.05rem;border:1px solid #55d6be55;border-radius:14px;background:#55d6be12}.shop-balance span,.shop-balance small{color:#aebed4}.shop-balance strong{color:#55d6be;font-size:1.55rem}.shop-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0 2.5rem}.shop-pack{display:flex;align-items:center;flex-direction:column;gap:1rem;padding:1.3rem;border:1px solid #ffffff20;border-radius:20px;background:linear-gradient(160deg,#e9eef5,#d8e2ed);color:#10213d;text-align:center;box-shadow:0 14px 34px #0208173d;transition:transform .22s,box-shadow .22s}.shop-pack:hover{transform:translateY(-5px);box-shadow:0 20px 42px #02081755}.shop-pack h2{margin:.15rem 0 .35rem}.shop-pack p{margin:.2rem 0;color:#60718a}.pack-art{position:relative;display:grid;place-items:center;width:110px;height:110px;border:2px solid #6f8edb;border-radius:28px;background:linear-gradient(145deg,#2456aa,#6f8edb);color:#fff;box-shadow:0 13px 25px #274f9d55;transform:rotate(-3deg)}.pack-art span{font-size:2.7rem}.pack-art b{position:absolute;right:10px;bottom:8px}.pack-pro .pack-art{border-color:#9b6bd5;background:linear-gradient(145deg,#633aa0,#af7de1)}.pack-elite .pack-art{border-color:#e5b93e;background:linear-gradient(145deg,#936513,#edbf43)}.pack-odds{display:flex;justify-content:center;flex-wrap:wrap;gap:.3rem;margin-top:.8rem}.pack-odds span{padding:.2rem .45rem;border-radius:99px;background:#cad5e2;font-size:.68rem;font-weight:800}.pack-odds .rare{color:#225eb5}.pack-odds .epic{color:#7645aa}.pack-odds .legendary{color:#9b6b00}.pack-odds .mythic{background:#202b48;color:#75f2df}.shop-pack>.button{width:100%;margin-top:auto}.shop-pack>.button:disabled,.frame-item:disabled{cursor:not-allowed;opacity:.5}.shop-inventory{padding:1.5rem;border:1px solid #ffffff1c;border-radius:20px;background:#102440}.shop-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.shop-section-head h2{margin:.1rem 0}.shop-help{margin:.4rem 0 1.3rem;color:#aebed4}.frame-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.frame-item{display:grid;justify-items:center;gap:.3rem;min-height:190px;padding:1rem .6rem;border:1px solid #ffffff1c;border-radius:15px;background:#172e4f;color:#fff;font:inherit;cursor:pointer;transition:transform .18s,border-color .18s}.frame-item:hover:not(:disabled){transform:translateY(-3px);border-color:#55d6be}.frame-item.active{box-shadow:inset 0 0 0 2px #55d6be}.frame-item small{color:#aebed4}.frame-item em{color:#55d6be;font-size:.74rem;font-style:normal}.frame-preview{display:grid!important;place-items:center;width:74px!important;height:74px!important;border-radius:50%!important;background:#dbe5ef!important;color:#193154!important}.frame-preview i{font-weight:950;font-style:normal}.profile-frame{--frame-a:#55d6be;--frame-b:#6f8edb;outline:4px solid var(--frame-a)!important;outline-offset:4px!important;box-shadow:0 0 0 8px var(--frame-b),0 0 22px var(--frame-a)!important}.profile-frame[data-frame=mint]{--frame-a:#55d6be;--frame-b:#b5f3e8}.profile-frame[data-frame=ocean]{--frame-a:#2386c8;--frame-b:#72d5ee}.profile-frame[data-frame=sunset]{--frame-a:#f07b54;--frame-b:#f5bd63}.profile-frame[data-frame=forest]{--frame-a:#26845c;--frame-b:#8ecf78}.profile-frame[data-frame=slate]{--frame-a:#64748b;--frame-b:#a8b3c2}.profile-frame[data-frame=coral]{--frame-a:#ed6f7d;--frame-b:#f3ada1}.profile-frame[data-frame=aurora]{--frame-a:#45e0b9;--frame-b:#9878e8}.profile-frame[data-frame=sapphire]{--frame-a:#2871d6;--frame-b:#69a9ff}.profile-frame[data-frame=ember]{--frame-a:#e04428;--frame-b:#ffae3d}.profile-frame[data-frame=jungle]{--frame-a:#1f9a52;--frame-b:#d7d347}.profile-frame[data-frame=frost]{--frame-a:#bcecff;--frame-b:#5598df}.profile-frame[data-frame=royal]{--frame-a:#733bc0;--frame-b:#d597f1}.profile-frame[data-frame=neon]{--frame-a:#19f5df;--frame-b:#ff3ec9}.profile-frame[data-frame=volcano]{--frame-a:#bd211c;--frame-b:#ffcf38}.profile-frame[data-frame=arctic]{--frame-a:#e7fbff;--frame-b:#56bce5}.profile-frame[data-frame=crown]{--frame-a:#f2c94c;--frame-b:#a5760c}.profile-frame[data-frame=dragon]{--frame-a:#d94242;--frame-b:#321a54}.profile-frame[data-frame=galaxy]{--frame-a:#9c56e8;--frame-b:#3658d4}.profile-frame[data-frame=diamond]{--frame-a:#78e5f0;--frame-b:#6289ed}.profile-frame[data-frame=cosmos]{--frame-a:#78ffe6;--frame-b:#d857ff;animation:cosmos-frame 2s linear infinite}@keyframes cosmos-frame{50%{filter:hue-rotate(150deg);box-shadow:0 0 0 8px var(--frame-b),0 0 35px var(--frame-a)!important}}.header-avatar.profile-frame{outline-width:2px!important;outline-offset:2px!important;box-shadow:0 0 0 4px var(--frame-b),0 0 10px var(--frame-a)!important}.pack-reveal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:1rem;background:#020817d9;backdrop-filter:blur(8px);opacity:0;transition:opacity .25s}.pack-reveal.show{opacity:1}.reveal-card{width:min(430px,100%);padding:2rem;border:1px solid #6f8edb;border-radius:24px;background:#e8eef5;color:#10213d;text-align:center;box-shadow:0 30px 90px #000}.reveal-card .frame-preview{width:130px!important;height:130px!important;margin:1.5rem auto}.reveal-card h2{margin:1.3rem 0 .2rem;font-size:2rem}.reveal-card.mythic{border-color:#70f4dd;box-shadow:0 0 70px #8a55e988}.social-notice-icon.shop{border-color:#e5b93e;background:#e5b93e18;color:#f2d069}@media(max-width:900px){.shop-packs{grid-template-columns:1fr}.shop-pack{display:grid;grid-template-columns:auto 1fr auto;text-align:left}.shop-pack>.button{width:auto}.frame-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.shop-pack{display:flex;text-align:center}.shop-pack>.button{width:100%}.frame-grid{grid-template-columns:repeat(2,1fr)}.shop-section-head{align-items:flex-start;flex-direction:column}}