{# Deck stack — mono (single DECK) or dubbo (DECKS: Gravity + Levity), per   #}
{# `deck.is_polarized`. Shared by the owner picker (my_sea.html) AND the     #}
{# read-only visitor cross (_my_sea_visit_cross.html). `deck` = the          #}
{# DeckVariant to render; `flip_disabled` forces the FLIP btn to its         #}
{# disabled (×) state — owner: hand_complete; visitor: always (a read-only   #}
{# spectator can't deal). Markup is byte-identical to the owner's prior      #}
{# inline stack so existing assertions hold.                                 #}
{% if deck.is_polarized %}
<div class="sea-stacks">
    <span class="sea-stacks-label">DECKS</span>
    <div class="sea-deck-stack sea-deck-stack--gravity">
        <div class="sea-stack-face">
            <button class="btn btn-reveal sea-stack-ok{% if flip_disabled %} btn-disabled{% endif %}" type="button">{% if flip_disabled %}&times;{% else %}FLIP{% endif %}</button>
        </div>
        <span class="sea-stack-name">Gravity</span>
    </div>
    <div class="sea-deck-stack sea-deck-stack--levity">
        <div class="sea-stack-face">
            <button class="btn btn-reveal sea-stack-ok{% if flip_disabled %} btn-disabled{% endif %}" type="button">{% if flip_disabled %}&times;{% else %}FLIP{% endif %}</button>
        </div>
        <span class="sea-stack-name">Levity</span>
    </div>
</div>
{% else %}
<div class="sea-stacks sea-stacks--single">
    <span class="sea-stacks-label">DECK</span>
    <div class="sea-deck-stack sea-deck-stack--single">
        <div class="sea-stack-face">
            {% if deck.has_card_images %}
            <img class="sea-stack-face-img" src="{{ deck.back_image_url }}" alt="">
            {% endif %}
            <button class="btn btn-reveal sea-stack-ok{% if flip_disabled %} btn-disabled{% endif %}" type="button">{% if flip_disabled %}&times;{% else %}FLIP{% endif %}</button>
        </div>
    </div>
</div>
{% endif %}
