:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center}body,html{height:100%}canvas{height:100%;width:100%;outline:none;background:#22c1c3;background:linear-gradient(0deg,#08a3a6,#4fa6a7d8 8%,#3d4f5ee2 40%,#111317)}h1{font-size:3.2em;line-height:1.1}menu{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:var(--controlZ)}menu li{list-style:none;margin:0;background-color:#333;padding:.5rem;border-radius:50%;height:30px;width:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s;&:hover{background-color:#777}}#toggle-music svg{fill:transparent;stroke:var(--color, white);transition:stroke 1.5s}#toggle-tools svg{fill:var(--color, white)}