{{ block content }}
<div class="card bg-light m-3">
    <div class="card-body">
    <h3>
        Breve recapitulación
    </h3>

        <li>Te emparejan con una persona en la habitación vecina a lo largo de todos los juegos. Sus identidades nunca serán reveladas.</li>
        <li>La tabla indica cuantos puntos ganaréis tú y el otro participante dependiendo de vuestras acciones: </li>


    <table class='table table-bordered text-center'
           style='width: auto; margin: auto'>
        <tr>
            <th colspan=2 rowspan=2></th>
            <th colspan=2 style="color: forestgreen">El otro participante</th>
        </tr>
        <tr>
                <th style="color: forestgreen">A</th>
                <th style="color: forestgreen">B</th>
        </tr>
        <tr>
            <th rowspan=2><span style="transform: rotate(-90deg); color: #007dc1"">Tú</span></th>
            <th><b style="color: #007dc1"> A</b></th>
                <td> <b style="color: #007dc1"> 10</b>, <b style="color: forestgreen">20</b></td>
                <td> <b style="color: #007dc1"> 30</b>, <b style="color: forestgreen">40</b></td>
        </tr>
        <tr>
            <th><b style="color: #007dc1"> B</b></th>
                <td><b style="color: #007dc1"> 60</b>,<b style="color: forestgreen"> 50</b></td>
                <td><b style="color: #007dc1"> 90</b>, <b style="color: forestgreen">20</b></td>
        </tr>
    </table>
<br>
        <p>
            Por ejemplo, si  <b style="color: #007dc1">tú</b> eliges <b style="color: #007dc1">B</b> y el jugador <b style="color: forestgreen">verde</b> elige <b style="color: forestgreen">B</b>, tú ganarás <b style="color: #007dc1"> 90</b> y él ganará <b style="color: forestgreen">20</b>.
        </p>
        <p>
            <b> Recuerda que:</b>
            <ul>
                <li>la tasa de cambio es <b>10 puntos = 0,20€ </b> y puedes conseguir hasta 15,40€</li>
                <li>tendrás un tiempo limitado (35s) para tomar tu decisión, pero esto debería ser más que suficiente</li>
            </ul>
        </p>
    </div>
</div>
{{ next_button }}
{{ endblock }}