{{ block title }}
{{ endblock }}

{{ block content }}

<style>
    .result-box {
        font-family: serif;
        font-size: 20px;
        line-height: 1.6;
        max-width: 1000px;
    }

    .result-title {
        font-weight: bold;
        margin-bottom: 24px;
    }

    .result-subtitle {
        font-weight: bold;
        margin-bottom: 6px;
    }

    .result-text {
        margin-bottom: 30px;
    }
</style>

<div class="result-box">
    <div class="result-title">
        Hasil Putaran 1
    </div>

    <div class="result-subtitle">
        Putaran 1 – Bayaran per Jawaban Benar
    </div>

    <div class="result-text">
        Jumlah jawaban benar: <strong>{{ player.num_correct }}</strong>
    </div>
</div>

{{ next_button }}

<script>
document.addEventListener("DOMContentLoaded", function () {
    const btn = document.querySelector(".otree-btn-next");
    if (btn) {
        btn.textContent = "Lanjut";
    }
});
</script>

{{ endblock }}