.game-card img{width:54px;height:54px;border-radius:15px;object-fit:cover;box-shadow:0 12px 25px rgba(0,0,0,.3)}.catalog-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:35px}.catalog-tabs a{border:1px solid rgba(255,255,255,.08);border-radius:99px;background:#11101a;color:#8f8998;padding:11px 17px;font-size:10px}.catalog-tabs a:hover,.catalog-tabs a.active{border-color:#9b5cff;color:#fff;background:rgba(155,92,255,.13)}
.account-page{max-width:1260px;margin:0 auto;padding:48px 28px 110px;display:grid;grid-template-columns:245px 1fr;gap:18px}.account-nav{position:sticky;top:106px;height:max-content;border:1px solid rgba(255,255,255,.08);border-radius:21px;background:#100f17;padding:15px;display:grid;gap:5px}.account-user{display:flex;align-items:center;gap:10px;padding:8px 5px 18px;margin-bottom:7px;border-bottom:1px solid rgba(255,255,255,.07)}.account-user img{width:42px;height:42px;object-fit:contain;border-radius:12px;background:#181522}.account-user b,.account-user small{display:block}.account-user b{font-size:11px}.account-user small{font-size:8px;color:#77717f;margin-top:4px}.account-nav>a{padding:12px 13px;border-radius:11px;color:#8e8896;font-size:11px}.account-nav>a:hover,.account-nav>a.active{background:rgba(155,92,255,.12);color:#d1b6ff}.account-content{min-width:0}.account-heading{display:flex;align-items:end;justify-content:space-between;padding:18px 4px 30px}.account-heading span,.account-panel header span{color:#aa72fa;font-size:9px;letter-spacing:.18em;font-weight:900}.account-heading h1{font-size:42px;margin:6px 0 0}.account-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.account-metrics article{min-height:150px;border:1px solid rgba(255,255,255,.08);border-radius:19px;background:radial-gradient(circle at 100% 0,rgba(155,92,255,.14),transparent 52%),#111019;padding:22px;display:flex;flex-direction:column}.account-metrics small{color:#837d8d;font-size:8px;letter-spacing:.14em}.account-metrics b{font-size:30px;margin:15px 0}.account-metrics a,.account-metrics span{margin-top:auto;color:#b891ef;font-size:9px}.account-panel{border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#111019;margin-top:13px;padding:24px}.account-panel h2{margin:6px 0 0}.empty-orders{text-align:center;padding:55px 20px}.empty-orders i{display:grid;place-items:center;width:62px;height:62px;margin:auto;border:1px solid #67419f;border-radius:18px;color:#b37dfc;font-size:30px;font-style:normal}.empty-orders h3{margin:18px 0 7px}.empty-orders p{color:#898390;font-size:11px}.empty-orders a{display:inline-block;color:#c4a3f6;font-size:10px;margin-top:12px}.profile-row{display:flex;justify-content:space-between;align-items:center;margin-top:25px;border-top:1px solid rgba(255,255,255,.07);padding-top:20px}.profile-row b,.profile-row small{display:block}.profile-row small{color:#827c8a;font-size:9px;margin-top:4px}.profile-row button{border:1px solid #7045aa;border-radius:11px;background:rgba(155,92,255,.12);color:#d4bdff;padding:11px 15px}
@media(max-width:900px){.account-page{grid-template-columns:1fr;padding:28px 16px 70px}.account-nav{position:static;display:flex;overflow:auto}.account-user{display:none}.account-nav>a{white-space:nowrap}.account-heading{align-items:start;gap:15px}.account-heading h1{font-size:32px}.account-heading .primary{display:none}.account-metrics{grid-template-columns:1fr}.profile-row{align-items:start;gap:15px}.catalog-tabs{overflow:auto;flex-wrap:nowrap}.catalog-tabs a{white-space:nowrap}}