.user-avatar{position:relative;overflow:hidden;isolation:isolate;vertical-align:middle}
.user-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:var(--field)}
.avatar-initial{line-height:1}
.account-avatar{display:inline-flex;border-radius:50%}
.avatar.avatar-large{width:80px;height:80px;font-size:28px}
.avatar.avatar-profile{width:54px;height:54px;font-size:20px}
.profile-heading{display:flex;align-items:center;gap:16px;min-width:0}
.profile-heading>div{min-width:0}
.profile-heading h1{overflow-wrap:anywhere}
.avatar-editor [hidden]{display:none!important}
.avatar-settings-row{display:flex;align-items:center;gap:21px}
.avatar-settings-row .field-help{margin:7px 0 0;font-size:12px}
.avatar-settings-row .button-row{flex-wrap:wrap;gap:14px}
.avatar-crop-modal{max-width:460px}
.avatar-crop-modal h2{padding-right:22px}
.avatar-crop-stage{position:relative;aspect-ratio:1;width:min(100%,320px);margin:22px auto 18px;border-radius:12px;overflow:hidden;touch-action:none;cursor:grab;background:repeating-conic-gradient(var(--field) 0% 25%,var(--surface) 0% 50%) 50% / 20px 20px;outline-offset:4px}
.avatar-crop-stage:active{cursor:grabbing}
.avatar-crop-stage canvas{display:block;width:100%;height:100%;pointer-events:none}
.avatar-crop-mask{position:absolute;inset:0;border-radius:50%;border:2px solid #fff9;box-shadow:0 0 0 80px #0008;pointer-events:none}
.avatar-crop-controls{display:flex;align-items:center;gap:22px}
.avatar-crop-controls>label{flex:1;min-width:80px;margin:0;font-size:12px}
.avatar-crop-controls input{display:block;width:100%;height:32px;padding:0;margin:5px 0 0;accent-color:var(--accent);border:0;background:transparent}
.avatar-crop-controls>.button-row{flex-shrink:0;gap:12px}
.avatar-crop-actions{margin-top:24px;justify-content:flex-end}
.avatar-crop-actions>.button{min-width:100px}
@media(max-width:700px){.avatar.avatar-profile{width:44px;height:44px;font-size:17px}.profile-heading{gap:12px}.profile-heading h1{font-size:23px}.avatar-settings-row{gap:16px}.avatar.avatar-large{width:66px;height:66px;font-size:24px}.avatar-settings-row .button{font-size:12px;padding:10px 12px}.avatar-settings-row .field-help{font-size:11px}.avatar-crop-modal{padding:24px 20px}.avatar-crop-controls{gap:14px}.avatar-crop-stage{margin-top:18px;width:min(100%,280px)}.avatar-crop-actions{margin-top:18px}.seat-heading>.user-avatar{display:inline-flex;width:22px;height:22px;font-size:9px}.lobby-row>.user-avatar{display:inline-flex;width:26px;height:26px;font-size:10px}}