/* ===== Faces: laughs only. Ours are line in gold; the classics are emoji. */
.lafterAvatar {
    display: inline-flex; align-items: center; justify-content: center;
    width: 36px; height: 36px; flex: none;
    border-radius: 50%;
    border: 1px solid var(--gold-dim);
    background: var(--bg-card);
    color: var(--gold);
    overflow: hidden;
}
/* Inked alike: the same line on every drawn face, on its own box. */
.lafterAvatar svg { width: 100%; height: 100%; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
/* A drawn face carries its own circle, and what sticks out of it stays: no
   ring from here, nothing clipped. */
.lafterAvatar.isDrawn { border: 0; background: none; overflow: visible; }
/* The noob is the team picker's, line for line, on its own 24 box. */
.lafterAvatar svg.isNoob { stroke-width: 1.3; }
.lafterAvatar.isBig svg.isNoob { stroke-width: 0.9; }
/* An emoji is the whole picture: no ring, no fill behind it. */
.lafterAvatar:not(.isDrawn) { border: 0; background: none; border-radius: 0; overflow: visible; }
.lafterAvatarEmoji { font-size: 32px; line-height: 1; }
.lafterAvatar.isBig { width: 96px; height: 96px; border-width: 1.5px; }
.lafterAvatar.isBig .lafterAvatarEmoji { font-size: 88px; }
.lafterAvatar.isBig svg { stroke-width: 1.1; }