<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/13b262cd366ebfabf884068ba95833f59b33c271b0c97345e21fdc150765f729i0" alt="Body" />
    <img src="/content/2b65eaeff6856b60010f47f0b9ae5a1eecb39168d80957671741fa19d81e833ai0" alt="Head" />
    <img src="/content/19fe2ddb2c893d32efb239558804745629421a02d70a9119ecbaec4e9dff529bi0" alt="Body" />
    <img src="/content/862d6a9ed6168e38259d95d7aabdd4f363c674776ede2b49de9f8f89900aa31ci0" alt="Head" />
  </div>

</body>
</html>