/*
 * Kickerbay R56 – geschlechtsabhängiger 360°-Ersatzavatar,
 * einschließlich der Profilbilder in der Aktuelles-Kachel.
 * Nur Bilder mit .kb-avatar-fallback-360 werden bewegt; echte Profilfotos
 * bleiben vollständig statisch.
 */

.avatar,
.kb-avatar,
.kb-profile-mini-card,
.kb-event-media,
.lb-pro-avatar,
.lb-profile-hero,
.lb-trainer-photo {
  perspective: 720px;
}

img.kb-avatar-fallback-360 {
  object-fit: contain !important;
  transform-origin: 50% 52%;
  transform-style: preserve-3d;
  backface-visibility: visible;
  will-change: transform, filter;
  animation: kb-avatar-face-turn-360 7.2s cubic-bezier(.42, 0, .58, 1) infinite;
  filter:
    drop-shadow(0 2px 4px rgba(0, 0, 0, .45))
    drop-shadow(0 0 6px rgba(71, 155, 255, .22));
}

@keyframes kb-avatar-face-turn-360 {
  0%,
  12% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(180deg);
  }
  88%,
  100% {
    transform: rotateY(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  img.kb-avatar-fallback-360 {
    animation: none !important;
    transform: none !important;
  }
}