*{margin:0;padding:0;outline:none;user-select:none;font-family:"DemonSker";font-weight:500}html,body{overflow:hidden;user-select:none;outline:none}.webgl{cursor:grab}.page .loader{width:100%;height:100vh;background:#000;position:absolute;top:0;left:0;z-index:10}.page .loader .loader-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100vh;opacity:0;position:absolute;top:0;left:0}.page .loader .loader-container .loader-title{color:#fff;text-align:center;font-size:3rem;padding:.5rem}@media screen and (min-width: 768px){.page .loader .loader-container .loader-title{font-size:5rem}}.page .loader .loader-container .loader-progress-bar{width:100%;max-width:200px;height:2px;margin-bottom:96px;background:gray;position:relative}@media screen and (min-width: 768px){.page .loader .loader-container .loader-progress-bar{max-width:300px}}.page .loader .loader-container .loader-progress-bar .progress-bar{width:0%;height:100%;background:#fff;position:absolute;transition:.3s}.page .loader .loader-container .loader-progress-bar .progress-bar-text{display:block;color:#fff;padding:1rem;text-align:center}.page .loader .loader-container .play-btn{width:40px;background:none;border:none;opacity:0;position:absolute;cursor:pointer;outline:none;transition:.3s}.page .loader .loader-container .play-btn:hover{width:46px}.page .top-container{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:1rem;position:absolute;top:0;left:0;z-index:1}.page .top-container .title{margin:0 1rem;color:#fff;text-align:center}.page .top-container #fps-counter{display:none;color:#fff;font-size:32px}.page .top-container .toggle-shadow-btn{display:none;margin:0 1rem;color:#000;background:#fff;padding:.5rem;border:none;border-radius:4px}.page .top-container .toggle-sound-btn{width:40px;margin:0 1rem;background:none;border:none;cursor:pointer;outline:none}.page .outmap-message-container{display:none;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;color:#fff;opacity:0}.page .outmap-message-container .outmap-message{margin:0 1rem;font-size:4rem;text-align:center}@media screen and (min-width: 768px){.page .outmap-message-container .outmap-message{font-size:6rem}}.page .help{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;color:#fff;background:rgba(0,0,0,.2);position:absolute}.page .help .help-control-pad{text-align:center}@media screen and (min-width: 768px){.page .help .help-control-pad{display:none}}.page .help .help-keyboard-buttons-container{display:none}@media screen and (hover: hover){.page .help .help-keyboard-buttons-container{display:flex;justify-content:center;flex-wrap:wrap}}.page .help .help-keyboard-buttons-container .help-keyboard-button{display:flex;justify-content:center;align-items:center;width:100px;height:100px;margin:1rem;border:4px solid #fff}.page .help .help-keyboard-buttons-container .help-keyboard-button .help-keyboard-button-text{color:#fff;font-size:80px;padding-top:1rem}.page .bottom-right-text{color:#fff;font-size:1rem;text-decoration:none;padding:.5rem;position:absolute;bottom:0;right:.125rem;opacity:0;z-index:1}@media screen and (min-width: 768px){.page .bottom-right-text{font-size:1.5rem}}.page .controls{display:flex;justify-content:space-around;align-items:center;width:100%;height:25%;position:absolute;bottom:3.125rem;left:0}@media(hover: hover){.page .controls{display:none}}.page .controls .move-field{display:flex;justify-content:center;align-items:center;width:160px;height:160px;position:relative;border:2px solid #fff;border-radius:50%}.page .controls .move-field .control-pad{width:30%;height:30%;background:#fff;border-radius:50%}.webgl{position:fixed;top:0;left:0;outline:none}

/*# sourceMappingURL=main.css.map*/