<turbo-stream action="replace" target="npcs">
  <template>
    <div id="npcs" class="row g-2 w-100">
  <div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1663-esclave-endurant">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/2321.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esclave Endurant</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1632-esclave-epuise">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/2289.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esclave Épuisé</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4495-esclave-gobelin">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/20248203c7cf585a42b133c0b4506d33.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esclave gobelin</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1631-esclave-grincheux">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/2288.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esclave Grincheux</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4529-esclave-lenalde">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/aa7780fdff0bd30a8ffcb239c06aa09a.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esclave lenalde</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4388-esclave-ouginak">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/5263.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esclave ouginak</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4389-esclave-ouginak">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/5264.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esclave ouginak</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4390-esclave-ouginak">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/5265.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esclave ouginak</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1661-esclave-pecheur">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/263b96b605527fc5cf12505995c5756d.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esclave Pêcheur</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1659-esclave-reactionnaire">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/2317.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esclave Réactionnaire</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4424-esclave-rebelle">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/5307.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esclave rebelle</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4498-esclave-resigne">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/5387.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esclave résigné</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1633-esclave-revancharde">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/2290.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esclave Revancharde</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4497-esclave-taure">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/38261df8d75c8b1d9692d0e8877e940e.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esclave taure</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4530-esclave-wabbit">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/3fd8916fc0d87880c6c09ce3c74e8857.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esclave wabbit</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4521-escorte-skentu">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/9a09449d2729250b9a02c66ae131687d.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Escorte Skentu</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1149-eskarina">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/1788.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Eskarina</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/3743-esneb">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/4528.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esneb</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/3000-espehak">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/0b4e4f41eaf3095cbf428d13cc7fe8e7.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Espéhak</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4795-esperanza">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/567fb2ceaa9561dd0d96186148b19529.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esperanza</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/517-espion-blesse">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/979.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Espion blessé</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4857-espion-de-daigoro">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/bd493c3c893f9d623bf508d58d030d32.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Espion de Daïgoro</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4456-espion-de-guerre">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/37201856aa7e776a80a66cc5f8b42781.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Espion de Guerre</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4465-espion-de-guerre">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/9f4f33b4ff7e5711df9b02c1d03d09ff.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Espion de Guerre</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/519-espion-en-fuite">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/981.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Espion en fuite</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/5011-esprit-apaise-de-tonam-etamwa">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/4b6e6bd74953545c1a6d706eafc27239.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit apaisé de Tonam Etamwa</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4883-esprit-assoiffe">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/36357ac9280c1626b5cd906a27ca98ef.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit Assoiffé</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/5663-esprit-boutefeu">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/3e1ef8a8d3379901fbb509fe1b5457dc.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit boutefeu</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/3151-esprit-d-azrim">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/81d7a7b78cbb1360c3278dd8b896b589.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit d&#39;Azrim</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/5237-esprit-de-bakujikera">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/5f63b799ca4e82634e08544c91b0b6a1.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit de Bakujikera</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/5515-esprit-de-bakujikera">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/747504e6b58840cf2b831658ee41477a.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit de Bakujikera</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/2268-esprit-de-bolgrot">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/29d5c48ad89201d64849555b1cd2e661.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit de Bolgrot</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/682-esprit-de-cabotine">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/1269.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit de Cabotine</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/2447-esprit-de-charingan">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/3152.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit de Charingan</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/5283-esprit-de-contagion">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/66bc1fcccabd4417a838e30ba4824bbc.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit de contagion</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4085-esprit-de-familier">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/d5aebc035e5337dd17b66df28e38abb7.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit de Familier</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4087-esprit-de-familier">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/7aa0338526281ddf9c11f934d59194cc.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit de Familier</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4088-esprit-de-familier">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/5a8ec6fd8e1e08ad04a0638fcc39c113.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit de Familier</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4089-esprit-de-familier">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/763879f62f2a101dc7d8c79dae1bad91.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit de Familier</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1421-esprit-de-jean-neige">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/2068.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit de Jean Neige</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/2937-esprit-de-jhessica">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/e844e513a612077204202cf125bc3ef4.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit de Jhessica</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1975-esprit-de-kidibom">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/50ef7d642ec70418cca06cfb96e71b1a.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit de Kidibom</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/529-esprit-de-lumiere">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/2829c3bdd4044cc4ee061c75942849b4.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit de Lumière</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/3319-esprit-de-menalt">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/a14ca56ca2b1f3551e8da37b46e304da.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit de Menalt</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/5178-esprit-de-recolte">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/cdb36a32218328598dfc5983562a71dd.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit de récolte</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/5182-esprit-de-recolte">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/772c98599c0fbba02fba9e50dc46fc52.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit de récolte</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/5698-esprit-des-bois">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/b972794b183b9b2483304245eff18ebf.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit des bois</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1566-esprit-de-tonam-etamwa">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/f15f6ec9b79deb593c9840d216abffaa.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit de Tonam Etamwa</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4719-esprit-du-bois">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/5b51dfd0ceddf97691a7540bc0976b22.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit du Bois</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4742-esprit-du-feu">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/90583594c910b7d98bfdb2252343616f.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Esprit du Feu</div>
        
      </div>
    </div>
</a></div></div>

  </template>
</turbo-stream>

<turbo-stream action="update" target="pagination">
  <template>
    <nav class="pagy-bootstrap-nav" aria-label="pager"><ul class="pagination"><li class="page-item prev"><a href="/fr/encyclopedia/npcs?page=36"  class="page-link"  rel="prev" aria-label="previous">&lsaquo;&nbsp;Prev</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=1"  class="page-link"  >1</a></li><li class="page-item gap disabled"><a href="#" class="page-link">&hellip;</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=33"  class="page-link"  >33</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=34"  class="page-link"  >34</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=35"  class="page-link"  >35</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=36"  class="page-link"  rel="prev" >36</a></li><li class="page-item active"><a href="/fr/encyclopedia/npcs?page=37"  class="page-link"  >37</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=38"  class="page-link"  rel="next" >38</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=39"  class="page-link"  >39</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=40"  class="page-link"  >40</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=41"  class="page-link"  >41</a></li><li class="page-item gap disabled"><a href="#" class="page-link">&hellip;</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=115"  class="page-link"  >115</a></li><li class="page-item next"><a href="/fr/encyclopedia/npcs?page=38"  class="page-link"  rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></li></ul></nav>
  </template>
</turbo-stream>