{{ block title }}
<span style="color: red;">練習回合：回合結果</span>
{{ endblock }}

{{ block content }}
<style>
    p {font-size: 18px;}
    .card {background-color: lightyellow;}
</style>

<div class="card m-3">
    <div class="card-header">
        <h3>實驗指引</h3>
    </div>
    <div class="card-body" id="rules">
        <p>
            你會在這個頁面看到本回合結果。 <br>
            因為這是練習回合，這裡呈現的結果並不會計入你的報酬。
        </p>
    </div>
</div>

<div class="card bg-light m-3">
    <div class="card-body">
        <p>
            目標數值是 <span style="font-weight:bold;"> {{ player.target_number }} </span>。<br>
            你選的數是 <span style="color: blue;font-weight:bold"> {{ player.number }}</span>，而電腦抽出的數是 <span style="color: green;font-weight:bold">{{ player.the_other_number }}</span>。<br>
            <span style="color: red;font-weight:bold"> {{ result }} </span> <br>
            你這回合的報酬是 {{ player.temp_payoff }}。
        </p>
    </div>
</div>

{{ next_button }}
{{ endblock }}