{{ block title }}
    Game {{ player.round_number }}
{{ endblock }}
{{ block content }}
    <style>
        .otree-title {
            background: #EEF5FF;
            font-size: 40px;
            text-align: center;
            padding: 5% 0% 2% 0%;
        }
        .otree-body {
            max-width:1600px
        }
        .otree-btn-next {
            float: right;
            margin-right: 1%;
        }
        p {
            font-size: 20px;
        }
    </style>

    {{ if player.id_in_group == 1}}
    <p> <inline style="color:#FF0000"><b> You are the RED participant. </b></inline> You have been randomly paired with another person: the
    BLUE participant.<p/>
    {{ endif }}
    {{ if player.id_in_group == 2}}
    <p> <inline style="color:#0000FF"><b> You are the BLUE participant. </b></inline> You have been randomly paired with another person: the
    RED participant.<p/>
    {{ endif }}

    {{ if not player.participant.control }}
    <div>
        <table style="margin-top: 4%">
            <tr>
                <td style="width: 45%">
                    <p><b>{{ other_color }} performed in the {{ other_quartile }}
                      Quartile.</b> This means that they scored higher than
                      between {{ quartile_range }} of participants in the lab. <p/>
                </td>
                <td style="padding-left: 2%">
                    <img class="image" src="{{ static image_path }}" style="width:100%;"/>
                </td>
            </tr>
        </table>
    </div>
    {{ endif }}

    {{ if player.id_in_group == 1 }}
    <p><b> You will go first. </b></p>
    {{ else }}
    <p><b> You will go second. </b></p>
    {{ endif }}

    <p>Click “ready” when you are ready to begin. Game {{ player.round_number }} will begin once both participants click
    “ready.”</p>


{{ next_button }}


{{ endblock }}