{% block title %}
Instructions
{% endblock %}

{% block content %}
<style>
    body {
        background-color: #f4f4f4;  /* Aa light grey background */
    }

    .instructions-container {
        font-family: Helvetica, sans-serif;
        text-align: left;
        color: rgb(0, 0, 0);
        background-color: white;
        padding: 40px 50px;
        border-radius: 15px;
        margin: 50px auto;
        max-width: 800px; 
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);  /* subtle shadow */
    }

    h3 {
        color: rgba(13, 202, 240, 1.0);
        margin-bottom: 20px;  /* space below the heading */
    }

    h4 {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    p {
        line-height: 1.5;  
        margin-bottom: 20px;  /* space between paragraphs */
    }

    b {
        display: block;  /* bold text appear on its own line */
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 18px;
        color: rgb(0, 70, 84);
    }

</style>

<div class="instructions-container">
    <h3>Instructions for the Game</h3>
    <p>
        Welcome to game. Your decisions in this game will determine your earnings, which can be converted into a real monetary bonus. The bonus conversion rate is 100 points = $1.00 or ¢100 (cents) rounded to tenths. 
        Please take your time to read and understand the instructions and questions. The speed at which you complete the forms will not influence your payments.        
    </p>
    <p>
        In this game, there are two distinct roles: Player A and Player B. 
        The game consists of two sequential phases. In Phase 1, Player A establishes the percentage of Player B's production that will be transferred to them. 
        In Phase 2, Player B decides how much to produce. 
    </p>
    <b>Phase 1: Player A chooses the tax amount</b>
    <p>
        In Phase 1: Player A selects a percentage between 0% and 100%. This percentage determines the portion of Player B's production to be transferred to Player A. 
        After Player A's decision, Phase 2 commences.
    </p>
    
    <b>Phase 2: Player B decides how much to produce</b>
    <p>
        In Phase 2: Player B decides how much to produce within a range of 0 to 100 points. To produce, Player B moves the sliders. Player B can decide not to produce at all or to stop producing at any time.<br>
        After Phase 2, the earnings will be calculated and announced based on the decisions made by both Player A and Player B. Any fractions in the shares will be rounded up to the nearest whole number with priority for Player A.
    </p>

    <b>Example of payoff determination</b>
    <p>
        Let's assume that in Phase 1: Player A chose 60% as the tax.
        <br>
        And in Phase 2: Player B produced 50 points.
        <ul>
        <li> Player A would receive a total payoff of 30 points (60% of 50 points). </li>
        <li> Player B would receive a total payoff of 20 points (50 – 30 = 20 points).</li>
        </ul>
    </p>
    
    <p>
        The experiment is for academic research only. All participants in this experiment will remain anonymous. Roles are randomly assigned. After the game a short survey will be provided.
        <br> 
        <br> 
        Clicking on the “Next” button signifies your informed consent to proceed. 
    </p>
    {{ next_button }}

</div>

{% endblock %}