*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-width:none;-ms-overflow-style:none}body{overflow-x:hidden;background:#000;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}#canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1}.scroll-content{position:relative;z-index:2;height:280dvh;pointer-events:none}.scroll-indicator{position:fixed;bottom:40px;left:50%;transform:translate(-50%);width:28px;height:42px;background-color:transparent;z-index:10000;opacity:0;transition:opacity .4s ease;pointer-events:none}.mute-button{position:fixed;top:30px;right:30px;width:50px;height:50px;background-color:transparent;border:none;cursor:pointer;z-index:10000;opacity:0;transition:opacity .4s ease,transform .2s ease;padding:0;outline:none}.mute-button:hover{transform:scale(1.05)}.mute-button:active{transform:scale(.95)}#intro-dot{position:fixed;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);cursor:pointer;z-index:9999;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent}#intro-dot-core{position:relative;width:16px;height:16px;border-radius:50%;background:#fff;z-index:2;box-shadow:0 0 12px #ffffffe6}#intro-dot .wave{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.3);width:60px;height:60px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff0,#fff9 85%,#ffffffe6);opacity:0;animation:intro-wave 2.4s linear infinite}#intro-dot .wave.wave-2{animation-delay:.5s}#intro-dot .wave.wave-3{animation-delay:1s}@keyframes intro-wave{0%{transform:translate(-50%,-50%) scale(.3);opacity:.9}60%{opacity:0}to{transform:translate(-50%,-50%) scale(4);opacity:0}}