.account-avatar-button{width:44px;height:44px;padding:0;border:1px solid #d2dddf;border-radius:50%;overflow:hidden;flex-shrink:0;background:#fff}
.account-avatar-button img,.account-player-avatar{width:36px;height:36px;object-fit:cover;border-radius:50%;vertical-align:middle;flex-shrink:0}
.account-avatar-button img{width:100%;height:100%}
.account-player-avatar{margin-right:8px}
.avatar-profile-fields{margin:14px 0 20px}.avatar-profile-fields label{display:grid;gap:8px;font-size:14px}.avatar-profile-fields input{width:100%;box-sizing:border-box;min-height:42px;border:1px solid #c7d5d6;border-radius:6px;padding:8px 12px;font:inherit}.profile-login-name{font-size:12px;color:#718487;overflow-wrap:anywhere}
.avatar-picker{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #cbd5d7;border-radius:8px;padding:24px;background:#fff;color:#203136}
.avatar-picker::backdrop{background:rgba(0,0,0,.45)}
.avatar-picker header,.avatar-picker footer,.avatar-upload-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.avatar-picker h2{font-size:22px;margin:0 0 16px;letter-spacing:0}
.avatar-picker button{cursor:pointer;border:1px solid #d2dddf;background:#f2f6f6;color:#203136;border-radius:6px;padding:8px 14px;font:inherit}
.avatar-picker header button{width:36px;height:36px;padding:6px;align-self:flex-start}
.avatar-picker svg{width:20px;height:20px}
.avatar-defaults{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:8px 0 20px}
.avatar-picker .avatar-option{position:relative;min-width:0;width:100%;aspect-ratio:1;padding:0;border:2px solid transparent;overflow:hidden}
.avatar-option img{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:cover;border-radius:4px;pointer-events:none}
.avatar-picker .avatar-option[aria-pressed=true]{border-color:#087c83}
.avatar-upload-label{cursor:pointer;padding:10px 16px;background:#e7f2f1;color:#165259;border-radius:6px}
.avatar-current{width:52px;height:52px;object-fit:cover;border-radius:50%}
.avatar-crop{margin:18px auto;max-width:256px}
.avatar-crop[hidden]{display:none}
.avatar-crop canvas{width:100%;aspect-ratio:1;border-radius:8px;touch-action:none;cursor:move}
.avatar-crop label{display:flex;align-items:center;gap:12px;margin-top:12px}
.avatar-crop input{width:100%;accent-color:#087c83}
.avatar-message{min-height:24px;font-size:14px;color:#a83237}
.avatar-picker footer{justify-content:flex-end}
.avatar-picker .primary{background:#126c72;color:white}
.avatar-picker .profile-music-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;margin-top:12px;text-align:left}.avatar-picker .profile-music-toggle strong{font-size:12px;color:#607875;white-space:nowrap}.avatar-picker .profile-music-toggle[aria-pressed=true]{border-color:#167b68;background:#e5f5ed}.avatar-picker .profile-music-toggle[aria-pressed=true] strong{color:#136b50}
@media(max-width:420px){.avatar-defaults{grid-template-columns:repeat(4,minmax(0,1fr))}.avatar-picker{padding:18px}}