html{touch-action:manipulation}html,body{color:#fff;background:#000;height:100%;margin:0;padding:0}#app{height:100%}#menuButton{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;cursor:pointer;z-index:10;background:#0009;border:none;padding:10px;position:fixed;top:0;right:0}#menuButton.hide{opacity:0}#menu{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0009;width:100%;height:50%;padding:10px;position:fixed;bottom:0;left:0;overflow:auto}#menu>h1{border-bottom:1px solid #fff5;margin:0;font-size:1.25em}#menu>label{margin-top:10px;display:block}#menu>label>b{text-align:right;min-width:200px;margin-right:16px;display:inline-block}#canvas[data-v-fca9dc4e]{touch-action:none;width:100%;height:100%;display:block;position:relative}#bg[data-v-fca9dc4e]{background-color:var(--b6346d3a);width:100%;height:100%;position:absolute;top:0;left:0}@keyframes bg-fca9dc4e{0%{background-position:0 0}to{background-position:-30px -30px}}.animatedBg[data-v-fca9dc4e]{--colorA:var(--b6346d3a);--colorB:hsl(from var(--colorA) h s calc(l - 10));background-image:repeating-conic-gradient(var(--colorA) 0% 25%, var(--colorB) 0% 50%);background-size:30px 30px;animation:1.2s linear infinite bg-fca9dc4e}