{% extends "global/Page.html" %}
{% load otree %}
{% block content %}
{% include "joint_inference/_styles.html" %}

<div style="text-align:right; color:#888; font-size:0.85em; margin-bottom:8px;">
{% if player.is_practice %}Practice trial {{ player.round_number }} of 2{% else %}Trial {{ trial_num }} of 8{% endif %}
</div>


<h2>{{ label }}</h2>

{% if is_practice %}
<p style="background:#fff7cc; padding:8px; border-radius:4px;"><b>This is a practice trial — no points at stake.</b></p>
{% endif %}

<p>You have a fresh box of 100 balls with an unknown mix of red and blue.</p>
<p>You will draw <b>{{ n_i }} balls</b> from Box 1.</p>

{{ next_button }}
{% endblock %}