{{ extends 'global/Page.html' }}
{{ block title }}Resultados{{ endblock }}

{{ block content }}

<div style="font-size: 1.15em; font-family: Arial, sans-serif; line-height: 1.6; text-align: center;">

  <h2 style="color: #2e7d32;">🎉 ¡Terminaste todos los juegos!</h2>

  <p>Gracias por participar con atención y buena onda. 😊</p>

  <p>💰 <strong>Tu total acumulado es:</strong><br>
    <span style="font-size: 1.5em; color: #1a237e;">
      <strong>{{ player.participant.payoff }}</strong> monedas
    </span>
  </p>

  <div style="background-color: #fff3cd; border-left: 5px solid #ffc107; padding: 10px; margin: 20px auto; font-size: 1em; width: 80%; border-radius: 6px;">
    🎁 Ahora la profe va a elegir 5 personas del salón de manera aleatoria para recibir sus premios según la cantidad de monedas que ganaron.
  </div>

  <p style="margin-top: 30px;"> 🙌 Ya puedes devolver el celular al profe.</p>

</div>

{{ endblock }}