canvas{width:100vw;height:100vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-10}.uiWrapper,.modalWrapper{--edgeButtonMargin: 1.4rem;position:fixed;z-index:10;top:var(--edgeButtonMargin);right:var(--edgeButtonMargin);display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start}.uiWrapper :not(:last-child,.modal){margin-right:1rem}.uiButton{border:none;padding:.1rem .4rem;color:#fff;font-family:monaco,monospace;font-size:.86rem;background-color:#c8c8c817;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.nudgeDown{margin-top:1px}.infoButton{padding-left:.5rem;padding-right:.5rem}.modal{width:calc(100vw - (var(--edgeButtonMargin) * 2));max-width:calc(500px - (var(--edgeButtonMargin) * 2))}.modal p:not(:last-child){margin-bottom:.8rem}.infoModal{position:fixed;bottom:var(--edgeButtonMargin);right:var(--edgeButtonMargin);padding:.7rem .8rem}.centerModal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:1rem;background-color:#64646480;display:flex;flex-direction:column;align-items:center;margin:0}.centerModal .buttonContainer{margin-top:1rem}.centerModal .buttonContainer a{text-decoration:none}.centerModal .buttonContainer a:hover{background-color:initial}.centerModal .buttonContainer button:not(:last-child){margin-right:1rem}.shareUrl{margin-top:1em;text-align:center;padding:4px 12px;background-color:#ffffff26;font-size:.9em;cursor:default}.shareUrl:hover{background-color:#ffffff40}.uiButton:not(.modal):hover,.modal a:hover{background-color:#ffffff40}@media (max-width: 500px){.uiWrapper{--edgeButtonMargin: 1.24rem;width:calc(100vw - (var(--edgeButtonMargin) * 2));flex-direction:row-reverse;justify-content:space-between}.uiWrapper>:not(:last-child){margin:0}.uiButton:not(.modal){padding:.16rem .47rem;font-size:.885rem}}