:root{font-size:16px}body{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;-webkit-touch-callout:none;-webkit-overflow-scrolling:auto;background:#000;color:#eee;cursor:default;font-family:Roboto Condensed,monospace;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.125rem;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}body.inputlock{cursor:none}#viewport,:root,body{height:100%;width:100vw}a{color:inherit}canvas,img{image-rendering:pixelated;vertical-align:middle}#info{bottom:1rem;position:absolute;right:1rem}#compass,body.inputlock #info{display:none}#compass{align-items:center;backdrop-filter:blur(.5rem);background:rgba(0,0,0,.15);border-radius:0 0 .5rem .5rem;left:50%;pointer-events:none;position:absolute;top:0;transform:translate(-50%)}body.inputlock #compass{display:flex}#compass>div{align-items:center;display:flex;flex-direction:column;font-size:.625rem;height:2.625rem;justify-content:center;line-height:1rem;width:5rem}#cursor{display:none;opacity:.3}body.inputlock #cursor{display:block}#cursor:after{border:4px solid #fff;border-radius:8px;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}#sfx{background:transparent;border:0;color:inherit;cursor:pointer;margin:0;outline:none;padding:.5rem;position:absolute;right:.5rem;top:.5rem}body.inputlock #sfx{display:none}#sfx>svg{fill:currentColor;stroke:#000;stroke-width:.4;height:1.5rem;pointer-events:none;width:1.5rem}#sfx.muted>svg:first-child,#sfx>svg:nth-child(2){display:none}#sfx.muted>svg:nth-child(2){display:block}#toolbar{bottom:1rem;display:none;gap:.5rem;left:50%;position:absolute;transform:translate(-50%)}body.inputlock #toolbar{display:flex}#toolbar>div{backdrop-filter:blur(.5rem);background-color:rgba(0,0,0,.15);border-radius:.5rem;display:flex;flex-direction:column;height:3.5rem;width:3rem}#toolbar>div>div:first-child{align-items:center;display:flex;flex-grow:1;justify-content:center}#toolbar>div>div:nth-child(2){background-color:rgba(0,0,0,.15);border-radius:0 0 .5rem .5rem;display:flex;justify-content:center}#toolbar>div.active{background-color:rgba(51,153,51,.3)}