<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/3557-clint-pot">
    
    <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/4332.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Clint Pot</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/4056-cloche-ailee">
    
    <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/e472f207bada0380fc17eae2827a912a.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Cloche ailée</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/4053-clochette-ailee-de-l-est">
    
    <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/0c86dbac4dd90cafd5c001ba532ed5ea.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Clochette ailée de l&#39;est</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/4094-clochette-ailee-de-l-est">
    
    <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/0c86dbac4dd90cafd5c001ba532ed5ea.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Clochette ailée de l&#39;est</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/4095-clochette-ailee-de-l-est">
    
    <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/0c86dbac4dd90cafd5c001ba532ed5ea.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Clochette ailée de l&#39;est</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/4096-clochette-ailee-de-l-est">
    
    <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/0c86dbac4dd90cafd5c001ba532ed5ea.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Clochette ailée de l&#39;est</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/4097-clochette-ailee-de-l-est">
    
    <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/0c86dbac4dd90cafd5c001ba532ed5ea.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Clochette ailée de l&#39;est</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/4098-clochette-ailee-de-l-est">
    
    <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/0c86dbac4dd90cafd5c001ba532ed5ea.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Clochette ailée de l&#39;est</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/4054-clochette-ailee-de-l-ouest">
    
    <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/0c86dbac4dd90cafd5c001ba532ed5ea.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Clochette ailée de l&#39;ouest</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/4052-clochette-ailee-du-nord">
    
    <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/0c86dbac4dd90cafd5c001ba532ed5ea.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Clochette ailée du nord</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/4055-clochette-ailee-du-sud">
    
    <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/0c86dbac4dd90cafd5c001ba532ed5ea.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Clochette ailée du sud</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/2105-cloportier">
    
    <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/b37b8d561680c9722011d45160ccd50a.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Cloportier</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/1373-clothurde">
    
    <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/a3ca6c07f2c216d72b9eedde4ac8a422.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Clothurde</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/3852-clothurde">
    
    <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/abd741cde631b60767cd0f605f169f45.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Clothurde</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/667-clyde-parker">
    
    <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/1253.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Clyde Parker</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/1219-clynt">
    
    <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/1858.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Clynt</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/3993-coco-lee">
    
    <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/4799.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Coco Lee</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/4194-coco-rupe">
    
    <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/5032.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Coco Rupe</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/1095-cocoyuyu">
    
    <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/1730.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Cocoyuyu</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/2355-coffiot">
    
    <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/a715a3ce6c288b874e9e886a0cd3dc9d.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Coffiot</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/5370-coffre-abandonne">
    
    <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/817a32ea2c9f08564b5a955c0cf5d216.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Coffre abandonné</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/5637-coffre-a-offrandes">
    
    <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/4eecd87c4e83937acd2fec19902770ef.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Coffre à offrandes</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/4381-coffre-de-decoration">
    
    <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/817a32ea2c9f08564b5a955c0cf5d216.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Coffre de décoration</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/2567-coffre-porcos">
    
    <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/acc5b15ab3cea3344947b371087251ce.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Coffre Porcos</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/3335-coffret-precieux">
    
    <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/e09ba208dade0ab0cc451c5ef52ad836.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Coffret précieux</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/4168-colere-de-terrakourial">
    
    <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/5c024528db99b5656642e97a701f18e9.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Colère de Terrakourial</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/2922-collecteur-de-pains">
    
    <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/13fc4acbb06a8a95ec67a55cfc73a5c7.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Collecteur de pains</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/4541-collecteur-d-impots-aguerri">
    
    <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/5430.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Collecteur d&#39;impôts aguerri</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/4540-collecteur-d-impots-anonyme">
    
    <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/5429.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Collecteur d&#39;impôts anonyme</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/2390-collecteur-ekah">
    
    <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/4620bf573eca440a72dc0d6a634d5db1.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Collecteur Ekah</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/1691-collecteur-hystik">
    
    <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/f536aa26a4070829ac423a82eb50c8bf.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Collecteur Hystik</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/2005-collecteur-sup">
    
    <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/05a6e1182896c4706f6b292f105afe1a.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Collecteur Sup</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/2617-collectionneur-li-fo">
    
    <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/9666be738e1c13f159fe2e74d4ef8cf8.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Collectionneur Li-Fo</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/4542-collectrice-d-impots-debutante">
    
    <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/5431.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Collectrice d&#39;impôts débutante</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/1692-collectrice-megisthe">
    
    <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/aa6df551f6244b69540ac4cc714510f0.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Collectrice Megisthe</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/1784-collectrice-tess">
    
    <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/d4a414589c4725505c4b5670a922b104.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Collectrice Tess</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/2615-colonel-ilkor">
    
    <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/3333.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Colonel Ilkor</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/226-colonel-lyeno">
    
    <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/219630f1c3427e75c951581b0f6d87a2.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Colonel Lyeno</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/2245-colonel-lyeno">
    
    <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/12e7ab99c2c7d48f78b5fbb0560e7a55.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Colonel Lyeno</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/1710-colonel-mortimort">
    
    <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/2368.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Colonel Mortimort</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/1679-colonel-oneuil">
    
    <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/edea4cf4fcfcd72e54e9367c132755af.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Colonel Oneuil</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/2168-colonel-rumo">
    
    <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/d9050f96e2d935ec4bed8bb339f75001.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Colonel Rumo</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/4256-colporteur-de-reves">
    
    <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/5105.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Colporteur de rêves</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/2104-combattante-egaree">
    
    <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/12002930454dc44eba044593bd1c8572.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Combattante Égarée</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/3733-combattant-martegel">
    
    <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/b44d3c13f8cf9c1823ccce6ccac0ebca.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Combattant Martegel</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/4443-commandant-che-guevaria">
    
    <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/fdece15f603f70685c64d3cba72e714e.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Commandant Che Guevaria</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/973-commandant-costaud">
    
    <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/5489acc50905c945f64decce5de32ea4.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Commandant Costaud</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/512-commandant-kad">
    
    <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/6d07d18d5ce696d702519a8209cb2300.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Commandant Kad</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/530-commandant-ymagiroh">
    
    <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/3006d32c6ff17da83ccf474c7f34d6af.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Commandant Ymagiroh</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/822-commando-peule">
    
    <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/d9062cd4e2f0f48707b07ea12bd5069e.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Commando Peule</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=23"  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=20"  class="page-link"  >20</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=21"  class="page-link"  >21</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=22"  class="page-link"  >22</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=23"  class="page-link"  rel="prev" >23</a></li><li class="page-item active"><a href="/fr/encyclopedia/npcs?page=24"  class="page-link"  >24</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=25"  class="page-link"  rel="next" >25</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=26"  class="page-link"  >26</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=27"  class="page-link"  >27</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=28"  class="page-link"  >28</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=25"  class="page-link"  rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></li></ul></nav>
  </template>
</turbo-stream>