*{box-sizing:border-box;-webkit-user-select:none;user-select:none;overscroll-behavior:none;margin:0;padding:0;font-family:Instrument Serif,serif;font-style:normal;font-weight:300}html,body{background:#000;width:100%;height:100%;overflow:hidden}#webgl-canvas{cursor:grab;opacity:0;visibility:hidden;width:100%;height:100%;position:fixed;top:0;left:0}#webgl-canvas.is-ready{opacity:1;visibility:visible}#webgl-canvas.is-dragging{cursor:grabbing}li{list-style:none}.header{color:#fff;z-index:100;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 32px;font-size:16px;font-weight:600;display:flex;position:fixed;top:0;left:0}.header>a,.header nav li{opacity:0;visibility:hidden;transition:transform 1.65s cubic-bezier(.22,1,.36,1),opacity 1.65s cubic-bezier(.22,1,.36,1);transform:translateY(-80px)}.header nav ul{align-items:center;gap:16px;display:flex}.header a{color:inherit;font-size:inherit;font-weight:inherit;cursor:pointer;text-decoration:none}body.is-ui-in .header>a,body.is-ui-in .header nav li{opacity:1;visibility:visible;transform:translateY(0)}.fade-top{background:linear-gradient(#000c,#0000);width:100%;height:300px;position:fixed;top:0;left:0}.fade-right{background:linear-gradient(90deg,#0000,#000c);width:300px;height:100%;position:fixed;top:0;right:0}.fade-bottom{background:linear-gradient(#0000,#000c);width:100%;height:300px;position:fixed;bottom:0;left:0}.fade-left{background:linear-gradient(90deg,#000c,#0000);width:300px;height:100%;position:fixed;top:0;left:0}footer{z-index:100;width:100%;padding:24px 0;position:fixed;bottom:0;left:0}footer .controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;background-color:#ffffff0a;border:1px solid #ffffff1a;border-radius:100px;justify-content:center;align-items:center;width:fit-content;margin:0 auto;padding:4px;transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity 1.1s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(80px)}footer .controls:hover .control-item{opacity:.4}footer .controls .control-item{color:#fff;cursor:pointer;text-transform:uppercase;opacity:.8;border-radius:100px;justify-content:center;align-items:center;height:40px;padding:0 20px;transition:opacity .3s;display:flex}footer .controls .control-item.active{text-shadow:0 0 10px #fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1!important}footer .controls .control-item:hover{opacity:.8}body.is-ui-in footer .controls{opacity:1;visibility:visible;transform:translateY(0)}