@import"https://fonts.googleapis.com/css2?family=Orbitron&display=swap";body,h1,p{margin:0;padding:0}body{background-color:#09081a;--main-color: #ffffff;--tuto-color: #ffffff;--tuto-color-bad: #ff0000;--tuto-color-previous: #ff8c00;font-family:Orbitron,sans-serif;user-select:none}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:1;font-size:15px;letter-spacing:2px;& button{padding:0;border:none;font-family:Orbitron,sans-serif;color:#fff;background-color:transparent;cursor:pointer;letter-spacing:2px;border:0 solid #ffffff;border-width:0 0 1px 0;border-color:#fff0;font-size:15px}}h1{font-size:24px;font-weight:700;color:#333}p{font-size:16px;line-height:1.5;color:#666}main{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#fff;position:relative}button:hover{border-color:#fff}canvas{display:block}.background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#09081a;z-index:-1;opacity:1}.logo-wrapper{position:absolute;top:15%;width:min(1000px,60vw);height:20vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.logo{width:100%;justify-content:center;align-items:center;position:relative;& svg{position:relative;width:100%;height:100%}}.logo__beta{position:absolute;bottom:14%;right:9.2%;font-size:.6vw;color:var(--main-color)}button.enter-button{position:absolute;bottom:10%;display:none;font-size:30px}.loader{position:absolute;bottom:10%;font-size:30px}.tuto-wrapper{position:absolute;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center;display:none}.tuto{position:relative;top:5%;width:300px;font-size:12px;text-align:center}.tuto__item{display:flex;flex-direction:column;gap:20px;align-items:center;svg{width: 50%;}}.tuto2{display:none}.tuto-good{fill:var(--tuto-color)}.tuto-bad{fill:var(--tuto-color-bad)}.tuto-previous{fill:var(--tuto-color-previous)}.tuto-color{color:var(--tuto-color)}.menu{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;bottom:10%}button.play-button{font-size:30px;display:none}.mobile-version{position:absolute;text-align:center;display:none;bottom:50%}.graphics-block{display:none;gap:10px}.graphics-block__button.active{border-color:#fff}.score{position:absolute;top:-10%;font-size:50px;display:none;opacity:0}.gate{position:absolute;top:15%;font-size:20px;display:none}.credits{position:absolute;bottom:20px;left:20px;font-size:8px;display:none;flex-direction:column;gap:4px}.credits__item{& span{color:var(--main-color)}& span:first-of-type{margin-left:8px}}.st0{fill:var(--main-color)}.st1{fill:#fff}.st2{fill:#0d0d0b}.tp-dfwv{z-index:2}.tp-dfwv{width:350px!important}.music-button{position:absolute;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px;width:40px;height:20px;bottom:15px;right:20px;cursor:pointer;display:none}.music-button span{width:1px;height:2px;bottom:0px;background:white}.music-button--active span{-webkit-animation:wave 1s infinite ease}.music-button span:first-child{-webkit-animation-delay:0s}.music-button span:nth-child(2){-webkit-animation-delay:.2s}.music-button span:nth-child(3){-webkit-animation-delay:.6s}.music-button span:nth-child(4){-webkit-animation-delay:.4s}.music-button span:nth-child(5){-webkit-animation-delay:.9s}@-webkit-keyframes wave{0%{height:2px}60%{height:10px}to{height:2px}}.arrows{position:absolute;bottom:10%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:60px;display:none}.arrow{width:100px;transform-origin:50% 50%}.arrow-left{transform:rotate(180deg)}.tuto-ingame{position:absolute;bottom:50%;font-size:30px;text-align:center;display:none}.tuto-ingame-color{color:var(--tuto-color)}