*{box-sizing:border-box;width:100%;height:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-user-select:none}body{margin:0;padding:0;background:#000;overflow:hidden;font:1rem monospace}#container{position:absolute;left:0;right:0;top:0;bottom:0}#preview{position:absolute;width:100%;height:100%;-o-object-fit:fill;object-fit:fill;z-index:0}#controls{position:absolute;background:#00000066;color:#fff;right:0;width:200px;height:100%;z-index:10}#infos{position:absolute;background:#00000066;color:#fff;border:1px dashed #fff;left:10px;top:10px;height:50%;width:30%;z-index:10}#diagram{position:absolute;left:0;bottom:0;width:300px;height:300px;z-index:10}#target{position:absolute;border:1px dashed #fff;left:50%;top:50%;margin-left:-100px;margin-top:-100px;width:200px;height:200px;z-index:10}.warning{background:#000;color:#f5f5f5;position:absolute;width:100%;height:100%;z-index:100}.warning img{width:200px;height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#landscape-warning{background:#000;color:#f5f5f5;position:absolute;width:100%;height:100%;z-index:100}#bad-platform-warning{background:#000;color:#f5f5f5;position:absolute;width:100%;height:100%;z-index:100}#gyro-warning{background:#000;color:#f5f5f5;position:absolute;width:100%;height:100%;z-index:100}#error-warning{background:#000;color:#f5f5f5;position:absolute;width:100%;height:100%;z-index:100}.hide{visibility:hidden}.btn_action{outline:0;position:absolute;width:80px;height:80px;left:50%;margin-left:-40px;border:2px solid #f5f5f5;border-radius:15px;background-color:#000;color:#f5f5f5}#add{outline:0;position:absolute;width:80px;height:80px;left:50%;margin-left:-40px;border:2px solid #f5f5f5;border-radius:15px;background-color:#000;color:#f5f5f5;bottom:20px;background-image:url(plus.svg) no-repeat}#email{outline:0;position:absolute;width:80px;height:80px;left:50%;margin-left:-40px;border:2px solid #f5f5f5;border-radius:15px;background-color:#000;color:#f5f5f5;top:20px}#init{outline:0;position:absolute;width:80px;height:80px;left:50%;margin-left:-40px;border:2px solid #f5f5f5;border-radius:15px;background-color:#000;color:#f5f5f5;bottom:50%}#ori{outline:0;position:absolute;width:80px;height:80px;left:50%;margin-left:-40px;border:2px solid #f5f5f5;border-radius:15px;background-color:#000;color:#f5f5f5;bottom:110px}#results{width:0;height:0;position:absolute;left:-100}#takePhotoButton{left:calc(50% - 40px);top:calc(50% - 40px);width:80px;height:80px;background-image:url(img/ic_photo_camera_white_48px.svg);border-radius:50%;background-color:rgba(0,0,0,.5)}#takePhotoButton:active{background-color:#fff}