/* Volty, la mascotte disjoncteur : barre + bulle + animations. */

.volty-barre {
  display: flex;
  gap: var(--esp-3);
  align-items: flex-end;
  margin-bottom: var(--esp-3);
}

.volty-svg {
  flex: 0 0 64px;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.35));
}

.volty-bulle {
  background: var(--fond-2);
  border: 1px solid var(--bordure);
  border-radius: 14px 14px 14px 4px;
  padding: 11px 13px;
  font-size: 0.85rem;
  line-height: 1.45;
}
.volty-bulle b { color: var(--jaune); }

/* Réussite : petit saut */
.volty-saute { animation: volty-saut 0.5s ease; }
@keyframes volty-saut {
  0%, 100% { transform: translateY(0); }
  40% { transform: translateY(-8px); }
}

/* Échec : Volty disjoncte (secousse) */
.volty-disjoncte { animation: volty-secousse 0.4s ease; }
@keyframes volty-secousse {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-4px) rotate(-2deg); }
  75% { transform: translateX(4px) rotate(2deg); }
}

@media (prefers-reduced-motion: reduce) {
  .volty-saute, .volty-disjoncte { animation: none; }
}