<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/2926-caisse-de-pommes">
    
    <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/0912e9978fe6684942737de067c0b154.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Caisse de pommes</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/2353-caisse-mysterieuse">
    
    <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/0912e9978fe6684942737de067c0b154.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Caisse Mystérieuse</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/2632-calamarcus-delfion">
    
    <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/b43b69daf60f8735d1c32bb4a2438f87.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Calamarcus Delfion</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/3526-calcinene">
    
    <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/3b90ff4be908bcc488db9b2655592bc1.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Calcinéné</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/5645-calligriffe">
    
    <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/4799600e497c1b00f27777b82d255101.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Calligriffe</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/1916-cambrioleuse">
    
    <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/bdc29b7927d8a27b6e9788260401f460.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Cambrioleuse</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/340-camelotawa-le-marchand">
    
    <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/671.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Camelotawa le Marchand</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/3028-camille">
    
    <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/3774.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Camille</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/3623-camille-demouleur">
    
    <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/766b8ae62a3ee864ab64fe5d62e4075c.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Camille Démouleur</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/2997-cancane">
    
    <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/31c49b63b4287a95d05b5bf3e29c83cd.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Cancane</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/2998-cancane">
    
    <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/dba9862f69ba837ace6cec2a0ca772a8.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Cancane</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/2999-cancane">
    
    <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/c11fefab1d5a688faf324fc18fb0ba50.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Cancane</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/5704-cantiniere-de-l-akademie">
    
    <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/5127b01e233f388542270e8396ac2646.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Cantinière de l&#39;Akadémie</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/3837-capacrascar">
    
    <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/29ff0ddd128324ccae280de605867d93.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capacrascar</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 discarded" target="_top" href="/fr/encyclopedia/npcs/4639-capes-100-149">
    
    <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/d05808f787f7ef0d5276940830810318.png" />

          <div class="banner">Retiré en 2.64</div>
      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capes 100 - 149</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 discarded" target="_top" href="/fr/encyclopedia/npcs/4652-capes-1-49">
    
    <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/d05808f787f7ef0d5276940830810318.png" />

          <div class="banner">Retiré en 2.64</div>
      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capes 1 - 49</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 discarded" target="_top" href="/fr/encyclopedia/npcs/4632-capes-150-199">
    
    <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/d05808f787f7ef0d5276940830810318.png" />

          <div class="banner">Retiré en 2.64</div>
      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capes 150 - 199</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 discarded" target="_top" href="/fr/encyclopedia/npcs/4621-capes-200">
    
    <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/d05808f787f7ef0d5276940830810318.png" />

          <div class="banner">Retiré en 2.64</div>
      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capes 200</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 discarded" target="_top" href="/fr/encyclopedia/npcs/4646-capes-50-99">
    
    <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/d05808f787f7ef0d5276940830810318.png" />

          <div class="banner">Retiré en 2.64</div>
      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capes 50 - 99</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/121-capitaine-alrok">
    
    <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/0dfaa7b314d85814981903b49ff2ee56.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine Alrok</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/651-capitaine-ardier">
    
    <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/1236.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine Ardier</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/2973-capitaine-belithe">
    
    <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/3717.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine Belithe</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/3898-capitaine-bontarien">
    
    <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">Capitaine bontarien</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/5518-capitaine-bontarienne">
    
    <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/e5e7abcd65349d255db8ef83461094b8.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine bontarienne</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/5523-capitaine-brakmarien">
    
    <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/bf2dd6e52bf5702fc6eca300180e31fa.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine brâkmarien</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/4726-capitaine-de-la-garde-kozaru">
    
    <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/1a26d7491469e14580e607a88f56bfc2.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine de la garde Kozaru</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/3937-capitaine-de-l-aurore-pourpre">
    
    <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/932d588da620893aca9c82f9ca3b79d8.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine de l&#39;Aurore Pourpre</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/3153-capitaine-des-bermanes">
    
    <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/5b8e71a633ec1d3c23fc72f7fe078e2d.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine des Bermanes</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/2199-capitaine-des-kerubims">
    
    <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/2046c1d2876003c1c9ffcfcac2db5b12.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine des Kerubims</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/1791-capitaine-ekarlatte">
    
    <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/909891b41b2fba348da6f0df37da954d.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine Ekarlatte</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/5638-capitaine-embrauche">
    
    <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/312637d145f5cd87d065fe73e58c9b3c.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine Embrauche</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/5411-capitaine-essacarf">
    
    <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">Capitaine Essacarf</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/491-capitaine-flams">
    
    <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/942.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine Flams</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/4858-capitaine-ghezen">
    
    <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/c51059fb7b439ac8b36c991d56b10d4a.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine Ghezen</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/657-capitaine-gneux">
    
    <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/75dc903beb9e6b5251af401b09abdd0e.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine Gneux</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/5533-capitaine-gobvious">
    
    <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/ae6c30d1291c4a7ee850e283397c519e.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine Gobvious</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/1533-capitaine-grog">
    
    <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/2186.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine Grog</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/875-capitaine-hebreuze">
    
    <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/1470.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine Hébreuze</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/1615-capitaine-iasamar">
    
    <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/0743cb0ef082041a5934752d0023ee82.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine Iasamar</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/411-capitaine-igloute">
    
    <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/19128b3da4bfedd6e67fb6af750963e3.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine Igloute</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/857-capitaine-jeanne-heuway">
    
    <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/1452.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine Jeanne Heuway</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/229-capitaine-koda">
    
    <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/63e97f165ef7b0fd776dd28a3cf8aac4.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine Koda</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/474-capitaine-kradoc">
    
    <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/925.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine Kradoc</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/5640-capitaine-larnak">
    
    <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">Capitaine Larnak</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/62-capitaine-lily">
    
    <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/b63a15c379f1f1e3dfcb6aeb03651dbe.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine Lily</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/63-capitaine-lily">
    
    <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/b63a15c379f1f1e3dfcb6aeb03651dbe.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine Lily</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/160-capitaine-maffle">
    
    <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/e8dac9357dfbc3de2f44a4c6fe9bf018.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine Maffle</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/2542-capitaine-meno">
    
    <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/ce1bd4adbc315d8eadaa181703dbed73.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine Meno</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/2741-capitaine-neree">
    
    <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/d68dc46fa93843a46cd1610491fb11d2.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine Néré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/1972-capitaine-pol-ouatnos">
    
    <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/68d57ae8d81ccb2632d6dec55ee7103b.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Capitaine Pol Ouatnos</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=16"  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=13"  class="page-link"  >13</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=14"  class="page-link"  >14</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=15"  class="page-link"  >15</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=16"  class="page-link"  rel="prev" >16</a></li><li class="page-item active"><a href="/fr/encyclopedia/npcs?page=17"  class="page-link"  >17</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=18"  class="page-link"  rel="next" >18</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=19"  class="page-link"  >19</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 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=18"  class="page-link"  rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></li></ul></nav>
  </template>
</turbo-stream>