:root{--gradient-bg: linear-gradient(0deg, rgba(27, 17, 77, 1) -8.35%, rgba(29, 22, 87, 1) -5.1%, rgba(51, 65, 174, 1) 28.53%, rgba(59, 82, 208, 1) 43.72%, rgba(53, 100, 213, 1) 51.31%, rgba(37, 146, 225, 1) 67.59%, rgba(12, 219, 245, 1) 89.28%, rgba(0, 255, 255, 1) 100.13%);--play-icon-color: white}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.loading{display:flex;align-items:center;position:fixed;inset:0;z-index:1;background:var(--gradient-bg);transform:rotate(-180deg);transition:opacity 3s;opacity:1}.loading--complete{opacity:0}.loading svg{margin:auto;width:10rem;height:10rem;background:transparent;shape-rendering:auto}.loading path{fill:none;stroke:#ff0cb8;transform:scale(.8);transform-origin:50px 50px}.p5Canvas{position:relative;z-index:1;background:var(--gradient-bg)}.p5Canvas--cursor-play{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><polygon points='8,6 26,16 8,26' fill='white'/></svg>") 8 8,pointer}.p5Canvas--cursor-pause{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><rect x='8' y='6' width='4' height='20' fill='white'/><rect x='20' y='6' width='4' height='20' fill='white'/></svg>") 8 8,pointer}#play-icon{position:fixed;top:20px;right:20px;width:120px;height:120px;fill:var(--play-icon-color);visibility:hidden;z-index:1;opacity:0;transition:opacity 1s;cursor:pointer}#play-icon.fade-in{opacity:1;visibility:visible;z-index:2}