<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
    <link rel="icon" type="image/png" href="/favicon.png" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <title>Narutodb · Kayou Naruto NA Database</title>
    <meta
      name="description"
      content="A hand verified database of every Kayou Naruto card released in North America. Track your binder, hunt what's missing, learn the art theme behind every rarity tier."
    />

    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Narutodb" />
    <meta property="og:url" content="https://narutodb.com/" />
    <meta property="og:title" content="Narutodb · Kayou Naruto NA Database" />
    <meta
      property="og:description"
      content="Every Kayou Naruto card released in North America, hand verified. Track your binder, hunt what's missing, learn the art theme behind every rarity tier."
    />
    <meta property="og:image" content="https://narutodb.com/og-image.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="707" />
    <meta property="og:image:alt" content="Narutodb homepage — Every Kayou card. All in one database." />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Narutodb · Kayou Naruto NA Database" />
    <meta
      name="twitter:description"
      content="Every Kayou Naruto card released in North America, hand verified. Track your binder, hunt what's missing."
    />
    <meta name="twitter:image" content="https://narutodb.com/og-image.png" />

    <meta name="theme-color" content="#0f0b0a" />
    <link rel="manifest" href="/manifest.json" />
    <link rel="alternate" type="application/rss+xml" title="Narutodb Blog" href="/blog/feed.xml" />

    <link rel="preconnect" href="https://api.narutodb.com" crossorigin />
    <link rel="preconnect" href="https://cdn.narutodb.com" crossorigin />
    <link rel="dns-prefetch" href="https://api.narutodb.com" />
    <link rel="dns-prefetch" href="https://cdn.narutodb.com" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <!--
      Fonts load off the critical render path: preload the stylesheet, then flip
      it to rel="stylesheet" on load. Combined with display=swap, text paints
      immediately in the fallback face instead of blocking first paint on the
      Google Fonts request. <noscript> covers no-JS clients.
    -->
    <link
      rel="preload"
      as="style"
      href="https://fonts.googleapis.com/css2?family=Bowlby+One&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600;1,700&family=Geist:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Shippori+Mincho:wght@500;700;800;900&display=swap"
      onload="this.onload=null;this.rel='stylesheet'"
    />
    <noscript>
      <link
        href="https://fonts.googleapis.com/css2?family=Bowlby+One&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600;1,700&family=Geist:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Shippori+Mincho:wght@500;700;800;900&display=swap"
        rel="stylesheet"
      />
    </noscript>

    <!--
      Plausible Analytics — privacy-respecting pageview counter. No cookies,
      no fingerprinting, no PII; GDPR / CCPA / PECR compliant out of the box.
      The site-specific script (pa-...) enables the optional measurements we
      ticked at install time — most importantly outbound-link tracking, which
      counts clicks on the eBay deep-link buttons on every card detail page.
      SPA route changes are picked up automatically via the History-API
      listener Plausible registers internally.
    -->
    <!-- Google Ads conversion tracking (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-18192322165"></script>
    <script>
      window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}
      gtag('js',new Date());gtag('config','AW-18192322165');
    </script>

    <!-- Reddit Pixel — fires PageVisit on load; SignUp / Purchase fired
         from app code (see lib/redditPixel.ts). -->
    <script>
      !function(w,d){if(!w.rdt){var p=w.rdt=function(){p.sendEvent?p.sendEvent.apply(p,arguments):p.callQueue.push(arguments)};p.callQueue=[];var t=d.createElement("script");t.src="https://www.redditstatic.com/ads/pixel.js?pixel_id=a2_j2unlfgzpg7q",t.async=!0;var s=d.getElementsByTagName("script")[0];s.parentNode.insertBefore(t,s)}}(window,document);
      rdt('init','a2_j2unlfgzpg7q');
      rdt('track','PageVisit');
    </script>

    <script async src="https://plausible.io/js/pa-Y_Mzod0OTP6uYNZ8gBX0e.js"></script>
    <script>
      window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
      plausible.init()
    </script>
    <script type="module" crossorigin src="/assets/index-B0TglVIX.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/useDocumentHead-iVpF2D7-.js">
    <link rel="modulepreload" crossorigin href="/assets/chunk-5KNZJZUH-DWOZGyw9.js">
    <link rel="modulepreload" crossorigin href="/assets/auth-CT51Q-An.js">
    <link rel="modulepreload" crossorigin href="/assets/redditPixel-WoSXUiOh.js">
    <link rel="modulepreload" crossorigin href="/assets/toast-flL2RY7j.js">
    <link rel="modulepreload" crossorigin href="/assets/AuthControls-BKtrfb_C.js">
    <link rel="modulepreload" crossorigin href="/assets/Mascot-BA87Pfhi.js">
    <link rel="modulepreload" crossorigin href="/assets/api-DeURjjKv.js">
    <link rel="stylesheet" crossorigin href="/assets/index-BXqM8PpL.css">
  </head>
  <body>
    <div class="paper-grain"></div>
    <div id="root"></div>
  </body>
</html>
