{% for obs in game.obstacles %}
    <div class="obstacle-item suit-{{ obs.suit.lower() }}">
        <div class="obstacle-meta">
            <span class="suit-badge">{{ obs.symbol }} {{ obs.suit.upper() }}</span>
            <span class="card-code">{{ obs.original_card }}</span>
        </div>
        <div class="obstacle-details">
            <h4>{{ obs.title }}</h4>
            <p class="desc">{{ obs.description }}</p>
        </div>
        
        <!-- Value Display -->
        <div class="obstacle-value-display text-center">
            <span class="val-label">Current Difficulty</span>
            <span class="val-number">
                {% if parse_card(obs.original_card).value in ["J", "Q", "K"] %}
                    Rank ({{ player_rank }})
                {% else %}
                    {{ obs.current_value }}
                {% endif %}
            </span>
        </div>
        
        <!-- Played Cards Column -->
        <div class="played-column">
            <h5>Card History (Column)</h5>
            {% set column_cards = json_loads(obs.played_cards) %}
            <div class="column-cards-flex">
                <div class="card-mini base-card">
                    <span class="val">{{ obs.original_card[:-1] }}</span>
                    <span class="suit">{{ obs.symbol }}</span>
                </div>
                {% for pc in column_cards %}
                    <div class="card-mini played-card rotated {% if pc.success %}success{% else %}failure{% endif %}" 
                         title="{{ pc.player_name }} played {{ pc.card }}: {{ pc.details }}">
                        <span class="val">{{ pc.card[:-1] if not pc.card.startswith('Joker') else '🃏' }}</span>
                        <span class="suit">{{ parse_card(pc.card).symbol }}</span>
                        <span class="owner">{{ pc.player_name[:4] }}</span>
                    </div>
                {% endfor %}
            </div>
        </div>
    </div>
{% else %}
    <p class="empty-text">No active obstacles. Deep players can end the scene!</p>
{% endfor %}