/* Гримасы: плоская графика шестидесятых */
.fc { width: 100%; height: 100%; overflow: visible; }
.fc-g {
  fill: none;
  stroke: var(--fcInk, #2a1a12);
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.fc-eyes { fill: var(--fcPaper, #f4e6cc); }
.fc-pupil { fill: var(--fcInk, #2a1a12); stroke: none; }
.fc-fill  { fill: var(--fcInk, #2a1a12); stroke: none; }
.fc-blush { fill: var(--fcBlush, #d6417f); stroke: none; opacity: .45; }
.fc-brow  { stroke-width: 7; }

/* лёгкое «дыхание», чтобы лица не были мёртвыми */
.fc--live .fc-g { animation: fc-breathe 3.2s ease-in-out infinite; transform-origin: 50px 50px; }
@keyframes fc-breathe { 0%,100% { transform: scale(1); } 50% { transform: scale(1.035); } }

/* появление */
.fc--pop { animation: fc-pop .42s cubic-bezier(.2,1.5,.4,1) both; }
@keyframes fc-pop { from { transform: scale(.4) rotate(-10deg); opacity: 0; } }

@media (prefers-reduced-motion: reduce) {
  .fc--live .fc-g, .fc--pop { animation: none !important; }
}