*{box-sizing:border-box;font-family:sans-serif;font-weight:200}body{margin:0;background:"black"}.app-container{position:relative;display:flex;align-items:center;justify-content:center;width:100dvw;height:100dvh;overflow:hidden}.controls{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:10}.algorithm-button{background:hsla(0,0%,100%,.2);border:none;border-radius:8px;padding:12px 24px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;opacity:.3}.algorithm-button:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);transform:translateY(-2px);opacity:.7}.algorithm-button:active{transform:translateY(0)}.footer{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);z-index:10;color:hsla(0,0%,100%,.6);background:hsla(0,0%,100%,.2);opacity:.3;padding:5px 10px;border-radius:8px;font-size:14px;font-weight:400;transition:all .3s ease}.footer:hover{opacity:.7}.footer a{color:hsla(0,0%,100%,.8);text-decoration:none;transition:color .3s ease}.footer a:hover{color:#fff}#canvas{cursor:pointer;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;transform:scale(2);transform-origin:center;position:relative;z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}