*,*: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);font-family:Overpass Mono,monospace;margin:0;padding:0;overflow:hidden;width:100vw;height:100vh}a:link,a:visited{color:var(--fg)}.form{display:grid;grid-template-columns:5em 1fr;grid-auto-flow:row;gap:var(--padding-m)}.form label{text-align:right;text-transform:uppercase;font-size:80%}.form input[type=text]{font-family:Overpass Mono,monospace}section{background:#0003;padding:var(--padding);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-width:20em}#main{position:absolute;z-index:1;top:0;left:0}#canvas{position:absolute;top:0;left:0;z-index:0}#error{bottom:0;position:absolute;background:#f56e6e33;color:#fff}.form{padding-top:var(--padding)}#badge{bottom:0;right:0;position:absolute}.hidden{display:none}