*{box-sizing:border-box}body{color:#f4ead7;background:#2b2118;justify-content:center;align-items:flex-start;min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex}main{width:min(960px,100%);padding:16px 8px}h1{letter-spacing:.02em;color:#e7b56b;margin:0 0 8px;font-size:1.6rem}#hud{background:#3e2f22;border-radius:8px;flex-wrap:wrap;gap:8px 20px;margin-bottom:8px;padding:8px 12px;font-size:1rem;display:flex}#hud b{color:#ffd98a;font-variant-numeric:tabular-nums}canvas{width:100%;height:auto;image-rendering:pixelated;background:#9fd7f0;border-radius:8px;outline:none;display:block}.help{color:#cbb89a;margin:8px 0 0;font-size:.9rem}