{% load gameui %}
<div class="text-xs text-center mt-1">
    {% if show_protection_message %}
        <p class="text-xs text-center mt-1">Accounts in lower tiers than you have special attack restrictions</p>
    {% endif %}
    <div class="hidden md:flex flex-wrap justify-center">
        {% settings_value 'TIERS' as tiers %}
        {% for tier in tiers %}
            <div class="mb-1 md:mb-0 {% if not forloop.last %}pr-8{% endif %}">
                <span class="block md:inline font-bold">{{ tier.title }}</span>
                <span class="block md:inline">{{ tier.emoji }}</span>
                <span class="block md:inline">({{ tier.description }})</span>
            </div>
        {% endfor %}
        <br/>
    </div>
</div>