index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#f6f5ed" />
    <meta
      name="description"
      content="LOOPHOLE is a private-by-default workbench for exploring fictional economies. Turn rules into a world, find a loophole, and replay the proof."
    />
    <title>LOOPHOLE — Good rules. Unexpected outcomes.</title>
    <link
      rel="icon"
      type="image/svg+xml"
      href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect x='2' y='2' width='36' height='36' rx='9' fill='%23f2997b' stroke='%232c3c33' stroke-width='2'/%3E%3Cpath d='M12 10v15h16m-6-6 6 6-6 6' stroke='%232c3c33' stroke-width='3' fill='none' stroke-linejoin='round'/%3E%3C/svg%3E"
    />
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/client/main.tsx"></script>
  </body>
</html>