{% load otree %}

<div class="card bg-light m-3">
    <div class="card-body">

    <h3>
        ゲームの説明
    </h3>

    <link rel="stylesheet" type="text/css"
          href="{% static 'global/matrix.css' %}"/>

    <p>
        コンピュータを相手にジャンケンをしてください。<br>
        ただしこのジャンケンでは「チョキ（はさみ）」と「パー（かみ）」しか使えません。
    </p>
    <p><i>得点は次のとおりです。</i></p>

     <table class='table table-bordered'
           style='width: auto; margin: auto'>
        <tr>
            <th>勝敗決着の場合</th>
            <td>チョキは5点、パーは0点</td>
        </tr>
        <tr>
            <th rowspan=2><span style="transform: rotate(-90deg);">あいこの場合</span></th>
            <td>チョキ同士は、互いに1点</td>
        </tr>
         <tr>
            <td>パー同士は、互いに3点</td>
        </tr>
     </table>

</div>
</div>