{#
NPC Chat Modal (Expanded)
Shows NPC profile with portrait, relationship meter, and conversation interface
Uses shared content partial for consistency with dedicated page view
#}
<div class="modal-overlay" onclick="if(event.target === this) closeModal()">
    <div class="modal-content modal-content--xl">
        {# Modal Header #}
        <div class="modal-header">
            <h3 class="modal-title">{{ npc.name }}</h3>
            <button class="modal-close" onclick="closeModal()">&times;</button>
        </div>

        {# Modal Body - Uses shared content partial #}
        <div class="modal-body npc-modal-body npc-modal-body--three-col">
            {% include 'game/partials/npc_chat_content.html' %}
        </div>

        {# Modal Footer #}
        <div class="modal-footer">
            <button class="btn btn--secondary" onclick="closeModal()">
                End Conversation
            </button>
        </div>
    </div>
</div>
