/* ─── Character SVG positioning ──────────────────────────── */
.character {
  position: absolute;
  overflow: visible;
}

/* Round caps/joins — colour is set inline per element */
.character line,
.character path,
.character polyline {
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ─── Emotion elements: hidden by default ────────────────── */
.character .mouth,
.character .eyebrow,
.character .tear,
.character .blush,
.character .heart-eye {
  opacity: 0;
}

/* ─── Utility: flip character to face left ───────────────── */
.character.flip {
  transform: scaleX(-1);
}