.player-portrait{display:inline-block;position:relative;flex:none;width:60px;height:60px;isolation:isolate;vertical-align:middle}
.player-portrait .message-avatar-frame{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;background:#17221b}
.player-portrait .message-avatar{display:block;width:100%;height:100%;object-fit:contain;transform:translateY(-4%) scale(1.5)}
.player-frame{position:absolute;z-index:1;left:50%;top:calc(50% + var(--frame-y,0%));width:calc(100% * var(--frame-scale,1.4));height:calc(100% * var(--frame-scale,1.4));max-width:none;object-fit:contain;transform:translate(-50%,-50%);pointer-events:none}
.player-title{display:block;width:132px;height:44px;object-fit:contain;object-position:left center}
.message-meta{gap:18px;padding:12px 10px}.message-identity{display:flex;flex-direction:column;min-width:0;gap:2px}.message-identity>span{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.message.own .message-identity{align-items:flex-end}.message.own .player-title{object-position:right center}
/* Keep the portrait on the outer edge; name and title face the conversation. */
.messages .message.own .message-meta{flex-direction:row-reverse}
.account-appearance{display:flex;align-items:center;gap:24px;padding:26px 12px}.account-appearance-links{display:flex;gap:8px;flex-wrap:wrap}.account-appearance-links a{display:inline-block;border-radius:999px;background:#26343b;color:#edf5ed;padding:10px 15px;text-decoration:none;-webkit-tap-highlight-color:transparent}.account-appearance-links a:focus-visible{outline:2px solid #b5ef9d;outline-offset:3px}
@media(max-width:600px){.player-portrait{width:56px;height:56px}.message-meta{gap:17px;padding:12px 9px}.player-title{width:118px;height:38px}}

/* One shared composition for the member panel and the outfit preview. */
.account-appearance.profile-stage{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:42px 22px 24px;margin:20px 0;border-radius:24px;background:radial-gradient(ellipse at center,#a1eb6521,transparent 75%),linear-gradient(145deg,#26342c,#182328);text-align:center}.profile-stage .player-portrait{width:116px;height:116px;margin:12px}.profile-stage .profile-stage-name{font-size:22px;line-height:1.5;overflow-wrap:anywhere;max-width:100%;margin:8px 0 0}.profile-stage .player-title{width:210px;height:60px;object-position:center}.profile-stage .appearance-title-slot{min-height:60px}@media(max-width:600px){.account-appearance.profile-stage{padding:38px 16px 20px;gap:20px}.profile-stage .player-portrait{width:100px;height:100px}.profile-stage .profile-stage-name{font-size:20px}.profile-stage .player-title{width:190px;height:57px}}