<html lang="en">
<head>
  <base/>
  <meta charset="UTF-8">
  <meta protocol="FORGE" ticker="Recursive-Robots" operation="mint" name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    body { display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }
    #artifact { position: relative; width: 24rem; height: 24rem; }
    #artifact img { position: absolute; width: 100%; height: 100%; object-fit: contain; top: 0; left: 0; image-rendering: pixelated }
  </style>
</head>
<body>
  <div id="artifact">
    <img src="/content/9cf6ec9ef4ade7789d042cce4df79611a68c9bb74b951201383bca7f45b7b7f3i0" alt="Background" />
    <img src="/content/b44777217d323384f2acdf27eb637e95472e6bae5ef6d6bf15cd4feee845bf80i0" alt="Body" />
    <img src="/content/0c2085061c4660e531b49f9aac098b8c42cb1e1b056eb8895ac4f798eb11b2b0i0" alt="Head" />
    <img src="/content/4e30ebbc490b3683e23bcca76245c3e08a583bd856a9fd4bedf1a225ebc46962i0" alt="Body" />
    <img src="/content/42ba332b9d50506ebfe2442295bb3093b34c1513e6f772abe377284625cbb4c6i0" alt="Head" />
  </div>

</body>
</html>