    </div><!-- container -->
    
    <!-- Item Tooltip -->
    <div id="itemTooltip" class="item-tooltip">
        <img id="tooltipImg" src="" alt="" style="width: 64px; height: 64px; margin-bottom: 10px; border-radius: 5px;">
        <div class="tooltip-title" id="tooltipTitle"></div>
        <div class="tooltip-subtitle" id="tooltipSubtitle"></div>
        <div id="tooltipStats"></div>
        <div class="tooltip-desc" id="tooltipDesc"></div>
    </div>

    <!-- Modal -->
    <div id="modal" class="modal" onclick="closeModal(event)">
        <div class="modal-content" onclick="event.stopPropagation()">
            <div class="modal-header">
                <h3 class="modal-title" id="modalTitle">Title</h3>
                <button class="modal-close" onclick="closeModal()">&times;</button>
            </div>
            <div class="modal-body" id="modalBody"></div>
        </div>
    </div>

    <script src="scripts.js"></script>
</body>
</html>


