{{ 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>
        Exit?
    </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>

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

<span style="text-align: left;">
{{ formfield 'play_round_sure' }}
</span>

    <br/>

    <div class="result-card">
    <p style="text-align:center;">
        <div class="balance-amount" style = "color: red;"><stong>The game will end if you choose not to play.</strong></div>
    </p>
    </div>

    <br/>

</div>



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

{{ endblock }}