@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);
*{margin:0;padding:0;box-sizing:border-box;font-family:"Lato","sans-serif"}body{background-image:url(92ea71ad4a2c6d7404ab.png);background-size:cover;background-position:center;background-repeat:no-repeat}.slide_1{background-image:url(719fecc72f8ca6230daf.png);width:400px;height:400px}.slide_2{background-image:url(12ae45d2810035346731.png);width:400px;height:400px}.slide_3{background-image:url(30cb384b9bb12a122048.png);width:400px;height:400px}.slide_4{background-image:url(ff07af5e7820f66704bb.jpg);width:400px;height:400px}

.modal{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;z-index:999}.modal::before{position:absolute;content:"";top:0;left:15px;right:15px;bottom:0;background-color:rgba(0,0,0,0.8)}@media screen and (min-width: 767px){.modal::before{left:45px;right:45px}}.button{all:none;font-family:144px;width:30px;height:75px;background-color:black;color:#fff;border:0;transition:all 0.25s ease}.button:hover{background-color:rgba(73,73,73,0.151);color:white}.button.invisible{visibility:hidden}.slide{width:400px;height:400px;margin:40px 10px 40px 10px}img{width:400px;height:400px}.slider{z-index:1001;display:flex;align-items:center}.slider h2,.slider h3{position:absolute;left:50%;transform:translateX(-50%)}.easter-egg .return{position:absolute;bottom:10%;right:10%;color:#fff}.easter-egg .return:hover{border-bottom:2px #fff solid;transform:scale(1.3)}.hidden{display:none}

.wrapper{height:100vh;width:100vw;overflow:hidden}.main{display:flex;flex-direction:column;justify-content:center;position:relative;margin:0 auto;background-color:rgba(0,0,0,0.45);height:100%;width:90%}@media only screen and (min-width: 1023px){.main{flex-direction:row}}.timer{position:absolute;top:1%;left:50%;transform:translateX(-50%)}@media only screen and (min-width: 1023px){.timer{top:5%}}.timer__counter{font-weight:700;color:#fff;font-size:13px}@media only screen and (min-width: 767px){.timer__counter{font-size:24px}}@media only screen and (min-width: 1023px){.timer__counter{font-size:30px}}@media only screen and (min-width: 1023px){.timer__counter{font-size:40px}}.board{width:30vh;height:30vh;background-color:#fff;display:flex;flex-wrap:wrap;position:relative}@media only screen and (min-width: 1023px){.board{width:50vh;height:50vh}}.board__wrapper{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}@media only screen and (min-width: 1023px){.board__wrapper{justify-content:space-around}}.board__player{padding:30px 0}.board__player-name{color:#fff;font-size:13px}@media only screen and (min-width: 767px){.board__player-name{font-size:30px}}@media only screen and (min-width: 1023px){.board__player-name{font-size:40px}}@media only screen and (min-width: 1023px){.board__player-name{font-size:40px}}.board__fields{height:100%;width:100%;display:flex;flex-wrap:wrap}.board__fields--computer{position:relative}.board__field{height:10%;width:10%;border:1px solid rgba(0,0,0,0.45);cursor:pointer;position:relative}.board__field.hit::after{position:absolute;content:"+";font-size:50px;color:red;transform:rotate(45deg);bottom:0;top:0;left:0;right:0;display:flex;justify-content:center;align-items:center}.board__field.miss::after{position:absolute;content:"●";font-size:30px;bottom:0;top:0;left:0;right:0;display:flex;justify-content:center;align-items:center}.board__field.sunk::after{position:absolute;content:"";bottom:0;top:0;left:0;right:0;background-color:red;transform:rotate(0)}.board__field:nth-child(-n+10){border-top:none}.board__field:nth-child(10n){border-right:none}.board__field:nth-child(10n+1){border-left:none}.board__field:nth-child(n+91){border-bottom:none}.board__characters{position:absolute;width:40px;height:100%;left:-30px;display:flex;flex-direction:column}@media only screen and (min-width: 767px){.board__characters{left:-40px}}.board__characters-char{height:10%;width:10%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:13px}@media only screen and (min-width: 767px){.board__characters-char{font-size:20px}}@media only screen and (min-width: 1023px){.board__characters-char{font-size:24px}}@media only screen and (min-width: 1023px){.board__characters-char{font-size:24px}}.board__numbers{position:absolute;width:100%;height:40px;top:-30px;display:flex}@media only screen and (min-width: 767px){.board__numbers{top:-40px}}.board__numbers-numb{height:40px;width:40px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:13px}@media only screen and (min-width: 767px){.board__numbers-numb{font-size:20px}}@media only screen and (min-width: 1023px){.board__numbers-numb{font-size:24px}}@media only screen and (min-width: 1023px){.board__numbers-numb{font-size:24px}}.ships__wrapper{display:flex;flex-direction:column;align-items:flex-start;width:30vh}@media only screen and (min-width: 767px){.ships__wrapper{width:30vh}}@media only screen and (min-width: 1023px){.ships__wrapper{width:50vh;height:25vh}}.ships__row{padding:10px 0;display:flex;flex-wrap:wrap;justify-content:start;align-items:end}.ships-ship{background-color:#fff;margin:5px 10px 5px 0;cursor:pointer;height:10px}@media only screen and (min-width: 767px){.ships-ship{height:15px}}@media only screen and (min-width: 1023px){.ships-ship{height:25px}}@media only screen and (min-width: 1023px){.ships-ship{height:25px}}.ships__heading{font-weight:700;color:#fff;font-size:13px}@media only screen and (min-width: 767px){.ships__heading{font-size:24px}}@media only screen and (min-width: 1023px){.ships__heading{font-size:24px}}@media only screen and (min-width: 1023px){.ships__heading{font-size:24px}}.actions{display:flex;justify-content:center;align-items:center;width:100%;height:100%;max-height:100px}@media only screen and (min-width: 1023px){.actions{width:90%}}.actions__button{height:3vh;width:45%;font-size:13px;background-color:#243c60;border:none;border-radius:15px;font-size:30px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;transition:0.2s}.actions__button:hover{cursor:pointer;background-color:#051e42}@media only screen and (min-width: 767px){.actions__button{font-size:20px;height:3vh;width:45%}}@media only screen and (min-width: 1023px){.actions__button{font-size:24px;height:70%;width:60%}}.link{color:#fff;font-weight:700;position:absolute;right:5%;bottom:5%;text-decoration:none;transition:0.2s;font-size:20px}@media only screen and (min-width: 767px){.link{font-size:24px;right:5%;bottom:3%}}@media only screen and (min-width: 1023px){.link{font-size:24px}}@media only screen and (min-width: 1023px){.link{font-size:24px}}.link:hover{cursor:pointer;border-bottom:4px #fff solid;transform:scale(1.1);padding-bottom:5px}.computer{background-color:rgba(0,0,0,0.45);color:rgba(0,0,0,0.45)}.button--start{position:absolute;top:53%;left:50%;transform:translate(-50%, -50%);height:3%;width:25%;z-index:1;background-color:#243c60;border:none;border-radius:15px;font-size:30px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;transition:0.2s;font-size:13px}.button--start:hover{cursor:pointer;background-color:#051e42}.button--start.disabled{background-color:gray;cursor:not-allowed}@media only screen and (min-width: 767px){.button--start{font-size:20px;height:4%;width:15%}}@media only screen and (min-width: 1023px){.button--start{font-size:24px;height:7%;width:15%}}.ship{background-color:rgba(0,0,0,0.8)}.overlay::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.45);z-index:2}.disabled{cursor:not-allowed}

.modal{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;z-index:998}.modal::before{position:absolute;content:"";top:0;left:15px;right:15px;bottom:0;background-color:rgba(0,0,0,0.8)}@media screen and (min-width: 767px){.modal::before{left:45px;right:45px}}.modal__content{z-index:999;max-width:80vw;max-height:80vh}.modal__settlement{border-bottom:5px solid #fff;line-height:1;font-size:92px;padding:0 0 23px 0;margin:0}@media screen and (min-width: 767px){.modal__settlement{font-size:144px}}.modal__result{font-size:32px;margin:36px 0}@media screen and (min-width: 767px){.modal__result{font-size:48px}}.modal__actions{margin-top:100px}.modal__action-item{display:block;font-size:42px;color:#fff;text-decoration:none;font-weight:bold;margin-bottom:50px}@media screen and (min-width: 767px){.modal__action-item{font-size:65px}}