/* Shared circular identity contour: flat charter gold. */
:root{--ta-avatar-border-width:2px}
/* Only circular identity components participate; editorial photographs do not. */
:root :is(body,#app) :is(
 .ta-avatar,.avatar,.mini-avatar,.v1-artist-avatar,.v1-inbox-avatar,
 .artist-portrait,.ta-reference-hero__portrait,.ta-qr-dialog__portrait,
 .ta-public-navigation-header__avatar,.ta-artist-portal__portrait,
 .territory-artist-card__portrait,.ta-explorer__offer-avatar,
 .ta-explorer__recent-map-avatar,.ta-explorer__portal-portrait,
 .atlas-account-avatar,.artist-identity__avatar,.artist-chips__avatar,
 .mini-portrait,.ta-artist-portal-card__portrait,.artist-profile-card__portrait,
 .artist-profile-detail__portrait,.artist-contact__portrait,
 .ta-atlas-work-card__artist>img,.ta-atlas-work-card__artist>span,
 .ta-portal-editor__media-control--portrait>img,.ta-portal-editor__monogram
){box-sizing:border-box;border:var(--ta-avatar-border-width) solid var(--ta-color-gold,#eecd6e);border-radius:50%}

:root :is(body,#app) :is(
 .ta-artist-portal__portrait,.territory-artist-card__portrait,
 .ta-explorer__portal-portrait,.ta-artist-portal-card__portrait,
 .artist-profile-card__portrait,.artist-profile-detail__portrait,
 .artist-contact__portrait,.artist-portrait,.ta-reference-hero__portrait,
 .v1-artist-avatar
){--ta-avatar-border-width:3px}

@media(forced-colors:active){
 :root :is(body,#app) :is(.ta-avatar,.avatar,.mini-avatar,.ta-artist-portal__portrait,.territory-artist-card__portrait,.atlas-account-avatar,.artist-identity__avatar){outline:2px solid CanvasText;outline-offset:-2px}
}

/* Account images keep a readable monogram while loading or after an error. */
#app .ta-avatar-visual{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:inherit;overflow:hidden}
#app .ta-avatar-fallback{grid-area:1/1;line-height:1;font-size:13px}
#app .ta-avatar-visual img{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover;opacity:0}
#app .ta-avatar-visual img.is-loaded{opacity:1}

