:root{color:#bbb;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box;font-family:arial;font-size:20px}*:focus{outline:none}#html-container{z-index:10;position:absolute;left:0;right:0;top:0;bottom:0}#canvas{position:absolute;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%;z-index:5}#debug-container{position:fixed;z-index:100;right:0;bottom:0;background:#000000b3;padding:5px;font-family:monospace;font-size:14px;color:#999;white-space:pre}#mainmenu>div{margin:0 auto;width:100%;max-width:800px;display:flex;justify-content:space-between;background:#00323280;padding:10px}#menuContent{margin:0 auto;padding:10px;width:100%;max-width:800px}button{border:none;background:#004c4c;color:#b2b2b2;padding:5px 10px;cursor:pointer;margin-bottom:10px}button:hover,button.active{color:#ccc}button:disabled{opacity:.6;cursor:default}button:disabled:hover{color:#b2b2b2}.input{margin-bottom:10px}.input>input{border:none;background:#003232;padding:5px 10px;color:#b2b2b2}.input>span{display:inline-block;font-size:80%;color:#b2b2b2}#welcome-container{margin:0 auto;padding:10px;width:100%;max-width:800px}#auth-container{position:absolute;width:320px;padding:10px}#auth-container input{width:100%}.text-info{font-size:80%;color:#999}.text-warning{font-size:80%;color:#c87800e6}.flex{display:flex}.space-between{justify-content:space-between}