*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}canvas{display:block}#fade-overlay{z-index:1001;background:#000;transition:opacity 1.5s;position:fixed;inset:0}#nav-buttons{z-index:10;gap:4vw;display:flex;position:fixed;bottom:3vh;left:50%;transform:translate(-50%)}#nav-buttons button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:manipulation;background:#fff3;border:none;border-radius:50%;width:clamp(50px,8vw,80px);height:clamp(50px,8vw,80px);font-size:clamp(16px,3vw,28px)}@media (width<=768px),(orientation:portrait){#nav-buttons{zoom:1.7;gap:8vw;bottom:1vh}#nav-buttons button{width:clamp(60px,15vw,90px);height:clamp(60px,15vw,90px);font-size:clamp(20px,5vw,32px)}}