*,:before,:after,html,body{box-sizing:border-box}:root{--hue:70;--bg:hsl(var(--hue), 10%, 20%);--fg:hsl(var(--hue), 20%, 60%);--padding:1em;--padding-m:.5em;--padding-s:.3em;--point-fill:hsla(var(--hue), 100%, 70%, .8)}body{background-color:var(--bg);color:var(--fg);width:100vw;height:100vh;margin:0;padding:0;font-family:Overpass Mono,monospace;overflow:hidden}a:link,a:visited{color:var(--fg)}.form{gap:var(--padding-m);grid-template-columns:5em 1fr;grid-auto-flow:row;display:grid}.form label{text-align:right;text-transform:uppercase;font-size:80%}.form input[type=text]{font-family:Overpass Mono,monospace}section{padding:var(--padding);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0003;max-width:20em}#main{z-index:1;position:absolute;top:0;left:0}#canvas{z-index:0;position:absolute;top:0;left:0}#error{color:#fff;background:#f56e6e33;position:absolute;bottom:0}.form{padding-top:var(--padding)}#badge{position:absolute;bottom:0;right:0}.hidden{display:none}