header.njk

<header class="sticky top-0 z-[100] w-full bg-[var(--bg-page)]/80 backdrop-blur-md border-b-2 border-[var(--border-color)]">
  <div class="max-w-7xl mx-auto px-4 py-4 md:py-6 flex flex-col lg:flex-row items-center justify-between gap-6">

    {% include "header-details.njk" %}

    <nav class="flex items-center gap-2">
      <a href="/games/" class="text-[10px] font-black uppercase tracking-widest px-3 py-1.5 rounded-lg border border-[var(--border-color)] text-[var(--text-muted)] hover:text-accent hover:border-accent transition-all{% if page.url == '/games/' %} border-accent text-accent{% endif %}">
        🕹️ Arcade
      </a>
    </nav>

    {% include "game-stats.njk" %}

  </div>
</header>