<!doctype html>
<html lang="en" translate="no" class="notranslate">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="/logo.svg" />
  <link rel="manifest" href="/manifest.webmanifest" />
  <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
  <link rel="sitemap" type="application/xml" title="Main Sitemap" href="/sitemap.xml" />
  <link rel="sitemap" type="application/xml" title="Tools Sitemap" href="/sitemap-tools.xml" />
  <link rel="sitemap" type="application/xml" title="Systems Sitemap" href="/sitemap-systems.xml" />
  <link rel="sitemap" type="application/xml" title="Blog Sitemap" href="/sitemap-blog.xml" />
  <link rel="sitemap" type="application/xml" title="Image Sitemap" href="/sitemap-images.xml" />
  <link rel="search" type="application/opensearchdescription+xml" title="Mini Kraken" href="/opensearch.xml" />
  <link rel="preconnect" href="https://api.erpg.app" crossorigin />
  <link rel="dns-prefetch" href="https://api.erpg.app" />
  <link rel="dns-prefetch" href="https://discord.gg" />
  <link rel="dns-prefetch" href="https://cdn.discordapp.com" />
  <link rel="preload" as="font" type="font/woff2" href="/fonts/arcane/hanken-grotesk.woff2" crossorigin />
  <link rel="preload" as="font" type="font/woff2" href="/fonts/arcane/space-grotesk.woff2" crossorigin />
  <meta name="theme-color" content="#FF007A" />
  <meta name="google" content="notranslate" />
  <meta name="color-scheme" content="dark" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
  <meta name="application-name" content="ERPG - Mini Kraken" />
  <meta name="apple-mobile-web-app-title" content="Mini Kraken" />
  <meta name="msapplication-TileColor" content="#FF007A" />
  <meta name="format-detection" content="telephone=no" />
  <meta name="referrer" content="strict-origin-when-cross-origin" />
  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
  <title>ERPG - Mini Kraken</title>
  <style>
    /* Reveal fallback: framer-motion serializes `initial` styles (opacity:0,
       transforms) into the prerendered HTML, so the page stays invisible until
       hydration finishes. If hydration is slow or never happens, this class is
       added by the watchdog below and forces the content visible. */
    html.erpg-reveal-fallback #root [style*="opacity:0"],
    html.erpg-reveal-fallback #root [style*="opacity: 0"] {
      /* biome-ignore lint/complexity/noImportantStyles: must beat framer-motion's inline styles */
      opacity: 1 !important;
      /* biome-ignore lint/complexity/noImportantStyles: must beat framer-motion's inline styles */
      transform: none !important;
      /* biome-ignore lint/complexity/noImportantStyles: must beat framer-motion's inline styles */
      filter: none !important;
    }
  </style>
  <script>
    (() => {
      var timer = setTimeout(() => {
        document.documentElement.classList.add("erpg-reveal-fallback");
      }, 6000);
      window.__erpgCancelRevealFallback = () => {
        clearTimeout(timer);
        document.documentElement.classList.remove("erpg-reveal-fallback");
      };
    })();
  </script>
  <script type="module" crossorigin src="/assets/index-BfQKJus8.js"></script>
  <link rel="modulepreload" crossorigin href="/assets/preload-helper-Czpn1I53.js">
</head>

<body translate="no" class="notranslate">
  <div id="erpg-desktop-titlebar" aria-hidden="true">
    <img src="/logo.svg" alt="" />
    <span id="erpg-desktop-titlebar-title">Mini Kraken</span>
  </div>
  <div id="root" translate="no" class="notranslate"><!--app-html--></div>
</body>

</html>
