<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/5e1c5b251e0eff8f82d68f9edd49e558743f3648f538ee7651f4ed478d521ef1i0" alt="Body" />
    <img src="/content/70bf0a0925a7ff6ffa51b69d03ce7c556936483ba8e32a4d85e57d8078ed7a50i0" alt="Head" />
  </div>

</body>
</html>