.fila-clasificacion {
  display: flex;
  align-items: center;
  padding: .5rem 0;
  border-bottom: 1px solid var(--gris-200);
  font-size: .85rem;
  gap: .5rem;
  animation: fade-in-up .3s ease both;
  transition: background-color .3s ease;
}
.fila-clasificacion .puesto { position: relative; width: 1.6rem; font-family: var(--fuente-display); font-weight: 700; font-size: 1rem; color: var(--gris-700); }
.fila-clasificacion .alias { flex: 1; }
.ajuste-nota { font-size: .68rem; }
.fila-clasificacion .total { font-family: var(--fuente-display); font-weight: 700; font-size: 1.05rem; }
.fila-clasificacion:nth-child(1) .puesto { color: #d4af37; }
.fila-clasificacion:nth-child(2) .puesto { color: #9aa0a6; }
.fila-clasificacion:nth-child(3) .puesto { color: #b06a3a; }

/* Flecha de "has subido/bajado desde tu última visita" — aparece con un
   pequeño rebote junto al puesto y se desvanece sola, no hace falta
   quitarla a mano ni recordar el estado entre pantallas. */
.flecha-cambio-puesto {
  position: absolute;
  left: 100%;
  top: -.15rem;
  margin-left: .15rem;
  font-size: .58rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  opacity: 0;
  animation: flecha-cambio-in 3.4s ease both;
}
.flecha-cambio-puesto.subio { color: var(--verde); }
.flecha-cambio-puesto.bajo { color: var(--rojo); }
@keyframes flecha-cambio-in {
  0% { opacity: 0; transform: translateY(4px) scale(.6); }
  12% { opacity: 1; transform: translateY(-2px) scale(1.15); }
  22% { transform: translateY(0) scale(1); }
  78% { opacity: 1; transform: translateY(0) scale(1); }
  100% { opacity: 0; transform: translateY(0) scale(1); }
}