/* Space 2047 HD Edition 5.2.2 — Character personality and idle expressions */

[data-s2047-personality-enhanced="true"] {
  --s2047-glance-x: 0;
  --s2047-glance-y: 0;
  transform-origin: 50% 92%;
}

[data-s2047-personality-enhanced="true"] [data-s2047-eyes],
[data-s2047-personality-enhanced="true"] .s2047-character-eyes,
[data-s2047-personality-enhanced="true"] .character-eyes,
[data-s2047-personality-enhanced="true"] .eyes {
  transform: translate(calc(var(--s2047-glance-x) * 1px), calc(var(--s2047-glance-y) * 1px));
  transition: transform 140ms ease-out, opacity 70ms linear;
  transform-origin: center;
}

[data-s2047-blinking="true"] [data-s2047-eyes],
[data-s2047-blinking="true"] .s2047-character-eyes,
[data-s2047-blinking="true"] .character-eyes,
[data-s2047-blinking="true"] .eyes {
  transform: translate(calc(var(--s2047-glance-x) * 1px), calc(var(--s2047-glance-y) * 1px)) scaleY(.08);
}

.s2047-personality-idle-active[data-s2047-idle-style="moustache-proud"] {
  animation: s2047-idle-moustache-proud 1.05s ease-in-out 1;
}
.s2047-personality-idle-active[data-s2047-idle-style="thoughtful"] {
  animation: s2047-idle-thoughtful 1.15s ease-in-out 1;
}
.s2047-personality-idle-active[data-s2047-idle-style="alert"] {
  animation: s2047-idle-alert .82s ease-in-out 1;
}
.s2047-personality-idle-active[data-s2047-idle-style="confident"] {
  animation: s2047-idle-confident 1.08s ease-in-out 1;
}
.s2047-personality-idle-active[data-s2047-idle-style="natural"] {
  animation: s2047-idle-natural 1.05s ease-in-out 1;
}

@keyframes s2047-idle-moustache-proud {
  0%, 100% { translate: 0 0; rotate: 0deg; }
  42% { translate: 0 -1px; rotate: -1deg; }
  70% { translate: 0 -1px; rotate: 1deg; }
}
@keyframes s2047-idle-thoughtful {
  0%, 100% { translate: 0 0; rotate: 0deg; }
  48% { translate: -1px 0; rotate: -1.25deg; }
}
@keyframes s2047-idle-alert {
  0%, 100% { translate: 0 0; }
  35% { translate: 1px -1px; }
  68% { translate: -1px 0; }
}
@keyframes s2047-idle-confident {
  0%, 100% { translate: 0 0; rotate: 0deg; }
  50% { translate: 1px -1px; rotate: .8deg; }
}
@keyframes s2047-idle-natural {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -1px; }
}

@media (prefers-reduced-motion: reduce) {
  .s2047-personality-idle-active[data-s2047-idle-style] { animation: none !important; }
  [data-s2047-personality-enhanced="true"] [data-s2047-eyes],
  [data-s2047-personality-enhanced="true"] .s2047-character-eyes,
  [data-s2047-personality-enhanced="true"] .character-eyes,
  [data-s2047-personality-enhanced="true"] .eyes { transition: none !important; }
}