*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none}html,body{margin:0;padding:0;overflow:hidden;background:#000;font-family:Verdana}canvas{position:absolute;width:100%;height:100%}#threejs{z-index:10}#loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;opacity:1;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s ease-in-out;background-image:url(../assets/loading.png);background-size:cover}#logo{animation:infinite-spinning 2s linear infinite}@keyframes infinite-spinning{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}#loading.hiding{pointer-events:none;opacity:0}.bottom{position:absolute;left:50%;bottom:0;z-index:30}.bottom>*{translate:-50% 10%;position:absolute;transition:translate .4s ease-in-out .5s}.bottom>*.shown{translate:-50% calc(-100% - 15vh)}#instruction1,#instruction2{display:inline-block}.instruction>img{max-width:90vw;max-height:10vh}button:focus{outline:0}#close{pointer-events:all;cursor:pointer;z-index:1000000;background-color:transparent;box-shadow:none;border:none}#close>img{max-width:35vw;max-height:10vh}#pointer{z-index:300;position:absolute;opacity:0;transition:opacity .4s ease-in-out}#pointer:after{content:" ";width:50px;height:50px;transform:translate(-25px,-25px);z-index:300;position:absolute;background-image:url(../assets/pointer.png);background-size:contain}#logs{font-size:.7em;pointer-events:none;position:absolute;left:0;right:0;top:0;z-index:100000;color:#fff;background:#00000080}