*{margin:0;padding:0;-ms-touch-action:none;touch-action:none}html,body{overflow:hidden;background-color:#000}.webgl{position:fixed;top:0;left:0;outline:none}#ui{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;z-index:100}#ui button{background-color:#4caf50;border:none;color:#fff;padding:12px 25px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:10px 2px;transition-duration:.4s;cursor:pointer;border-radius:5px}#ui button:hover{background-color:#45a049}#ui-mobile{position:relative;display:none;z-index:2}#ui-mobile #permissions{display:none}#qrcode{position:relative;z-index:3;display:none;max-width:100%;height:auto;margin-top:20px}.saber-handle{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;display:none}.saber-handle__image{position:relative;width:100%;height:100%}.saber-handle__image img{position:absolute;top:48%;left:50%;z-index:1;transform:translate(-50%) rotate(90deg) scale(3.5);width:100%;object-fit:contain}#ui #saber{position:absolute;top:30%;left:50%;z-index:100;transform:translate(-50%,-50%);background:red;width:550px;height:550px;border-radius:100%;opacity:0}#preloader{position:fixed;left:0;top:0;height:100%;width:100%;z-index:99999;display:flex}#preloader:before,#preloader:after{content:"";position:absolute;left:0;top:0;width:50%;height:100%;z-index:-1;background-color:#000;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}#preloader:after{left:auto;right:0}#preloader .loader_line{margin:auto;width:1px;height:75%;position:relative;overflow:hidden;-webkit-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;transition:all .8s ease 0s}.loader_line:before{content:"";position:absolute;left:0;top:50%;width:1px;height:0%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background-color:#fff;-webkit-animation:lineheight 1s ease-in-out 0s forwards;-o-animation:lineheight 1s ease-in-out 0s forwards;animation:lineheight 1s ease-in-out 0s forwards}.loader_line:after{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background-color:#bbb;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);-webkit-animation:lineround 1.2s linear 0s infinite;-o-animation:lineround 1.2s linear 0s infinite;animation:lineround 1.2s linear 0s infinite;animation-delay:2s}@keyframes lineheight{0%{height:0%}to{height:100%}}@keyframes lineround{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(200%);-ms-transform:translateY(200%);-o-transform:translateY(200%);transform:translateY(200%)}}.preloaded .loader_line:after{opacity:0}.preloaded .loader_line{opacity:0;height:100%!important}.preloaded:before,.preloaded:after{-webkit-animation:preloadedzero 1s ease-in-out .5s forwards;-o-animation:preloadedzero 1s ease-in-out .5s forwards;animation:preloadedzero 1s ease-in-out .5s forwards}@keyframes preloadedzero{0%{width:50%}to{width:0%}}#play-button{position:absolute;top:50%;left:50%;opacity:0;transition:opacity 1s ease-in;transform:translate(-50%,-50%);font-size:16px;padding:10px 20px;border:none;background-color:#555;color:#fff;cursor:pointer;z-index:100000;display:flex;align-items:center;justify-content:center;border-radius:50px;box-shadow:0 8px 15px #0000001a;text-transform:uppercase;letter-spacing:1.5px}#play-button:hover{background-color:#333;box-shadow:0 15px 20px #0003;transform:translate(-50%,-48%)}#play-icon{margin-right:5px}#play-button.fade-in{opacity:1}.fade-out{opacity:0;transition:opacity 1s ease-out}