*,div{box-sizing:border-box}body,html{margin:0;padding:0}body,html{overflow:hidden}body{width:100%;height:100vh;-webkit-tap-highlight-color:transparent;touch-action:manipulation;color:#fff;background:#111;font-family:PlayfairDisplay,sans-serif;font-size:26px}#canvas-target{cursor:grab}#canvas-target.grabbing{cursor:grabbing}#stats{position:fixed;bottom:0;left:0;padding:10px;display:none}#stats[data-mode=dev]{display:block}#stats.display-none{display:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background:rgba(209,59,217,.5);user-select:none;transition:opacity .5s}.overlay.display-none{display:none}.overlay:not(.active){opacity:0}.overlay .page{width:100%;height:100%;justify-content:center}.overlay .page,.overlay .page .page__inner{position:absolute;display:flex;align-items:flex-start;flex-direction:column}.overlay .page .page__inner{transition:.35s;left:12.5%;width:25%}.overlay .page .title{font-size:100px}.overlay .page .menu{display:flex;flex-direction:column;position:relative;align-items:flex-start}.overlay .page .menu .menu__item{position:relative;padding:5px 12px;cursor:pointer;border:2px solid #fff;margin-top:8px;border-top-left-radius:16px;border-bottom-right-radius:16px;box-shadow:4px 4px #fff}.overlay .page .menu .menu__item .note{padding:5px 12px;position:absolute;opacity:0;pointer-events:none;transition:.35s;top:0;left:100%;white-space:nowrap}.overlay .page .menu .menu__item .note.active{opacity:1}.overlay .page .menu .menu__item.hidden{display:none}.overlay .page .menu .menu__item:hover{background:#efbbf2}.overlay .page a{color:inherit}.overlay .page .page__back{padding:5px 12px;cursor:pointer;margin-top:12px;border:2px solid #fff;border-top-left-radius:16px;border-bottom-right-radius:16px;box-shadow:4px 4px #fff}.overlay .page .page__back:hover{background:#efbbf2}.overlay .page.display-none{display:none}.overlay .page:not(.active){pointer-events:none}.overlay .page:not(.active) .page__inner{opacity:0;transform:translate(-20px)}@keyframes loading-animation{0%{opacity:1}to{opacity:0}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;background:#111;user-select:none;pointer-events:none;display:flex;justify-content:center;align-items:center;transition:.5s}.loading-screen .loading-screen__inner{animation-name:loading-animation;animation-duration:1s;animation-iteration-count:infinite}.loading-screen:not(.active){opacity:0;pointer-events:none}.loading-screen.display-none{display:none}#hud{pointer-events:none;position:fixed;top:0;left:0;width:100vw;height:100vh;user-select:none;z-index:50;transition:opacity .35s}#hud .reticule{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1px;height:1px;border:2px solid #fff;border-radius:100%;transition:.35s}#hud .reticule.hover{width:20px;height:20px}#hud:not(.active){opacity:0}#hud.display-none{display:none}