body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}body{overscroll-behavior-y:none;font-family:monospace;color:#fff}:root{--body-background:#222831}#root,.App,body,html{height:100%;background-color:#222831;background-color:var(--body-background);overflow:hidden}.u-h2{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:20px;margin:16px 0}:root{--button-primary-color:#fff;--button-primary-bgcolor:#ff1e56;--button-hover-color:#bd1c4e}.button{font-family:monospace;font-weight:900;display:inline-block;font-size:16px;line-height:20px;padding:5px 12px;outline:none;text-align:center;text-decoration:none;border-radius:5px;background-color:#ff1e56;background-color:var(--button-primary-bgcolor);color:#fff;color:var(--button-primary-color);border:none;position:relative;vertical-align:middle;overflow:hidden;z-index:0;transition:.2s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:8px;margin-right:8px}.button:last-of-type{margin-right:0}.button:active,.button:focus,.button:hover{background-color:#bd1c4e;background-color:var(--button-hover-color);cursor:pointer}.button--desktop{display:none}.button--disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;opacity:.5}.button__shortcut{display:none}.button--outlined{background-color:transparent;border:1px solid #fff}.button--outlined.button--active,.button--outlined:active,.button--outlined:focus,.button--outlined:hover{box-shadow:0 0 15px hsla(0,0%,100%,.7),0 0 3px 1px hsla(0,0%,100%,.6);background-color:transparent;cursor:pointer}@media only screen and (min-width:1000px){.button{margin-bottom:0}.button--desktop{display:inline-block}.button--mobile{display:none}.button__shortcut{display:inline}}.button-group .button{margin:0 -1px 0 0;border-radius:0}.button-group .button:first-of-type{border-bottom-left-radius:5px;border-top-left-radius:5px}.button-group .button:last-of-type{border-bottom-right-radius:5px;border-top-right-radius:5px}.board{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;max-width:400px;margin:0 auto}@media only screen and (min-width:768px){.board{margin:0}}.debug{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff}.blank-placeholders{overflow:hidden}.board-hover:hover{opacity:.9;cursor:pointer}.ship-selector{grid-area:ship-selector;display:none;align-items:flex-start;margin-top:12px}@media only screen and (min-width:768px){.ship-selector{display:flex}}.ship-template-row{display:flex;align-items:flex-start;flex-wrap:wrap;margin-bottom:36.36364px;margin-right:36.36364px}.ship-with-tooltip{margin-right:18.18182px;position:relative}.ship-with-tooltip:last-of-type{margin-right:0}.ship-with-tooltip__box{padding:18.18182px 0 0 18.18182px;z-index:1;top:-20px;margin-bottom:2%;left:50%;width:500px;background:#222831;box-shadow:0 0 15px rgba(136,153,166,.2),0 0 3px 1px rgba(136,153,166,.15);max-width:500px;border:1px solid #38444d;display:flex;align-items:flex-start;flex-wrap:wrap;transform:translate(-50%,-100%);position:absolute}.ship-with-tooltip__box:before{content:"";position:absolute;height:20px;bottom:-20px;width:100%;left:0}.ship-with-tooltip__box .ship{margin-bottom:18.18182px}.ship-group{border-top:1px solid #fff;padding-top:12px}.ship-group .ship{cursor:pointer}.ship-group{display:flex;align-items:flex-start;margin-top:20px;padding-top:8px;margin-right:36.36364px;position:relative}.ship-group--disabled{opacity:.6;pointer-events:none}.ship-group__label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:16px;top:-5px;left:50%;transform:translate(-50%,-100%);position:absolute}.setup-board{width:100%}.setup-wrapper{grid-area:player-board;text-align:center}@media only screen and (min-width:768px){.setup-wrapper{text-align:left}}.setup-wrapper__row{display:flex;align-items:center}.ship{width:100%;margin-right:18.18182px}.ship:last-of-type{margin-right:0}.ship svg{display:block;width:100%;height:auto}.ship--1{max-width:36.36364px}.ship--2{max-width:72.72727px}.ship--3{max-width:109.09091px}.ship--4{max-width:145.45455px}.ship--dragged-true{position:fixed;transform:translate(-50%,-50%)}.ship--small{margin-right:9.09091px}.ship--small.ship--1{max-width:18.18182px}.ship--small.ship--2{max-width:36.36364px}.ship--small.ship--3{max-width:54.54545px}.ship--small.ship--4{max-width:72.72727px}.ship--sunken rect{fill:#ff1e56;fill:var(--button-primary-bgcolor)}.placed-shots--player .placed-shots__shot{fill:#222831;fill:var(--body-background)}.placed-shots--computer .placed-shots__shot{fill:#4e4e4e}.bombed-ship__cell{fill:transparent;stroke:transparent}.bombed-ship--true .bombed-ship__cell{stroke-width:1}.enemy-board{grid-area:enemy-board;text-align:center}.enemy-board .board-ship{fill:#fff}.enemy-board__row{position:relative;display:flex;align-items:center}.enemy-board .button--start{position:absolute;top:50%;left:10%}.enemy-board--disabled .board{position:relative}.enemy-board--disabled .board:before{content:"";left:0;top:0;width:100%;height:100%;position:absolute;background:rgba(34,40,49,.5)}@media only screen and (min-width:768px){.enemy-board{text-align:left}}.targets{display:none;margin-left:7px}.targets--faded{opacity:.6}.targets__row{margin-bottom:9.09091px;display:flex}@media only screen and (min-width:768px){.targets{display:block}}.player-board{text-align:center}.player-board .board-ship{fill:#fff}.player-board .board-hover{cursor:default}.player-board .board-hover:hover{opacity:1}.player-board__row{display:flex;align-items:center}.player-board--disabled .board{position:relative}.player-board--disabled .board:before{content:"";left:0;top:0;width:100%;height:100%;position:absolute;background:rgba(34,40,49,.5)}@media only screen and (min-width:768px){.player-board,.player-board .u-h2{text-align:left}}.header__content{margin:12px 2%;display:flex;align-items:center;justify-content:space-between}.header__logo{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:24px;white-space:nowrap}.header .button-group .button{font-size:12px}@media only screen and (min-width:768px){.header .button-group .button{font-size:16px}.header__content{max-width:1200px;margin:24px auto}.header__logo{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:32px}}.game-finished{margin:0 auto;text-align:center}.game-finished .u-h2{margin-bottom:24px}.App{overflow:hidden;display:flex;flex-direction:column;max-width:100%}.App__row{overflow-y:auto;padding:0 2%;margin:0}@media only screen and (min-width:768px){.App__row{padding:0;margin:24px auto;max-width:1200px;width:100%;display:grid;grid-template-areas:"player-board enemy-board" "ship-selector ship-selector";grid-template-columns:repeat(2,minmax(400px,1fr));grid-template-rows:-webkit-max-content}}
/*# sourceMappingURL=main.ccd9d8fc.chunk.css.map */