/* Account components keep the site's muted violet palette. */
.profile-dialog{color-scheme:dark;scrollbar-width:thin;scrollbar-color:#685074 #19131f}
[data-steam-login][hidden],.account-dropdown[hidden],[data-admin-link][hidden]{display:none!important}
.nav-account{position:relative;display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:16px}
.account-balance{border:1px solid #554260;border-radius:22px;min-height:38px;padding:0 17px;background:linear-gradient(110deg,#aa83c6,#8966a4);color:#1b1123;font:800 12px Manrope,Arial,sans-serif;cursor:pointer}
.account-avatar{display:grid;place-items:center;width:42px;height:42px;padding:3px;border:1px solid #8d69a7;border-radius:50%;background:#211a29;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.account-avatar:hover,.account-avatar[aria-expanded=true]{border-color:#d5a9f3;box-shadow:0 0 18px #b17be926}
.account-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.account-dropdown{position:absolute;top:calc(100% + 13px);right:0;width:200px;padding:8px;border:1px solid #45334f;border-radius:12px;background:#19151eee;backdrop-filter:blur(20px);box-shadow:0 15px 45px #0008;animation:account-enter .18s ease-out}
.account-menu-name{margin:6px 10px 9px;font-size:11px;color:#aaa0b1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-dropdown button{display:flex;width:100%;justify-content:space-between;align-items:center;min-height:44px;padding:9px 11px;border:0;border-radius:7px;background:transparent;text-align:left;color:#eee5f4;font-size:12px;cursor:pointer}
.account-dropdown button:hover{background:#ac7ec21a}.account-dropdown [data-logout]{color:#a99aaf;font-size:11px}
.account-dropdown a{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:9px 11px;border-radius:7px;color:#cfb1e2;font-size:11px;font-weight:700}.account-dropdown a:hover{color:#fff;background:#ac7ec21a}
.profile-open{overflow:hidden}
.profile-dialog{position:fixed;width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:30px;border:1px solid #4b3759;border-radius:20px;color:#f4f0f7;background:radial-gradient(ellipse at 90% 0,#3b254b55,transparent 45%),#151218;box-shadow:0 25px 110px #0009;font:13px Manrope,Arial,sans-serif;overscroll-behavior:contain}
.profile-dialog[open]{animation:account-enter .2s ease-out}.profile-dialog::backdrop{background:#060409c9;backdrop-filter:blur(7px)}
.profile-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.profile-eyebrow{font-size:8px;letter-spacing:.18em;color:#bb94d5;font-weight:800}
.profile-dialog h2{font-size:27px;letter-spacing:-.045em;margin:6px 0 0}.profile-close{flex-shrink:0;width:44px;height:44px;border:1px solid #49364f;border-radius:50%;background:#251d2b;color:#cfb6df;font:24px Arial,sans-serif;cursor:pointer}
.profile-identity{display:flex;align-items:center;gap:18px;margin-bottom:24px;min-width:0}.profile-identity>div{min-width:0}.profile-avatar{width:78px;height:78px;object-fit:cover;border:2px solid #75508b;border-radius:18px;background:#211a29}
.profile-identity h3{font-size:19px;margin:0 0 7px;overflow-wrap:anywhere}.profile-identity p{font-size:10px;color:#a397ab;margin:0 0 6px;overflow-wrap:anywhere}.profile-identity p span{color:#d1bdde;margin-left:5px}.profile-identity a{font-size:10px;color:#bf92dc}
.profile-balance-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px;border:1px solid #5c3e6d77;border-radius:12px;background:linear-gradient(115deg,#31213e88,#211a2988);margin-bottom:24px}.profile-balance-card span{display:block;font-size:10px;color:#bdacc9}.profile-balance-card strong{display:block;font-size:30px;letter-spacing:-.04em;margin-top:5px}.profile-balance-card p{max-width:170px;font-size:10px;line-height:1.7;color:#aa98b5}
.profile-promo label{display:block;font-size:13px;font-weight:800;margin-bottom:10px}.profile-promo>div{display:flex;gap:8px}.profile-promo input{width:100%;min-width:0;min-height:44px;padding:11px 13px;border:1px solid #46364e;border-radius:7px;background:#0f0d13;color:#eadcf4;font:12px Manrope,Arial,sans-serif}.profile-promo input::placeholder{color:#8e8197}.profile-promo button{min-height:44px;padding:10px 15px;border:1px solid #ad83c5;border-radius:7px;background:#a37abc;color:#170e1d;font:800 11px Manrope,Arial,sans-serif;cursor:pointer;white-space:nowrap}.profile-promo button:disabled{opacity:.6;cursor:wait}
#promo-feedback{min-height:16px;margin:9px 0 21px;color:#c3b1d0;font-size:11px;line-height:1.6}#promo-feedback[data-state=error]{color:#edacb9}#promo-feedback[data-state=success]{color:#97d8b3}
.profile-history{margin-top:22px;border-top:1px solid #352b3d;padding-top:20px}.profile-history h3{font-size:13px;margin:0 0 12px}.profile-empty{padding:15px;margin:0;border:1px dashed #3c2e47;border-radius:9px;color:#a599ad;font-size:11px;line-height:1.8}.profile-history-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #2b2231}.profile-history-row strong{font-size:11px;overflow-wrap:anywhere}.profile-history-row small{display:block;color:#a294ad;font-size:9px;margin-top:5px}.profile-history-row>span{white-space:nowrap;font-size:12px;color:#d1b5e2}
.auth-local-hint{padding-right:65px}.auth-local-hint p{line-height:1.8;color:#b7a9c2}.auth-local-hint code{color:#e6d1f3}.auth-local-hint a{color:#cf9bef}.auth-local-hint .profile-close{position:absolute;top:15px;right:15px}
.nav-account button:focus-visible,.profile-dialog button:focus-visible,.profile-dialog input:focus-visible,.profile-dialog a:focus-visible{outline:2px solid #d5b0ee;outline-offset:3px}
@keyframes account-enter{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.nav-account{gap:7px;margin-left:6px}.account-balance{padding:0 11px;font-size:11px}.profile-dialog{padding:21px;max-height:calc(100dvh - 24px)}.profile-dialog h2{font-size:24px}.profile-balance-card{align-items:flex-start;flex-direction:column;gap:2px}.profile-balance-card p{max-width:none;margin-bottom:0}.profile-promo>div{flex-wrap:wrap}.profile-promo button{width:100%}.profile-avatar{width:62px;height:62px}.profile-identity{gap:12px}.profile-identity h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.account-dropdown,.profile-dialog[open]{animation:none}}