/* index.css — extracted from inline <style> blocks. Generated by scripts/h1-extract.mjs */
html, body {
      margin: 0;
      padding: 0;
      background: #050505;
      color: #dcdcdc;
      font-family: ui-monospace, "Cascadia Mono", "Consolas", monospace;
      min-height: 100vh;
      overflow: hidden;
    }
    .wrap {
      width: 100vw;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 8px;
      box-sizing: border-box;
    }
    canvas {
      display: block;
      max-width: 100%;
      max-height: 100%;
      image-rendering: pixelated;
      box-shadow: 0 0 32px #000;
      outline: 1px solid #2a2218;
      object-fit: contain;
    }
    @media (max-width: 768px) {
      .wrap { padding: 4px; }
      canvas { box-shadow: 0 0 16px #000; }
    }
    @media (max-width: 480px) {
      .wrap { padding: 2px; }
      canvas { box-shadow: none; }
    }