{{ block styles }}
<link rel="stylesheet" href="{{ static 'coin_flip.css' }}">
{{ endblock }}

{{ block title }}
<div class="game-wrapper" style="text-align: center; color: lime">
    <div class="result-card">
        Real Round <br>
        Round Number: {{ player.round_number }}
    </div>
</div>
{{ endblock }}

{{ block content }}
<div class="game-wrapper">
<div class="game-header">
    <div class="result-card">
        <h2 style="text-align:center;">💵 Your Balance
            <div class="balance-amount"> {{ balance }}</div>
        </h2>
    </div></div>
<br>
<span style="text-align: left;">
    <p><b>The game will end if you choose not to play.</b></p>


{{ formfield 'play_round' }}
</span>

    <br/>

    <div class="result-card">
    <p style="text-align:center;">
        If you win in this round:<br>
        <strong><div class="balance-amount">{{ multiplier }}× bet</div></strong>
    </p>
    </div>

    <br/>

</div>



<div class="next-btn-center">
    {{ next_button }}
</div>

{{ endblock }}