html,body{margin:0;height:100%;background:#000;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#view{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;display:block}body.idle{cursor:none}#sound,#reset{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:40px;height:40px;padding:9px;border:0;border-radius:50%;background:transparent;color:#cfe3e6;opacity:0;cursor:pointer;transition:opacity 2.4s ease}body.ready #sound{opacity:.32;animation:breathe 5.5s ease-in-out infinite}body.ready.sounding #sound{animation:none;opacity:.16}body.ready.idle #sound{opacity:0;animation:none}body.ready #sound:hover,body.ready #sound:focus-visible{opacity:.75;outline:none}#reset{right:calc(max(18px,env(safe-area-inset-right)) + 44px);pointer-events:none}body.ready.moved #reset{opacity:.32;pointer-events:auto}body.ready.moved.idle #reset{opacity:0}body.ready.moved #reset:hover,body.ready.moved #reset:focus-visible{opacity:.75;outline:none}#reset .dot{fill:currentColor;stroke:none}#sound svg,#reset svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}#sound .cone{fill:currentColor;fill-opacity:.25}#sound .wave{display:none}#sound .mute,body.sounding #sound .wave{display:inline}body.sounding #sound .mute{display:none}@keyframes breathe{0%,to{opacity:.14}50%{opacity:.42}}body.nogl{background:radial-gradient(ellipse at 50% 48%,#2a3b40,#071014 45%,#000 80%)}