:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box;overscroll-behavior:none}body{margin:0;min-width:320px;min-height:100vh;background-color:#050526}#wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}#canvas{background-color:#050526}#image-canvas{position:fixed;top:0;left:0;z-index:-1}.lil-gui{--background-color: #000;--widget-color: #111;--padding: 10px;--width: 400px;border-radius:5px;padding-bottom:3px}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;z-index:10;pointer-events:none}#overlay p{font-family:monospace;font-size:12px;color:#484ef4;-webkit-user-select:none;user-select:none;pointer-events:none}#bigTitle{font-family:cursive;font-size:96px;-webkit-user-select:none;user-select:none;color:#484ef4;line-height:80%}#bigTitle:before{content:"Etheris";position:absolute;z-index:-1;filter:blur(20px);color:#5d62f6}#bigTitle.hidden:before{content:"Etheris";position:absolute;z-index:-1;filter:blur(20px);opacity:0;color:#5d62f6;transition:opacity 1s ease}#enterButton{opacity:0;pointer-events:all;cursor:pointer;font-family:monospace;text-transform:uppercase;font-size:12px;padding:8px 16px;border:1px solid #484ef4;color:#484ef4;border-radius:4px;margin-top:32px;background-color:transparent;transition:all .2s ease-in-out}#enterButton:hover{background-color:#484ef4;color:#050526;box-shadow:0 0 30px #5d62f6}#enterButton.hidden,#enterButton.hidden:hover{opacity:0;filter:blur(10px);pointer-events:none;scale:.8;transition:all .7s ease-out}#mobileDescription{display:none}#soundButton{pointer-events:all;position:absolute;bottom:32px;right:32px;cursor:pointer;font-family:monospace;text-transform:uppercase;font-size:12px;padding:8px 16px;color:#484ef4;border:none;margin-top:16px;background-color:transparent;transition:all .2s ease-in-out}#loadingBar{position:absolute;bottom:32px;left:32px;font-family:monospace;font-size:12px;color:#484ef4;border:none;margin-top:16px;background-color:transparent;transition:all .2s ease-in-out}#infoButton{opacity:0;pointer-events:all;position:absolute;top:32px;left:32px;cursor:pointer;font-family:monospace;font-size:12px;padding:4px 8px;border:1px solid #484ef4;color:#484ef4;border-radius:4px;background-color:transparent;transition:all .2s ease-in-out}#infoButton:hover{background-color:#484ef4;color:#050526;box-shadow:0 0 30px #5d62f6}#infoOverlay{display:none;position:fixed;top:0;left:0;width:100%;margin:auto;height:100%;flex-direction:column;justify-content:center;align-items:center;gap:16px;z-index:20;padding:32px;opacity:0;pointer-events:none;transition:all .5s ease}#infoOverlay .content{max-width:400px;color:#484ef4}#infoOverlay .content h2{font-family:cursive;font-size:32px;margin-bottom:16px}#infoOverlay .content h2:before{content:"About Etheris";position:absolute;z-index:-1;filter:blur(15px);color:#5d62f6}#infoOverlay .content p{font-family:monospace;font-size:14px}#infoOverlay .content a{color:#5d62f6;text-decoration:none;transition:all .2s ease-in-out;pointer-events:all;font-style:italic}#infoOverlay .content a:hover{text-decoration:underline}#infoOverlay .content .texts{display:flex;flex-direction:column;gap:10px}@media (max-width: 768px){#canvas,#loadingBar,#soundButton,#enterButton{display:none}#bigTitle{font-size:64px}#mobileDescription{display:block;font-family:monospace;font-size:14px;color:#484ef4;margin-top:30px;-webkit-user-select:none;user-select:none;pointer-events:none;width:80vw;max-width:400px;text-align:center}}