<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/1585-cordonnier-sombre">
    
    <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/2241.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Cordonnier Sombre</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/2874-cormac-gargan">
    
    <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/3607.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Cormac Gargan</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/2173-cornelia-granpa">
    
    <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/2852.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Cornelia Granpa</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/5249-corps-d-urazaki">
    
    <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/2453d395340a86661e0e288e7844f677.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Corps d&#39;Urazaki</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/4522-corruption">
    
    <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/b25286401e9290d1333fb38deb46e0a8.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Corruption</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/5505-corruption">
    
    <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/b25286401e9290d1333fb38deb46e0a8.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Corruption</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/4356-cosili">
    
    <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/5225.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Cosili</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/245-coupable-desabusee">
    
    <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/353.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Coupable désabusé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/246-coupable-geignarde">
    
    <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/354.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Coupable geignarde</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/244-coupable-tapageur">
    
    <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/352.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Coupable tapageur</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/1883-coupe-gorge">
    
    <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/3de972fbe8a7aab100c91acb45d3b5b5.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Coupe-Gorge</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/5622-coupe-jarret-degoutant">
    
    <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/6622.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Coupe-jarret dégoutant</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/2757-courant-ascendant">
    
    <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/d8a59790c4e5a7599a924caf74b5c9c7.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Courant ascendant</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/2764-courant-brulant">
    
    <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/d8a59790c4e5a7599a924caf74b5c9c7.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Courant brûlant</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/2763-courant-descendant">
    
    <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/d8a59790c4e5a7599a924caf74b5c9c7.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Courant descendant</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/1030-coyo">
    
    <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/1665.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Coyo</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/4467-cozaithe">
    
    <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/5353.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Cozaithe</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/3702-cra-calculateur">
    
    <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/92ddba24f308dc9938fedc9498ebd0a0.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crâ calculateur</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/3701-cra-calculateur">
    
    <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/4486.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crâ calculateur</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/5166-crachefoux-affame">
    
    <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/a69f1c94de08ab39887b5cef2ce7cb51.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crachefoux affamé</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/4765-crachefoux-pyromane">
    
    <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/a69f1c94de08ab39887b5cef2ce7cb51.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crachefoux pyromane</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/3063-crambo-detendu">
    
    <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/d67c96b408804714361a927e2a201a19.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crâmbo Détendu</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/3444-cra-menacant">
    
    <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/4214.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crâ Menaçant</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/4146-cra-mitrailleur">
    
    <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/4984.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crâ mitrailleur</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/3336-cranacier">
    
    <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/e28e8ee3ee7e389ad1b64fe72dd0831f.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crânacier</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/1820-crane-antipathique">
    
    <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/cd490e61d574de908e8d0626dea0b495.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crâne Antipathique</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/1799-crane-bavard">
    
    <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/9ce21566fe2a4ce2a15a8420099dd6b8.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crâne Bavard</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/1816-crane-begayant">
    
    <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/03ddd61f6e4d9111769f4edf9709b16b.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crâne Bégayant</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/1800-crane-cancanier">
    
    <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/03ddd61f6e4d9111769f4edf9709b16b.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crâne Cancanier</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/1803-crane-curieux">
    
    <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/49d42b9bc61a43aa31735f9486dfc02a.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crâne Curieux</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/3493-crane-delateur">
    
    <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/6c6f594b13d5284acf6807269a560388.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crâne Délateur</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/1802-crane-jacasseur">
    
    <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/03ddd61f6e4d9111769f4edf9709b16b.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crâne Jacasseur</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/1801-crane-loquace">
    
    <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/9ce21566fe2a4ce2a15a8420099dd6b8.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crâne Loquace</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/1815-crane-malfaisant">
    
    <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/6c6f594b13d5284acf6807269a560388.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crâne Malfaisant</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/1804-crane-mefiant">
    
    <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/6c6f594b13d5284acf6807269a560388.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crâne Méfiant</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/1822-crane-melomane">
    
    <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/03ddd61f6e4d9111769f4edf9709b16b.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crâne Mélomane</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/1819-crane-myope">
    
    <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/5185bdc5a735fb353dda81524b54eced.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crâne Myope</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/1821-crane-sanguinaire">
    
    <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/4cb91b9f8271b2f4930bb01b3500398e.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crâne Sanguinaire</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/1805-crane-servile">
    
    <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/ed9689235c8eb23b36593aa1a2d17b74.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crâne Servile</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/1818-crane-triste">
    
    <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/7ea9f1356678e47596d8b0ceded792ce.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crâne Triste</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/1817-crane-trouillard">
    
    <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/8d21b6c8fcee0e864f95fc46d45afd20.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crâne Trouillard</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/5777-craninos">
    
    <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/557269f416d20a727f56a0c6a535f887.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Craninos</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/3450-cranonier-hurleur">
    
    <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/f7020a0c9bc3da12176a755564713dcf.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crânonier Hurleur</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/4170-crapaud-mufle-albinos">
    
    <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/0175aa7afe9880e54aa95a2b71d62697.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crapaud-mufle albinos</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/2097-crapaud-temporel">
    
    <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/ced6288b88959d347c6ab7029ce80b69.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crapaud temporel</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/4682-crapodo">
    
    <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/ced6288b88959d347c6ab7029ce80b69.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crapodo</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/5241-cra-possedee">
    
    <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/5a5ccfb39fe915aab9b160e26a11b257.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Crâ Possédé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/2372-craqueboulet">
    
    <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/c6f29e9a23acb30b9f9b684a37821b62.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Craqueboulet</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/3517-craqueleur-ancestral">
    
    <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/a13d7665b87b9225f47a3a9d3ed5922b.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Craqueleur ancestral</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/5483-craqueleur-batisseur">
    
    <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/a13d7665b87b9225f47a3a9d3ed5922b.png" />

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