.profile-avatar{width:32px;height:32px;object-fit:cover;border-radius:50%;flex-shrink:0}
#accountButton .profile-avatar{vertical-align:middle;margin-right:8px}
#mobileProfile .profile-avatar{width:34px;height:34px;display:block}
.avatar-dialog{width:min(420px,calc(100vw - 28px));box-sizing:border-box;max-height:calc(100dvh - 28px);overflow:auto;border:1px solid #bc9155;border-radius:18px;padding:20px;background:#101725;color:#edf2fa}
.avatar-dialog::backdrop{background:#000b}
.avatar-dialog header,.avatar-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.avatar-dialog h2{margin:0;font-size:1.3rem}
.avatar-dialog p{color:#b8c4d8;font-size:.95rem;line-height:1.5}
.avatar-dialog button{padding:10px 14px;border-radius:9px;border:1px solid #59647d;background:#263148;color:#fff;font:inherit;cursor:pointer}
.avatar-dialog button:disabled{opacity:.45;cursor:default}
#avatarCanvas{display:block;width:min(280px,100%);height:auto;border-radius:50%;border:2px solid #e6b366;touch-action:none;margin:18px auto;cursor:grab}
.avatar-dialog label{display:block;margin:12px 0}
.avatar-dialog input[type=range]{display:block;width:100%;margin-top:10px}
.avatar-dialog input[type=file]{display:block;max-width:100%;margin-top:8px}
#avatarSave{background:linear-gradient(110deg,#b97932,#8650b3)}