html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101510;color:#edf2e8;font:16px/1.6 system-ui,sans-serif}body{display:grid;place-items:center}#setup{box-sizing:border-box;width:min(680px,100%);max-height:100%;overflow:auto;padding:24px}h1{font-size:clamp(24px,5vw,34px);line-height:1.2}a{color:#c5e68b;text-underline-offset:3px}input{display:block;max-width:100%;margin-top:12px;padding:12px;background:#21301d;color:inherit;border-radius:8px}label{display:block;margin-top:24px}canvas{display:block;object-fit:contain;max-width:100%;max-height:100%;image-rendering:pixelated}canvas:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b7de77;outline-offset:3px}[hidden]{display:none!important}