{# Renders a single .sea-card-slot for the my-sea picker — either   #}
{# an empty drop zone (default) or a server-pre-filled slot from a  #}
{# saved MySeaDraw row. Used by iter 4b's saved-hand bypass.        #}
{#                                                                  #}
{# Args:                                                            #}
{#   position — slug of the position (lay/cover/crown/leave/loom/cross) #}
{#   saved    — saved_by_position[position] | dict | None           #}
{#   crossing — bool; pass True for the cross slot (gets the        #}
{#              `.sea-card-slot--crossing` modifier in iter-4a HTML) #}
{% if saved %}
    <div class="sea-card-slot sea-card-slot--filled sea-card-slot--visible sea-card-slot--{{ saved.polarity }}{% if saved.reversed %} sea-card-slot--reversed{% endif %}{% if crossing %} sea-card-slot--crossing{% endif %}"
         data-card-id="{{ saved.card_id }}"
         data-pos-key="{{ position }}">
        <span class="fan-corner-rank">{{ saved.corner_rank }}</span>
        {% if saved.suit_icon %}<i class="fa-solid {{ saved.suit_icon }}"></i>{% endif %}
    </div>
{% else %}
    <div class="sea-card-slot sea-card-slot--empty{% if crossing %} sea-card-slot--crossing{% endif %}"></div>
{% endif %}
