.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-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.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)}

.status-processing{color:var(--warning)}.status-review{color:var(--warning)}

.account-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;color:var(--muted);font-size:12px}.account-pagination:empty{display:none}.account-pagination button{font:inherit}.account-pagination button:disabled{opacity:.4;cursor:default}@media(max-width:560px){.account-pagination{gap:8px}.account-pagination button{padding:8px 10px}}

/* Privileges are grouped by server; a chip selects which privilege the action renews. */
.privilege-server-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:start;gap:14px;padding:15px 0;border-bottom:1px solid var(--border)}.privilege-server-row:last-child{border-bottom:0}.privilege-server-content{display:grid;min-width:0;gap:10px}.privilege-server-heading{display:grid;gap:3px}.privilege-server-heading>b{overflow-wrap:anywhere;color:var(--text);font-size:13px}.privilege-server-heading>span,.privilege-not-selected{color:var(--muted);font-size:11px;line-height:1.45}.privilege-chips{display:flex;flex-wrap:wrap;gap:7px}.privilege-chip{--chip-color:#8fa1ba;display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:29px;padding:5px 10px;border:1px solid color-mix(in srgb,var(--chip-color) 45%,transparent);border-radius:999px;background:color-mix(in srgb,var(--chip-color) 10%,transparent);color:#cbd5e4;font-size:11px;line-height:1.2;text-align:left}.privilege-chip i{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--chip-color);box-shadow:0 0 9px color-mix(in srgb,var(--chip-color) 55%,transparent)}.privilege-chip b{color:var(--chip-color);font-size:11px}.privilege-chip span{overflow:hidden;color:#9ca9bc;text-overflow:ellipsis;white-space:nowrap}.privilege-chip:hover{background:color-mix(in srgb,var(--chip-color) 17%,transparent)}.privilege-chip.selected{border-color:var(--chip-color);background:color-mix(in srgb,var(--chip-color) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--chip-color) 12%,transparent)}.privilege-chip.expiring span{color:#f3ae55;font-weight:700}.privilege-chip-vip{--chip-color:#43d28d}.privilege-chip-elite{--chip-color:#5d9cff}.privilege-chip-deluxe{--chip-color:#ae76ff}.privilege-chip-lotus{--chip-color:#ed7188}.privilege-server-action{align-self:center;min-width:94px;padding:9px 14px;font-size:12px;font-weight:700}.privilege-server-action:disabled{cursor:not-allowed;opacity:.45}
@media(max-width:650px){.privilege-server-row{grid-template-columns:32px minmax(0,1fr);gap:10px}.privilege-server-row>.privilege-icon{width:32px;height:32px}.privilege-server-action{grid-column:2;justify-self:start}.privilege-chip{max-width:100%}}

/* Player purchases follow the delivery lifecycle shown by the game server. */
#account-tab-pending>.account-section{padding:0;border:0;background:transparent}#account-tab-pending>.account-section>h2{margin:0 0 15px;font-size:22px}.purchase-order{margin-bottom:14px;border:1px solid #2a354a;border-radius:15px;background:#0f1627}.purchase-order-head{grid-template-columns:48px minmax(0,1fr) auto 18px;gap:14px;padding:14px 16px}.purchase-order-head:hover{background:#121b2e}.purchase-order-media{width:48px;height:48px;border-radius:12px;background:linear-gradient(145deg,#a93478,#70235f);font-size:16px}.purchase-order-media img{width:100%;height:100%;object-fit:cover}.purchase-order-copy{gap:4px}.purchase-order-copy b{color:#f1f5fb;font-size:14px}.purchase-order-copy small{color:#8fa0bd;font-size:11px}.purchase-order-summary{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0}.purchase-order-summary>strong{color:#f5f7fb;font-size:16px;white-space:nowrap}.purchase-order-summary>strong small{color:#8d9ab1;font-size:10px;font-weight:700}.purchase-status{display:inline-flex;align-items:center;gap:7px;margin:0;padding:6px 11px;border-radius:999px;background:#3a2d24;color:#ffad45;font-size:10px;white-space:nowrap}.purchase-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.purchase-status.status-processing{background:#18354a;color:#70c8ff}.purchase-status.status-review,.purchase-status.status-failed{background:#49262d;color:#ff9da5}.purchase-status.status-delivered{background:#163d32;color:#77e1b4}.purchase-chevron{color:#687893}.purchase-order-body{padding:20px 18px 18px;border-top:1px solid #273247}.order-timeline{margin:6px 7% 20px}.timeline-step{gap:7px;color:#71809b}.timeline-step:before{top:14px;height:2px;background:#27334a}.timeline-step i{width:29px;height:29px;border-color:#26344e;background:#0d1424;color:#71809b}.timeline-step>span{display:grid;gap:3px}.timeline-step b{color:#8795ae;font-size:11px}.timeline-step small{color:#64728c;font-size:9px}.timeline-step.done:before,.timeline-step.current:before{background:#45c891}.timeline-step.done i{border-color:#45c891;background:#45c891;color:#fff}.timeline-step.done b{color:#e7eef9}.timeline-step.current i{border-color:#f3a43b;background:#101728;color:#ffbd5c;box-shadow:0 0 0 4px rgba(243,164,59,.14)}.timeline-step.current b{color:#fff}.purchase-store-command{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px;padding:12px 14px;border-left:3px solid #f1a43a;border-radius:10px;background:#151e34;color:#dbe5f5;font-size:12px;line-height:1.5}.purchase-store-command span{min-width:0;overflow-wrap:anywhere}.purchase-store-command b{color:#fff}.purchase-store-command code{margin:0 4px;padding:3px 8px;border-radius:5px;background:#0d1424;color:#fff;font-weight:800}.purchase-store-command button{flex:0 0 auto;padding:10px 16px;border:1px solid var(--accent-strong);border-radius:9px;background:var(--accent-strong);color:#fff;font-size:11px;font-weight:800}.purchase-store-command button:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.purchase-order-actions{align-items:center;justify-content:space-between;margin-top:14px}.purchase-order-actions .secondary,.purchase-order-actions .danger-outline{width:auto;padding:9px 15px;font-size:11px;font-weight:700}.purchase-order-actions .secondary{background:#17223a}.purchase-order-actions .danger-outline{margin-left:auto;background:transparent;color:#f65b74}
@media(max-width:700px){.purchase-order-head{grid-template-columns:44px minmax(0,1fr) 17px;gap:10px;padding:13px}.purchase-order-media{width:44px;height:44px}.purchase-order-summary{grid-column:2;justify-content:flex-start;flex-wrap:wrap;gap:8px}.purchase-order-summary>strong{font-size:14px}.purchase-chevron{grid-column:3;grid-row:1/3}.purchase-order-body{padding:16px 13px}.order-timeline{grid-template-columns:1fr;margin:0 0 16px 4px}.timeline-step{grid-template-columns:32px minmax(0,1fr);justify-items:start;align-items:center;gap:8px;padding:5px 0;text-align:left}.timeline-step:before{top:-50%;left:14px;width:2px;height:100%}.timeline-step>span{gap:1px}.purchase-store-command{align-items:stretch;flex-direction:column}.purchase-store-command button{width:100%}.purchase-order-actions{align-items:stretch;flex-direction:column}.purchase-order-actions .secondary,.purchase-order-actions .danger-outline{width:100%;margin:0}}