.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#view-account .page-title{margin-bottom:24px}#view-account .page-title h1{font-size:clamp(24px,3vw,30px)}
.account-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.account-profile-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;width:100%;padding:22px 24px 0;border:1px solid var(--border);border-radius:var(--radius-14);background:var(--panel)}.account-identity{display:flex;align-items:center;min-width:0;gap:16px}.account-avatar{flex:0 0 64px;width:64px;height:64px;border-radius:50%;object-fit:cover;background:var(--accent-strong)}.account-identity-copy{min-width:0}.account-profile-card h2{margin:0 0 8px;overflow:hidden;color:var(--text);font-size:var(--font-18);text-overflow:ellipsis;white-space:nowrap}.account-steamid{display:flex;align-items:center;min-width:0;gap:8px;color:var(--muted);font-size:11px}.account-steamid #profile-steamid-link{overflow:hidden;text-overflow:ellipsis}.account-steamid button{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;padding:0}.account-profile-card #account-logout{justify-self:end}.account-logout-button{padding:10px 20px;border:1px solid var(--accent-strong);border-radius:var(--radius-6);background:transparent;color:#ff7c8d;font-weight:700;cursor:pointer}.account-logout-button:hover{border-color:var(--accent);background:var(--accent-soft);color:#fff}
.account-menu{grid-column:1/-1;display:flex;gap:4px;width:100%;margin-top:2px;padding:13px 0;border-top:1px solid var(--border)}.account-menu button{min-height:36px;padding:8px 16px;border:1px solid transparent;border-radius:var(--radius-6);background:transparent;color:var(--muted);font-size:var(--font-13);font-weight:700;text-align:center}.account-menu button:hover{background:var(--panel3);color:var(--text)}.account-menu button.active,.account-menu button.active:hover{border-color:var(--accent-strong);background:var(--accent-strong);color:#fff}
.account-main,.account-tab-content{min-width:0}.account-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:18px}.wallet-card,.account-section{min-width:0;margin:0;padding:24px;border:1px solid var(--border);border-radius:var(--radius-14);background:var(--panel)}.wallet-card{background:var(--panel)!important}.wallet-balance{display:flex;align-items:baseline;gap:7px;margin-top:8px;color:var(--text);line-height:1}.wallet-balance>span{font-size:clamp(38px,5vw,48px);font-weight:800;letter-spacing:-.05em}.wallet-balance small{color:var(--muted);font-size:var(--font-16);font-weight:700}.wallet-rate{margin:8px 0 0;color:var(--muted);font-size:var(--font-12)}
.wallet-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 10px}.wallet-presets button{min-width:0;padding:10px 7px;font-weight:700;white-space:nowrap}.wallet-presets button.active,.wallet-presets button.active:hover{border-color:var(--accent-strong);background:var(--accent-soft);color:#fff}.wallet-custom-amount{display:block}.wallet-custom-amount input{width:100%;height:40px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-6);outline:0;background:#0a101c;color:var(--text)}.wallet-custom-amount input:focus{border-color:var(--accent)}
.wallet-checkout{margin-top:16px;padding:16px 0 20px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.wallet-checkout>div{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:var(--font-12)}.wallet-checkout>div b{color:var(--text);font-size:var(--font-22)}.wallet-checkout p{margin:8px 0 14px;color:var(--muted);font-size:var(--font-12)}.wallet-checkout .primary{width:100%;min-height:44px;border:1px solid var(--accent-strong);border-radius:var(--radius-6);font-weight:800}.wallet-promo{padding-top:16px}.wallet-promo>label{display:block;margin-bottom:8px;color:var(--muted);font-size:var(--font-12)}.wallet-card .promo-box{max-width:none}.secondary{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-6);background:var(--panel2);color:var(--text);cursor:pointer}.secondary:hover{background:var(--panel3)}
.account-section .section-heading{margin:0 0 12px}.account-section .section-heading h2,.account-tab-content>.account-section>h2{margin:0;font-size:var(--font-18)}.account-privileges{height:100%}.privilege-list{display:grid}.privilege-row{display:grid;grid-template-columns:38px minmax(0,1fr) minmax(92px,auto) auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.privilege-row:last-child{border-bottom:0}.privilege-icon,.purchase-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:var(--panel2);color:var(--accent)}.privilege-info,.purchase-info,.purchase-summary{min-width:0}.privilege-info b,.purchase-info b{display:block;overflow-wrap:anywhere;font-size:var(--font-13)}.privilege-info span,.purchase-info span{display:block;margin-top:4px;overflow-wrap:anywhere;color:var(--muted);font-size:var(--font-12);line-height:1.45}.privilege-term{min-width:0}.privilege-term>span{display:inline-flex;max-width:100%;padding:5px 9px;border-radius:var(--radius-pill);background:var(--panel2);color:var(--muted);font-size:10px;white-space:nowrap}.privilege-term progress{display:block;width:100%;height:5px;margin-top:7px;accent-color:var(--success)}.privilege-row>button{padding:9px 14px;font-size:var(--font-12);font-weight:700}
.account-recent{margin-top:18px}.purchase-list{display:grid;gap:9px}.purchase-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-10);background:var(--panel2)}.purchase-row img{width:40px;height:40px;border-radius:6px;object-fit:cover}.purchase-summary{font-size:var(--font-13);text-align:right}.purchase-status{display:block;margin-top:6px;color:var(--muted);font-size:var(--font-12)}.status-delivered{color:var(--success)}.status-paid,.status-pending{color:var(--warning)}.status-refunded{color:var(--blue)}.status-failed{color:var(--danger)}
.account-empty{display:grid;min-height:190px;place-items:center;align-content:center;gap:11px;color:var(--muted);text-align:center}.account-empty-icon{display:grid;width:52px;height:52px;place-items:center;border-radius:50%;background:var(--panel2);color:var(--muted);font-size:var(--font-18)}.account-empty p{margin:0;font-size:var(--font-13)}.account-empty button{padding:10px 18px;border:1px solid var(--accent-strong);border-radius:var(--radius-6);background:var(--accent-strong);color:#fff;font-weight:700}
.history-row{gap:12px;overflow-wrap:anywhere}.history-row b{flex:none}.account-section .mini-row{flex-wrap:wrap}.account-section .mini-row .left{flex:1 1 180px}
.purchase-order{overflow:hidden;margin-bottom:10px;border:1px solid #26364b;border-radius:14px;background:#101b29}.purchase-order-head{display:grid;width:100%;grid-template-columns:54px minmax(0,1fr) auto 20px;align-items:center;gap:12px;padding:14px;border:0;background:transparent;color:inherit;text-align:left}.purchase-order-head:hover{background:#162335}.purchase-order-media{display:grid;width:52px;height:52px;place-items:center;overflow:hidden;border-radius:11px;background:#1b2a3d;color:var(--accent);font-size:22px}.purchase-order-media img{width:100%;height:100%;object-fit:cover}.purchase-order-copy{display:grid;min-width:0;gap:5px}.purchase-order-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.purchase-order-copy small{color:#95a2b5}.purchase-status{padding:6px 9px;border-radius:999px;background:#25344a;color:#c5d0df;font-size:11px;font-weight:800}.purchase-status.status-delivered{background:#163d32;color:#77e1b4}.purchase-status.status-review{background:#49262d;color:#ff9da5}.purchase-status.status-sent{background:#193b4c;color:#86d7ff}.purchase-status.status-refunded,.purchase-status.status-cancelled{background:#303744;color:#adb8c8}.purchase-chevron{font-size:20px;transition:transform .2s}.purchase-order.expanded .purchase-chevron{transform:rotate(180deg)}.purchase-order-body{display:none;padding:2px 18px 17px}.purchase-order.expanded .purchase-order-body{display:block}.order-timeline{display:grid;grid-template-columns:repeat(4,1fr);margin:15px 0 18px}.timeline-step{position:relative;display:grid;justify-items:center;gap:7px;color:#78869a;font-size:11px;text-align:center}.timeline-step:before{content:"";position:absolute;z-index:0;top:13px;right:50%;width:100%;height:2px;background:#2b3b50}.timeline-step:first-child:before{display:none}.timeline-step i{position:relative;z-index:1;display:grid;width:28px;height:28px;place-items:center;border:2px solid #34465e;border-radius:50%;background:#101b29;color:#8b99ac;font-style:normal;font-weight:800}.timeline-step.done{color:#c9d4e2}.timeline-step.done:before{background:var(--accent-base)}.timeline-step.done i{border-color:var(--accent-base);background:var(--accent-strong);color:#fff}.timeline-step.current i{border-color:#50b9ef;color:#82d5ff;box-shadow:0 0 0 5px #50b9ef14}.purchase-order-actions{display:flex;justify-content:flex-end;gap:8px}.order-warning{padding:10px 12px;border:1px solid #63333b;border-radius:9px;background:#351e24;color:#ffb1b7;font-size:12px}
.history-list .history-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:15px;padding:15px;border:0;border-bottom:1px solid #26364b;background:transparent;color:inherit;text-align:left}.history-list .history-row:hover{background:#162335}.history-row>span{display:grid;gap:5px}.history-row small{color:#8795a9}.operation-modal-card{width:min(500px,calc(100vw - 28px));padding:24px}.operation-details{margin-top:20px}.operation-amount{margin-bottom:18px;font-size:30px;font-weight:900}.operation-amount.plus{color:#67dda8}.operation-amount.minus{color:#f0bf57}.operation-details dl{margin:0}.operation-details dl div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid #26364b}.operation-details dt{color:#8795a9}.operation-details dd{margin:0;overflow-wrap:anywhere}.operation-details code{color:#c7d3e2}.purchase-toast.toast-error{border-color:#ff6070}.purchase-toast.toast-error b{color:#ff9aa5}.purchase-toast.toast-warning{border-color:#e0b94d;background:#181b20}.purchase-toast.toast-warning b{color:#f3c552}
@media(max-width:760px){.account-overview-grid{grid-template-columns:minmax(0,1fr)}.account-profile-card{padding:18px 18px 0}}
@media(max-width:560px){#view-account .page-title{margin-bottom:18px}.account-profile-card{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px 14px 0}.account-identity{gap:11px}.account-avatar{flex-basis:48px;width:48px;height:48px}.account-profile-card h2{margin-bottom:5px;font-size:var(--font-14)}.account-steamid{max-width:calc(100vw - 155px);font-size:10px}.account-profile-card #account-logout{padding:8px 11px;font-size:var(--font-12)}.account-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 0}.account-menu button{min-width:0;padding:8px 5px;font-size:11px}.wallet-card,.account-section{padding:16px}.wallet-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.promo-box{grid-template-columns:minmax(0,1fr) auto}.privilege-row{grid-template-columns:32px minmax(0,1fr) auto;gap:10px}.privilege-icon{width:32px;height:32px}.privilege-term{grid-column:2}.privilege-row>button{grid-column:3;grid-row:1/3;padding:8px 10px}.purchase-row{grid-template-columns:32px minmax(0,1fr)}.purchase-row img,.purchase-icon{width:32px;height:32px}.purchase-summary{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:12px;text-align:left}.purchase-summary .purchase-status{margin:0}.history-row{flex-wrap:wrap}.purchase-order-head{grid-template-columns:44px minmax(0,1fr) 18px}.purchase-order-media{width:44px;height:44px}.purchase-order-head .purchase-status{grid-column:2;justify-self:start}.purchase-chevron{grid-column:3;grid-row:1/3}.order-timeline{grid-template-columns:1fr;gap:0;margin-left:5px}.timeline-step{grid-template-columns:30px 1fr;justify-items:start;align-items:center;padding:4px 0;text-align:left}.timeline-step:before{top:-50%;left:13px;width:2px;height:100%}.purchase-order-actions{align-items:stretch;flex-direction:column}.operation-details dl div{grid-template-columns:1fr;gap:4px}}

.wallet-card .promo-box input{border-color:var(--border);background:#0a101c;color:var(--text)}
.wallet-card .promo-box input::placeholder{color:#778399;opacity:1}
.wallet-card .promo-box input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(214,69,90,.10)}