/* The avatar begins at the cover/content gutter at every breakpoint. The
   owner's decorated identity card retains its own artwork and inner padding. */
.app-body .player-profile .profile-identity{margin-top:-32px;padding:0 0 24px;align-items:flex-start}
.app-body .player-profile .profile-identity>div:not(.profile-identity-actions){flex:1;min-width:0}
.app-body .player-profile .profile-identity>.profile-identity-card{padding:24px 20px 16px}
.app-body .player-profile .profile-online{display:flex;min-height:1.5em;line-height:1.5}
.app-body .player-profile[data-profile-header-layout="plain"] .profile-identity{margin-top:16px}
.app-body .player-profile .profile-identity .profile-header-metadata{display:flex;flex-wrap:wrap;gap:8px 16px;line-height:1.5;margin-bottom:0;overflow-wrap:anywhere}
.app-body .player-profile .profile-header-metadata>span{max-width:100%;min-width:0;gap:5px}
.app-body .player-profile .profile-header-metadata .icon{flex:none}
/* Plain and unknown visitors keep the same layered nameplate without art. */
.app-body .player-profile .profile-identity>.profile-identity-neutral{background:linear-gradient(115deg,#242a27,#181c1a);border-color:#ffffff20}
@media(max-width:600px){
 .app-body .player-profile .profile-identity{margin-top:-24px;gap:12px}
 .app-body .player-profile .profile-identity>.profile-identity-card{padding:32px 12px 12px}
 .app-body .player-profile .profile-identity .profile-header-metadata{font-size:12px;gap:6px 12px}
}