<nav id="toc" class="hidden lg:block w-full max-w-sm pixel-box lg:sticky lg:top-24 lg:max-h-[calc(100vh-6rem)] lg:w-80 lg:overflow-y-auto">
  <div class="font-['Press_Start_2P'] text-xs p-6 uppercase tracking-wide pixel-corner flex items-center justify-between">
    <span style="color: var(--pixel-accent-3);">📖 Índice</span>
    <span class="pixel-candle" style="width: 8px; height: 12px;"></span>
  </div>
  <ul class="ps-8 mt-4 space-y-3 text-sm pb-6">
    <li><a href="#primeros-pasos">✦ Primeros Pasos</a></li>
    <li><a href="#comandos-basicos">✦ Comandos Básicos</a></li>
    <li><a href="#ejemplos-basicos">✦ Ejemplos Básicos</a></li>
    <li><a href="#sistema-juego">✦ Sistema de Juego</a></li>
    <li><a href="#minijuegos">✦ Minijuegos</a></li>
    <li><a href="#inventario-equipo">✦ Inventario y Equipo</a></li>
    <li><a href="#economia">✦ Economía</a></li>
    <li><a href="#tienda">✦ Tienda</a></li>
    <li><a href="#crafteo">✦ Crafteo</a></li>
    <li><a href="#logros">✦ Logros</a></li>
    <li><a href="#misiones">✦ Misiones</a></li>
    <li><a href="#racha-diaria">✦ Racha Diaria</a></li>
    <li><a href="#consumibles">✦ Consumibles</a></li>
    <li><a href="#cofres">✦ Cofres</a></li>
    <li><a href="#encantamientos">✦ Encantamientos</a></li>
    <li><a href="#fundicion">✦ Fundición</a></li>
    <li><a href="#ia">✦ IA</a></li>
    <li><a href="#recordatorios">✦ Recordatorios</a></li>
    <li><a href="#alianzas">✦ Alianzas</a></li>
    <li><a href="#admin">✦ Administración</a></li>
    <li><a href="#configuracion">✦ Configuración</a></li>
    <li><a href="#ejemplos-avanzados">✦ Ejemplos Avanzados</a></li>
    <li><a href="#estadisticas">✦ Estadísticas</a></li>
    <li><a href="#tips">✦ Tips y Trucos</a></li>
    <li><a href="#faq">✦ FAQ</a></li>
  </ul>
</nav>

