/* Impulso Ajedrez · variante con avatares — el personaje vive DENTRO de los paneles,
   como si fuera quien da cada indicación. Tamaño fijo y estandarizado. */

.avatar-portrait {
  display: block;
  width: 170px;            /* tamaño FIJO en todos los paneles */
  height: 204px;           /* 170 × (360/300), proporción del lienzo uniforme */
  object-fit: contain;
  object-position: bottom center;
  margin: 0 auto 12px;
  filter: drop-shadow(0 6px 8px rgba(20, 33, 121, .25));
}
.avatar-portrait.pop { animation: avatarPop .4s ease; }
@keyframes avatarPop {
  0%   { transform: scale(0.9) translateY(6px); opacity: .55; }
  60%  { transform: scale(1.04); }
  100% { transform: scale(1) translateY(0); opacity: 1; }
}

/* en el panel del entrenador, separa con una línea suave del mensaje */
#coachPanel .avatar-portrait { margin-bottom: 8px; }

/* avatar de bienvenida en la portada, un poco más grande y centrado */
#view-home .hero .avatar-portrait { width: 200px; height: 240px; margin-bottom: 4px; }

/* en móvil el avatar NO aparece (ni opción de activarlo) */
@media (max-width: 900px) {
  .avatar-portrait { display: none !important; }
}