html,body{--page-padding:16px;background:#101414;height:100%;margin:0}body{box-sizing:border-box;min-height:100%;padding:var(--page-padding);grid-template-rows:auto minmax(0,1fr) auto;place-items:center;gap:16px;display:grid;overflow:hidden}h1{color:#d9ff66;text-align:center;margin:0;font:28px Arial,sans-serif}canvas{width:auto;height:min(100%, calc((100vw - (var(--page-padding) * 2)) * 520 / 700));aspect-ratio:700/520;image-rendering:auto;background:#000;outline:1px solid #2f4f4f;display:block}footer{color:#9fb5b0;text-align:center;overflow-wrap:anywhere;max-width:100%;font:13px Arial,sans-serif}a{color:#d9ff66}