body,html{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{font-family:arial,sans-serif;font-size:.85em}*{box-sizing:border-box}canvas{z-index:20;position:relative}canvas,canvas *,.overlay,.overlay *{-moz-user-select:none;-webkit-user-select:none}canvas{position:relative;z-index:90}header{position:absolute;right:10px;top:10px;z-index:1000}header a{margin:0;display:block;text-decoration:none;background:linear-gradient(#222, #333);color:white;border:1px solid black;box-shadow:1px 1px 3px rgba(0,0,0,0.2);font-size:1.5em;border-radius:3px;padding:10px;font-weight:200;font-size:13px;text-align:center;text-shadow:1px 1px 1px black}header a span{font-size:1.2em;font-weight:bold;color:#f70}#stats{border-radius:3px}#scene-view{width:100%;height:100%}#message-input{background:rgba(32,32,32,0.5);border-radius:2px;width:500px;position:absolute;left:10px;bottom:10px;z-index:90;padding:10px}#message-input label{display:block;color:white;margin-bottom:10px;text-shadow:1px 1px 1px black}#message-input input{width:100%;border:none;box-shadow:1px 1px 3px black;font:inherit;padding:5px;border-radius:2px}#messages{background:rgba(32,32,32,0.5);border-radius:2px;width:500px;height:144px;position:absolute;left:10px;bottom:62px;z-index:90;padding:10px;color:white;overflow:auto;overflow-x:hidden}#messages .scene-message{color:#ff0;text-shadow:1px 1px 1px black}.aiming-point{width:12px;height:12px;background:rgba(255,255,255,0.5);border:2px solid black;border-radius:5px;position:absolute;left:50%;top:50%;z-index:99}.overlay{position:absolute;background:white;text-align:center;border:1px solid #ccc;padding:20px;box-shadow:1px 1px 5px rgba(0,0,0,0.2);z-index:100}.unable-to-connect{text-align:left;width:400px}.connecting{text-align:left}.overlay h1{font-family:'helvetica neue',sans-serif;font-style:italic;font-size:2.2em;letter-spacing:-1px;color:#333;margin-top:0}.dpad{position:absolute;bottom:30px;border:2px solid white;border-radius:60px;width:60px;height:60px;z-index:100;background:rgba(32,32,32,0.3)}.dpad.direction{left:30px}.dpad.movement{right:30px}#authentication{position:absolute;z-index:1000;top:74px;right:10px}#authentication button{font:inherit;padding:6px 0;width:56px;background:linear-gradient(#222, #333);border-radius:2px;color:white;border:1px solid black;box-shadow:1px 1px 3px rgba(0,0,0,0.2);cursor:pointer}#authentication button:hover{background:#f70;color:black}iframe.authentication{position:absolute}.login button{position:absolute;top:10px;right:20px;border:1px solid #ccc;color:#777;background:white;border-radius:3px;box-shadow:1px 1px 3px rgba(0,0,0,0.3);cursor:pointer}.login button:hover{background:#333;color:white}.login iframe{width:540px;height:440px;margin-top:20px}ul.menu{padding:0;margin:0}ul.menu li{list-style:none;padding:10px;margin:0;font-size:1.5em;cursor:pointer}ul.menu li:hover{background:linear-gradient(#111, #333);color:white}.microphone-icon{position:absolute;z-index:1001;bottom:10px;right:-10px}