html,body{margin:0;padding:0}#viewport{background-color:#000;width:100vw;height:100vh;position:relative;overflow:hidden}#canvas{touch-action:none;width:100%;height:100%;display:block}#panel-toggle{color:#fff9;cursor:pointer;background-color:#ffffff14;border:none;border-radius:50%;padding:.5rem;transition:color .2s,background-color .2s;display:flex;position:absolute;top:.75rem;right:.75rem}#panel-toggle:hover,#panel-toggle[aria-expanded=true]{color:#fff;background-color:#ffffff29}#panel{width:280px;max-height:calc(100% - 7.25rem);position:absolute;top:3.5rem;right:.75rem;overflow-y:auto}#madeby{opacity:.9;background-color:#fff;border-radius:50%;padding:.25rem;transition:opacity .2s;display:flex;position:absolute;bottom:.25rem;right:.25rem}#madeby:hover{opacity:1}#madeby img{width:2.5rem;height:2.5rem}