*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}body{background:#ececec;margin:0;overflow:hidden;padding:0}.page-container{height:720px;left:50%;padding:20px 10px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);width:1280px}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.no-events{pointer-events:none}.page-wrapper{background:#fff;background-image:linear-gradient(#fff,rgba(219,219,255,.3));border-radius:20px;box-shadow:0 0 40px rgba(0,0,0,.2);height:100%;width:100%}.page-holder,.page-wrapper{align-items:center;display:flex;justify-content:center;position:relative;text-align:center}.page-holder-appear{opacity:0}.page-holder-appear-active{opacity:1;transition:opacity 1s}.page-holder-enter{opacity:0}.page-holder-enter-active{opacity:1;transition:opacity 1s}.page-holder-exit{opacity:1}.page-holder-exit-active{opacity:0;transition:opacity 1s}.shadowed{text-shadow:#3b3b3b 3px 0 0,#3b3b3b 2.83487px .981584px 0,#3b3b3b 2.35766px 1.85511px 0,#3b3b3b 1.62091px 2.52441px 0,#3b3b3b .705713px 2.91581px 0,#3b3b3b -.287171px 2.98622px 0,#3b3b3b -1.24844px 2.72789px 0,#3b3b3b -2.07227px 2.16926px 0,#3b3b3b -2.66798px 1.37182px 0,#3b3b3b -2.96998px .42336px 0,#3b3b3b -2.94502px -.571704px 0,#3b3b3b -2.59586px -1.50383px 0,#3b3b3b -1.96093px -2.27041px 0,#3b3b3b -1.11013px -2.78704px 0,#3b3b3b -.137119px -2.99686px 0,#3b3b3b .850987px -2.87677px 0,#3b3b3b 1.74541px -2.43999px 0,#3b3b3b 2.44769px -1.73459px 0,#3b3b3b 2.88051px -.838247px 0}.shadowed-tiny{text-shadow:#595959 2px 0 0,#595959 1.75517px .958851px 0,#595959 1.0806px 1.68294px 0,#595959 .141474px 1.99499px 0,#595959 -.832294px 1.81859px 0,#595959 -1.60229px 1.19694px 0,#595959 -1.97998px .28224px 0,#595959 -1.87291px -.701566px 0,#595959 -1.30729px -1.5136px 0,#595959 -.421592px -1.95506px 0,#595959 .567324px -1.91785px 0,#595959 1.41734px -1.41108px 0,#595959 1.92034px -.558831px 0}.ship-select{background:#fff;border:1px solid #b4b4ff;margin-left:-150px;width:350px}.ship-wrapper{padding:0 30px 30px}.ship-holder{display:flex;min-height:60px}.ship-holder .ship{cursor:pointer;left:auto;margin:10px;position:static;top:auto}.right-wrap{background:#fff;border:1px solid #b4b4ff;padding:20px}.difficulty-container>h4{margin:0 0 10px}.difficulty-wrap{margin-bottom:20px}.difficulty-label{cursor:pointer;display:block;margin:4px 0;text-align:left}.difficulty-radio{cursor:pointer;float:left;margin-right:15px;-webkit-transform:scale(1.3);transform:scale(1.3)}.difficulty-text{font-size:16px;font-weight:600}.board-modify{margin-bottom:20px}.modify-text{color:#0034ab;cursor:pointer;font-size:17px;font-weight:500;margin:8px 0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-underline-offset:5px}.modify-text:hover{color:#a40013}.game-end-container{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:appearTransition;animation-name:appearTransition;background:rgba(0,0,0,.2);border-radius:10px;box-shadow:0 0 40px rgba(0,0,0,.2);cursor:pointer;font-size:40px;min-height:200px;min-width:400px;padding:10px 30px;position:absolute;z-index:100}@-webkit-keyframes appearTransition{0%{opacity:0}to{opacity:1}}@keyframes appearTransition{0%{opacity:0}to{opacity:1}}.game-end-header{color:#fff;font-weight:700}.game-end-container>h5{color:#fff}.shipList-container{position:absolute}.align-left{left:-115px;top:28px}.align-right{right:-100px;top:28px}.list-holder{display:flex}.ship-preview{height:15px;margin:5px}.ship-blue{background:#b4b4ff}.ship-red{background:#ffb4b4}.ship-0{width:15px}.ship-1{width:30px}.ship-2{width:45px}.ship-3{width:60px}.logo-container{left:20px;position:absolute;top:20px}.logo-text{color:#f5f7f7;font-family:Tahoma,sans-serif;margin:0 0 0 10px}.logo-ship,.logo-text{display:inline-block;vertical-align:middle}.logo-ship{background:rgba(180,180,255,.2);border:7px solid #b4b4ff;height:40px;width:40px}.table-centered{margin:0 40px}.table-head-text{margin-bottom:50px;margin-top:-50px}.table-ship{background:#fff;border-collapse:collapse;border-spacing:0;position:relative}.disabled:after{background:hsla(0,0%,100%,.5);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.cell{border:1px solid #b4b4ff;height:40px;position:relative;width:40px}.clickable{cursor:pointer}.green{background:rgba(184,255,180,.8)}.marker{font-size:13px;position:absolute}.marker-row{left:-35px;text-align:right;top:12px;width:20px}.marker-col{text-align:center;top:-25px;width:40px}.ship{background:rgba(180,180,255,.2);border:3px solid #b4b4ff;cursor:pointer;left:0;position:absolute;top:0;z-index:1}.ship-destroyed{background:hsla(0,100%,74%,.1);border:3px solid #ff7a7a;pointer-events:none}.failed{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:failedTransition;animation-name:failedTransition;background:hsla(0,100%,85%,.4);border:3px solid #ffb4b4}@-webkit-keyframes failedTransition{0%{-webkit-transform:translate(0);transform:translate(0)}10%{-webkit-transform:translate(-35px,-10px);transform:translate(-35px,-10px)}30%{-webkit-transform:translate(25px,8px);transform:translate(25px,8px)}50%{-webkit-transform:translate(-15px,-6px);transform:translate(-15px,-6px)}70%{-webkit-transform:translate(5px,4px);transform:translate(5px,4px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes failedTransition{0%{-webkit-transform:translate(0);transform:translate(0)}10%{-webkit-transform:translate(-35px,-10px);transform:translate(-35px,-10px)}30%{-webkit-transform:translate(25px,8px);transform:translate(25px,8px)}50%{-webkit-transform:translate(-15px,-6px);transform:translate(-15px,-6px)}70%{-webkit-transform:translate(5px,4px);transform:translate(5px,4px)}to{-webkit-transform:translate(0);transform:translate(0)}}.ship-4-hor{height:40px;width:160px}.ship-4-vert{height:160px;width:40px}.ship-3-hor{height:40px;width:120px}.ship-3-vert{height:120px;width:40px}.ship-2-hor{height:40px;width:80px}.ship-2-vert{height:80px;width:40px}.ship-1-hor,.ship-1-vert{height:40px;width:40px}.cell-red{align-items:center;display:flex;height:41px;justify-content:center;left:0;position:absolute;top:0;width:41px;z-index:1}.cell-red:after,.cell-red:before{background-color:#ff7a7a;border-radius:10px;content:"";height:4px;position:absolute;width:100%}.cell-red:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.cell-red:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.cell-bounds,.cell-missed{align-items:center;background:hsla(0,0%,93%,.5);display:flex;height:40px;justify-content:center;left:0;position:absolute;top:0;width:40px;z-index:1}.cell-circle{border-radius:50%;height:5px;width:5px}.cell-missed>.cell-circle{background:rgba(13,92,0,.8)}.cell-bounds>.cell-circle{background:rgba(77,148,82,.2)}.Button_default-button__emhqU{background:#b4b4ff;border:none;border-radius:3px;box-shadow:inset 0 -6px 0 #9e9ee6;color:#fff;cursor:pointer;font-size:17px;font-weight:bolder;letter-spacing:1px;outline:none;padding:15px}.Button_default-button__emhqU:hover{background:#b6b6ff}.Button_default-button__emhqU:active{background:#a5a9e8;box-shadow:inset 0 6px 0 #9a9ae3;padding-bottom:12px;padding-top:18px}.Button_disabled__Rys\+p{opacity:.8;pointer-events:none}
/*# sourceMappingURL=main.ab402e3e.css.map*/