</div> <!-- /.container -->

<!-- Item Tooltip -->
<div id="itemTooltip" class="item-tooltip">
  <div id="tooltipTitle" class="tooltip-title"></div>
  <div id="tooltipSubtitle" class="tooltip-subtitle"></div>
  <img id="tooltipImg" src="" alt="" style="width:100%;max-height:160px;object-fit:cover;border-radius:6px;margin:8px 0;display:none;">
  <div id="tooltipStats"></div>
  <div id="tooltipDesc" class="tooltip-desc"></div>
</div>

<!-- Modal -->
<div id="modal" class="modal" onclick="closeModal(event)">
  <div class="modal-content">
    <div class="modal-header">
      <div id="modalTitle" class="modal-title">Modal</div>
      <button class="modal-close" onclick="closeModal()">×</button>
    </div>
    <div id="modalBody" class="modal-body"></div>
  </div>
</div>

<?php
// Cache-bust JS (bump this when scripts.js changes)
$jsVer = '20260317_fix2';
?>
<script src="<?php echo htmlspecialchars(BASE_URL, ENT_QUOTES, 'UTF-8'); ?>/scripts.js?v=<?php echo htmlspecialchars($jsVer, ENT_QUOTES, 'UTF-8'); ?>"></script>
</body>
</html>