body{background-color:#111;color:#eee;display:flex;flex-direction:column;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;margin:0;min-height:100vh;min-height:-webkit-fill-available}#canvas{height:100vh;height:-webkit-fill-available;left:0;position:absolute;top:0;width:100vw}#compass{height:10rem;pointer-events:none;transform-origin:center center}#debug{left:0;min-height:100vh;min-height:-webkit-fill-available;padding:.5rem;position:absolute;top:0;width:100vw}#buttonAndroid,#buttonIOS,#buttonTemp{width:120px;z-index:99}