*{margin:0;padding:0;font-family:Orbitron,sans-serif;user-select:none}html,body{overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none}.overlay{background-color:#000;transition:opacity 1.5s linear}.transparent{opacity:0}.hidden{display:none}.center{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:4}.pointer{background-color:#fff;border-radius:100%;width:.25rem;height:.25rem}.scan-indicator{width:6rem;height:1rem;text-align:center;pointer-events:none;user-select:none;color:#fff;font-size:.8rem;text-transform:uppercase;transform:translateY(1.5rem);visibility:hidden}.scanning{visibility:visible;animation:BlinkAnimation alternate infinite linear 1s}@keyframes BlinkAnimation{0%{opacity:100}to{opacity:0}}.scan-circle{pointer-events:none;user-select:none;border-radius:50%;height:6.5rem;width:6.5rem}.scan-circle-fill{border:.5rem solid transparent;visibility:hidden}.scanning-fill{visibility:visible;animation:AppearAnimationTop,AppearAnimationRight,AppearAnimationBottom,AppearAnimationLeft;animation-duration:1s,1s,1s,1s;animation-delay:0s,1s,2s,3s;animation-fill-mode:forwards;animation-timing-function:step-start}@keyframes AppearAnimationTop{to{border-top-color:#fff}}@keyframes AppearAnimationRight{to{border-right-color:#fff}}@keyframes AppearAnimationBottom{to{border-bottom-color:#fff}}@keyframes AppearAnimationLeft{to{border-left-color:#fff}}.scan-circle-progress{border:.5rem solid transparent;border-top-color:#fff;visibility:hidden}.scanning-progress{visibility:visible;animation:RotateAnimation linear 4s}@keyframes RotateAnimation{to{transform:rotate(360deg)}}.controls-container{position:absolute;bottom:0;left:0;z-index:4;flex-direction:column;background-color:#121212;margin:.5rem;border-radius:3%;opacity:.75}.top-container{bottom:6.5rem}.controls-container div{display:flex}.control-box{display:flex;justify-content:center;align-items:center;font-size:.6rem;border-radius:10%;color:#fff;text-transform:uppercase}.button-box{width:2rem;height:2rem;margin:.5rem;background-color:#252525}.click-box{width:8rem;padding:.5rem}.description-container{z-index:5;position:absolute;left:1rem;bottom:10rem;color:#fff}.description-container div{margin-bottom:.25rem}.description-header{font-size:2.5rem;margin-bottom:1rem}.description-container>div:nth-child(2){animation:MoveAnimation step-start 2s;animation-delay:.1s}.description-container>div:nth-child(3){animation-name:MoveAnimation,GlitchAnimation;animation-timing-function:step-start;animation-duration:2s,.3s;animation-delay:.2s,1s}.description-container>div:nth-child(4){animation:MoveAnimation step-start 2s;animation-delay:.3s}.description-container>div:nth-child(5){animation-name:MoveAnimation,GlitchAnimation;animation-timing-function:step-start;animation-duration:2s,.4s;animation-delay:.4s}.description-container>div:nth-child(6){animation:MoveAnimation step-start 2s;animation-delay:.5s}@keyframes MoveAnimation{0%{transform:translate(-.5rem)}to{transform:translate(1rem)}}@keyframes GlitchAnimation{0%{opacity:1}25%{opacity:0}50%{opacity:1}75%{opacity:0}to{opacity:1}}.start-screen{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}.game-title{pointer-events:none;font-size:6rem;text-transform:uppercase}.start-button{cursor:pointer;color:#fff;background-color:transparent;border:none;font-size:3rem;text-transform:uppercase}.start-button:hover{color:#2f2fa7}.flex{display:flex}.pause-screen{align-items:center;justify-content:center;flex-direction:column;color:#fff}.pause-title{pointer-events:none;font-size:6rem;text-transform:uppercase}.pause-button{cursor:pointer;color:#fff;background-color:transparent;border:none;font-size:3rem;text-transform:uppercase}.pause-button:hover{color:#2f2fa7}.alert{position:absolute;top:10%;left:0;min-width:25%;max-height:5%;border-radius:5px;margin:1rem;padding:1rem;align-items:center;justify-content:center;background-color:#121212;color:#fff;opacity:.75;transform:translate(-110%);animation:SlideIn 1s;animation-fill-mode:forwards}.alert svg{fill:#3abff8;flex-shrink:0;width:2rem;height:2rem;margin-right:1rem}@keyframes SlideIn{to{transform:translate(0)}}.objectives{position:absolute;top:20%;left:0;max-width:12%;background-color:#121212;color:#fff;opacity:.75;margin:1rem;padding:1rem;border-radius:5px;font-size:.9rem}.objectives div{font-size:1.5rem;margin-bottom:1rem}.objectives ul li{list-style:none;margin-bottom:.5rem;padding-left:.5rem;border-left:2px solid white}.databook-container{position:absolute;top:10%;bottom:10%;right:25%;left:25%;background-color:#121212;color:#fff;opacity:.97;flex-direction:column;border-radius:5px;padding:.5rem}.databook-title{font-size:1.25rem;padding:0 .5rem .5rem}.databook-content{display:grid;width:100%;height:100%;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:.5rem}.databook-item{display:flex;align-items:center;justify-content:center;background-color:#252525;text-transform:uppercase;border-radius:5px}.databook-item-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.databook-item-content>div{padding:1rem}.image{flex:1;width:50%;background-image:url(databook/slime.png);background-position:center;background-size:cover}