.account-root,.admin-root{padding-bottom:80px}.account-message{color:var(--muted);margin:0 0 26px}.account-message:empty{display:none}.account-message.is-error,[role=status].is-error{color:#e1a5a1}.account-login{display:grid;grid-template-columns:1.45fr 1fr;border:1px solid var(--border);border-top:3px solid var(--gold);background:var(--panel)}.account-login[hidden],.account-layout[hidden],[hidden]{display:none!important}.account-login-main{padding:44px}.account-login-main h2{font:400 38px/1.2 var(--display);margin:18px 0 24px}.account-login-main>p{max-width:570px}.account-login-side{padding:44px;background:#151518;border-left:1px solid var(--border)}.account-login-side h3{font:400 27px/1.2 var(--display);color:var(--gold-light)}.account-login-side ul{padding-left:22px;margin:26px 0;line-height:2}.account-login-side p,.account-note,.field-note{color:var(--muted);font-size:14px}.account-note{margin-top:20px;line-height:1.7}.account-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:34px;align-items:start}.profile-summary,.account-panel{padding:30px;border:1px solid var(--border);background:var(--panel)}.profile-summary{position:sticky;top:28px;border-top:3px solid var(--gold);overflow-wrap:anywhere}.avatar-frame{width:116px;height:116px;display:grid;place-items:center;background:#303035;border:1px solid #65605a;margin-bottom:25px;overflow:hidden;border-radius:8px}.avatar-frame img{width:100%;height:100%;object-fit:cover}.avatar-frame>span{font:400 52px var(--display);color:var(--gold-light)}.profile-summary h2{font:400 31px/1.2 var(--display);margin:12px 0}.profile-status{color:var(--gold-light);line-height:1.6}.profile-bio{font-size:15px;line-height:1.8;white-space:pre-wrap}.steam-identity{margin:28px 0 15px;border-top:1px solid var(--border);padding-top:20px}.steam-identity dt{font-size:12px;letter-spacing:1px;color:var(--muted)}.steam-identity dd{margin:8px 0 0;font-size:14px;font-variant-numeric:tabular-nums}.profile-summary>a{display:block;color:var(--gold-light);font-size:14px;margin:12px 0}.profile-summary button{margin-top:18px;width:100%}.profile-content{display:grid;gap:24px}.account-panel h2{font:400 30px/1.2 var(--display);margin:0 0 24px}.account-panel-heading .eyebrow{margin-bottom:12px}.account-panel form>label:not(.account-check){display:block;margin:22px 0 8px;font-weight:600}.account-panel input[type=text],.account-panel textarea{width:100%;padding:13px 15px;background:#111114;border:1px solid #4a4a52;color:var(--text);font:inherit;border-radius:0}.account-panel textarea{resize:vertical;min-height:150px}.account-panel input:focus,.account-panel textarea:focus{outline:2px solid var(--gold);outline-offset:2px}.account-panel input:disabled{color:var(--muted);opacity:.75}.account-check{display:flex;gap:10px;align-items:center;font-size:14px;margin-top:12px;color:var(--muted)}.account-check input{accent-color:var(--gold);width:17px;height:17px}.account-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:23px}.account-actions [role=status]{font-size:14px}.field-note{line-height:1.7;margin-top:12px}.text-button{color:var(--gold-light);font:inherit;border:0;border-bottom:1px solid #c3a57560;background:transparent;padding:3px 0;cursor:pointer}.button:disabled,.text-button:disabled{opacity:.5;cursor:wait}.account-empty{border-left:2px solid var(--gold);padding-left:23px}.account-empty>p:first-child{font-weight:600}.account-empty>p:not(:first-child){color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.avatar-upload-label{cursor:pointer}.avatar-upload-label:focus-within{outline:2px solid var(--gold)}.shop-prelaunch{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;padding:40px 0 100px}.shop-prelaunch h2{font:400 45px/1.15 var(--display);margin:15px 0 25px}.shop-prelaunch .button{margin-top:22px}.shop-account-note{padding:34px;border:1px solid var(--border);align-self:start;background:var(--panel);border-top:3px solid var(--gold)}.shop-account-note h3{font:400 29px/1.2 var(--display);margin:0 0 20px}.shop-account-note p{color:var(--muted)}.admin-stats{display:flex;gap:50px;margin-bottom:35px;padding-bottom:25px;border-bottom:1px solid var(--border)}.admin-stats span{font:400 35px var(--display);color:var(--gold-light)}.admin-stats p{font-size:14px;color:var(--muted);margin-bottom:0}@media(max-width:1000px){.account-layout{grid-template-columns:250px minmax(0,1fr);gap:20px}.account-panel,.profile-summary{padding:24px}.account-login-main,.account-login-side{padding:30px}}@media(max-width:700px){.account-layout,.account-login,.shop-prelaunch{grid-template-columns:1fr}.profile-summary{position:static}.account-login-side{border-left:0;border-top:1px solid var(--border)}.shop-prelaunch{gap:30px;padding-bottom:55px}.account-actions{align-items:stretch}.account-actions>.button{flex:1 1 100%;text-align:center}.admin-stats{gap:25px;flex-wrap:wrap}.account-login-main h2{font-size:32px}}

.account-panel select{width:100%;padding:13px 15px;background:#111114;border:1px solid #4a4a52;color:var(--text);font:inherit;border-radius:0;min-height:48px}.account-panel select:focus{outline:2px solid var(--gold);outline-offset:2px}.account-panel select optgroup{color:var(--gold-light)}.account-panel select option{color:var(--text)}.profile-affiliation{margin:22px 0;padding:16px 18px;background:#151518;border-left:2px solid var(--gold)}.profile-affiliation dt{color:var(--muted);font-size:12px;letter-spacing:1px}.profile-affiliation dd{margin:7px 0 0;color:var(--gold-light);font-size:17px;line-height:1.4}
.profile-cover{position:relative;aspect-ratio:4/1;overflow:hidden;margin-bottom:28px;border:1px solid var(--border);border-bottom:3px solid var(--gold);background:radial-gradient(ellipse at 85% 20%,#51463260,transparent 65%),linear-gradient(110deg,#242326,#161619)}.profile-cover>img{display:block;width:100%;height:100%;object-fit:cover}.banner-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px 42px}.banner-placeholder .eyebrow{margin:0}.banner-placeholder p{font:400 clamp(22px,3vw,38px)/1.2 var(--display);margin:12px 0 18px}.banner-placeholder .text-link{font-size:14px}.banner-settings>p:not(.eyebrow){color:var(--muted)}.banner-settings .account-actions{margin-top:18px}.banner-settings [role=status]{font-size:14px;line-height:1.6}.banner-settings [role=status]:empty{display:none}.banner-settings h2{margin-bottom:14px}#banner-editor{margin-top:26px;padding-top:24px;border-top:1px solid var(--border)}#banner-preview{display:block;width:100%;height:auto;aspect-ratio:4/1;border:1px solid var(--border);background:#17171a}.banner-position{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px}.banner-position label{font-size:14px;color:var(--muted);min-width:0}.banner-position input{display:block;width:100%;margin:12px 0 0;accent-color:var(--gold)}.banner-position input:disabled{opacity:.35}.profile-content{min-width:0}@media(max-width:700px){.profile-cover{margin-bottom:20px}.banner-placeholder{padding:12px 18px}.banner-placeholder .eyebrow{display:none}.banner-placeholder p{font-size:20px;margin:0 0 8px}.banner-placeholder .text-link{font-size:12px}.banner-position{grid-template-columns:1fr;gap:14px}}
.banner-upload-label{position:relative;cursor:pointer;overflow:hidden}.banner-upload-label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.banner-upload-label:focus-within{outline:2px solid var(--gold);outline-offset:3px}.banner-upload-label:has(input:disabled){opacity:.5;cursor:wait}
.profile-playtime{margin:24px 0 0;padding:16px;border:1px solid var(--border);border-radius:8px;background:#151518}.playtime-heading{display:flex;align-items:center;gap:8px}.playtime-heading svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.profile-playtime h3{margin:0;color:var(--muted);font:400 13px/1.45 var(--body,Arial,sans-serif)}.profile-playtime .playtime-value{margin:12px 0 0;font:600 25px/1.25 var(--body,Arial,sans-serif);color:var(--gold-light);font-variant-numeric:tabular-nums}.profile-playtime .playtime-value.is-empty{font-size:14px;font-weight:400;line-height:1.6;color:var(--muted)}.profile-playtime .field-note{margin:10px 0 0;font-size:12px;line-height:1.6}.playtime-date{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.playtime-date:empty{display:none}
#profile-playtime-note:empty{display:none}

.profile-social-fields{margin:28px 0 0;padding:22px;border:1px solid var(--border);min-width:0}.profile-social-fields legend{padding:0 8px;color:var(--gold-light);font-weight:600}.profile-social-fields label{display:block;margin:20px 0 8px;font-weight:600}.profile-social-fields>.field-note:first-of-type{margin-top:0}.profile-socials{display:flex;flex-wrap:wrap;gap:6px;margin:24px 0;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.profile-socials .social-icon{display:grid;place-items:center;width:44px;height:44px;margin:0;padding:10px;border:1px solid #55525a;border-radius:8px;background:#151518;color:var(--gold-light);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.profile-socials .social-icon:hover{background:#c3a57518;border-color:var(--gold);color:#fff}.profile-socials .social-icon:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.profile-socials svg{display:block;width:22px;height:22px;fill:currentColor}.profile-socials [role=status]{flex-basis:100%;margin:0;font-size:13px;line-height:1.5}.profile-socials [role=status]:empty{display:none}@media(max-width:700px){.profile-social-fields{padding:16px}}

.profile-socials:not([hidden])+.steam-identity{margin-top:0;border-top:0;padding-top:0}

.profile-appearance h2{margin-bottom:26px}.appearance-options{display:grid;grid-template-columns:1fr 1fr;gap:28px}.appearance-option{min-width:0}.appearance-option+ .appearance-option{padding-left:28px;border-left:1px solid var(--border)}
.appearance-option h3{margin:0 0 10px;font:400 25px/1.2 var(--display);color:var(--gold-light)}.appearance-option>p{color:var(--muted);font-size:14px;line-height:1.65;margin:0}.appearance-option .field-note{font-size:12px;margin:14px 0}.appearance-option .account-actions{margin-top:18px}.appearance-option .text-button{font-size:12px}.appearance-option [role=status]{margin-top:14px}
.appearance-footer{border-top:1px solid var(--border);padding-top:18px;margin-top:26px}.appearance-footer .text-button{font-size:13px}
@media(min-width:701px) and (max-width:900px),(max-width:520px){.appearance-options{grid-template-columns:1fr;gap:24px}.appearance-option+ .appearance-option{padding:24px 0 0;border-left:0;border-top:1px solid var(--border)}}

.wallet-card-profile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:24px 28px;border:1px solid var(--border);border-left:3px solid var(--gold);background:var(--panel)}
.profile-wallet-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #c3a57538;background:#c3a5750b;color:var(--gold-light);border-radius:10px}
.profile-wallet-icon svg{width:25px;height:25px}
.profile-wallet-main{min-width:0}.profile-wallet-main h2{margin:0;color:var(--muted);font:400 13px/1.5 var(--body,Arial,sans-serif)}
.wallet-card-profile .wallet-card-value{margin:4px 0;font-size:32px;font-weight:600;letter-spacing:-.025em;line-height:1.2;overflow-wrap:anywhere}
.wallet-card-profile .wallet-card-note{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.profile-wallet-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.profile-wallet-topup{display:flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 22px;background:var(--gold);border:1px solid var(--gold);color:#151518;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s}
.profile-wallet-topup svg{width:18px;height:18px;flex:none}.profile-wallet-topup:hover{background:var(--gold-light);border-color:var(--gold-light);color:#151518}
.profile-wallet-history{display:flex;justify-content:center;align-items:center;gap:8px;color:var(--muted);font-size:12px;line-height:1.5;text-decoration:none}.profile-wallet-history:hover{color:var(--gold-light)}
.profile-wallet-actions a:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}
@media(max-width:1000px){.wallet-card-profile{padding:20px;gap:14px}.profile-wallet-icon{width:44px;height:44px}.profile-wallet-topup{padding:10px 16px}}
@media(min-width:701px) and (max-width:880px){.wallet-card-profile{grid-template-columns:minmax(0,1fr) auto}.profile-wallet-icon{display:none}}
@media(max-width:480px){.wallet-card-profile{grid-template-columns:auto minmax(0,1fr);padding:20px;gap:14px}.profile-wallet-actions{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding-top:4px}.profile-wallet-history{justify-content:flex-end;font-size:11px}.wallet-card-profile .wallet-card-value{font-size:30px}}
