*,:before,:after{box-sizing:border-box;background-repeat:no-repeat}:before,:after{text-decoration:inherit;vertical-align:inherit}:where(:root){cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}:where(body){margin:0}:where(h1){font-size:2em;margin:.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(nav li):before{content:"​";float:left}:where(pre){font-family:monospace,monospace;font-size:1em;overflow:auto}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,select){margin:0}:where(button,[type=button i],[type=reset i],[type=submit i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy=true i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled=true i],[disabled]){cursor:not-allowed}:where([aria-hidden=false i][hidden]){display:initial}:where([aria-hidden=false i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}:where(button,input,select,textarea){background-color:transparent;border:1px solid WindowFrame;color:inherit;font:inherit;letter-spacing:inherit;padding:.25em .375em}:where(select){-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E") no-repeat right center / 1em;border-radius:0;padding-right:1em}:where(select[multiple]){background-image:none}:where([type=color i],[type=range i]){border-width:0;padding:0}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}code,kbd,samp,pre{font-family:ui-monospace,Menlo,Consolas,Roboto Mono,"Ubuntu Monospace",Noto Mono,Oxygen Mono,Liberation Mono,monospace,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}:root{--battleship-page-fg: #000;--battleship-page-heading-fg: #024e85;--battleship-page-bg: #fff;--battleship-page-bd: #dfdfdf;--battleship-button-fg: #000;--battleship-button-bg: rgba(120, 132, 151, .08);--battleship-button-bd: #788497;--battleship-button-hover-fg: #000;--battleship-button-hover-bg: rgba(120, 132, 151, .2);--battleship-button-hover-bd: #788497;--battleship-button-active-fg: #000;--battleship-button-active-bg: rgba(120, 132, 151, .25);--battleship-button-active-bd: #788497;--battleship-button-outline: #0368b0;--battleship-primary-button-fg: #fff;--battleship-primary-button-bg: #024e85;--battleship-primary-button-bd: #fff;--battleship-primary-button-hover-fg: rgba(255, 255, 255, .8);--battleship-primary-button-hover-bg: #024e85;--battleship-primary-button-hover-bd: #fff;--battleship-primary-button-active-fg: rgba(255, 255, 255, .6);--battleship-primary-button-active-bg: #024e85;--battleship-primary-button-active-bd: #fff;--battleship-primary-button-outline: #fff;--battleship-select-fg: #000;--battleship-select-bg: rgba(120, 132, 151, .08);--battleship-select-bd: #788497;--battleship-select-hover-fg: #000;--battleship-select-hover-bg: rgba(120, 132, 151, .2);--battleship-select-hover-bd: #788497;--battleship-select-outline: #0368b0;--battleship-select-option-fg: #000;--battleship-select-option-bg: #fff;--battleship-bombed-hit-bg: #f00;--battleship-bombed-miss-bg: #888;--battleship-table-bd: #dfdfdf;--battleship-table-header-cell-fg: #024e85;--battleship-table-header-cell-bg: #eee;--battleship-table-active-cell-bg: #eee;--battleship-ship-bg: rgba(2, 78, 133, .2);--battleship-ship-bd: #024e85;--battleship-icon-color: #000;--battleship-dropdown-arrow-svg: url("data:image/svg+xml,%3csvg fill='%23000' width='14' height='9' viewBox='0 0 14 9' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.6 8.4L13.4 0H.2l6.4 8.4z'/%3e%3c/svg%3e")}@media(prefers-color-scheme:dark){:root{--battleship-page-fg: #fff;--battleship-page-heading-fg: #fff;--battleship-page-bg: #021727;--battleship-page-bd: #dfdfdf;--battleship-button-fg: #fff;--battleship-button-bg: rgba(159, 182, 198, .08);--battleship-button-bd: #9fb6c6;--battleship-button-hover-fg: #fff;--battleship-button-hover-bg: rgba(159, 182, 198, .2);--battleship-button-hover-bd: #9fb6c6;--battleship-button-active-fg: #fff;--battleship-button-active-bg: rgba(159, 182, 198, .25);--battleship-button-active-bd: #9fb6c6;--battleship-button-outline: #45b0fc;--battleship-primary-button-fg: #45b0fc;--battleship-primary-button-bg: rgba(69, 176, 252, .1);--battleship-primary-button-bd: #45b0fc;--battleship-primary-button-hover-fg: #45b0fc;--battleship-primary-button-hover-bg: rgba(69, 176, 252, .2);--battleship-primary-button-hover-bd: #45b0fc;--battleship-primary-button-active-fg: #45b0fc;--battleship-primary-button-active-bg: rgba(69, 176, 252, .25);--battleship-primary-button-active-bd: #45b0fc;--battleship-primary-button-outline: #45b0fc;--battleship-select-fg: #fff;--battleship-select-bg: rgba(159, 182, 198, .08);--battleship-select-bd: #9fb6c6;--battleship-select-hover-fg: #fff;--battleship-select-hover-bg: rgba(159, 182, 198, .2);--battleship-select-hover-bd: #9fb6c6;--battleship-select-outline: #45b0fc;--battleship-select-option-fg: #fff;--battleship-select-option-bg: #021727;--battleship-bombed-hit-bg: #f00;--battleship-bombed-miss-bg: #dfdfdf;--battleship-table-bd: #dfdfdf;--battleship-table-header-cell-fg: #fff;--battleship-table-header-cell-bg: #042c49;--battleship-table-active-cell-bg: #042c49;--battleship-ship-bg: rgba(255, 255, 255, .8);--battleship-ship-bd: #45b0fc;--battleship-icon-color: #fff;--battleship-dropdown-arrow-svg: url("data:image/svg+xml,%3csvg fill='%23fff' width='14' height='9' viewBox='0 0 14 9' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.6 8.4L13.4 0H.2l6.4 8.4z'/%3e%3c/svg%3e")}}._button_t8va4_1{color:var(--battleship-button-fg);background-color:var(--battleship-button-bg);border-color:var(--battleship-button-bd);border-radius:0;border-width:1px;border-style:solid;outline:none;white-space:nowrap;cursor:pointer}._button_t8va4_1:hover{color:var(--battleship-button-hover-fg);background-color:var(--battleship-button-hover-bg);border-color:var(--battleship-button-hover-bd)}._button_t8va4_1:active{color:var(--battleship-button-active-fg);background-color:var(--battleship-button-active-bg);border-color:var(--battleship-button-active-bd)}._button_t8va4_1:focus{outline:1px dotted var(--battleship-button-outline);outline-offset:-3px}._button_t8va4_1._primary_t8va4_30{color:var(--battleship-primary-button-fg);background-color:var(--battleship-primary-button-bg);border-color:var(--battleship-primary-button-bd)}._button_t8va4_1._primary_t8va4_30:hover{color:var(--battleship-primary-button-hover-fg);background-color:var(--battleship-primary-button-hover-bg);border-color:var(--battleship-primary-button-hover-bd)}._button_t8va4_1._primary_t8va4_30:active{color:var(--battleship-primary-button-active-fg);background-color:var(--battleship-primary-button-active-bg);border-color:var(--battleship-primary-button-active-bd)}._button_t8va4_1._primary_t8va4_30:focus{outline:1px dotted var(--battleship-primary-button-outline);outline-offset:-3px}._button_t8va4_1._icon_t8va4_53{color:transparent;background-color:transparent;border-color:transparent;border-radius:.125rem}._button_t8va4_1._icon_t8va4_53:hover{color:transparent;background-color:var(--battleship-button-hover-bg);border-color:transparent}._button_t8va4_1._icon_t8va4_53:active{color:transparent;background-color:var(--battleship-button-active-bg);border-color:transparent}._button_t8va4_1._icon_t8va4_53:focus{outline:1px dotted var(--battleship-button-outline);outline-offset:-3px}._ocean-grid_137f1_1{display:inline-block;position:relative}._ocean-grid_137f1_1>._table_137f1_6{border:1px solid var(--battleship-table-bd)}._ocean-grid_137f1_1>._table_137f1_6>._tbody_137f1_10>._tr_137f1_10>div{border:1px solid var(--battleship-table-bd)}._ocean-grid_137f1_1._small_137f1_14>._table_137f1_6>._tbody_137f1_10>._tr_137f1_10>div{width:2rem;height:2rem;min-width:2rem;min-height:2rem;max-width:2rem;max-height:2rem}._ocean-grid_137f1_1._medium_137f1_23>._table_137f1_6>._tbody_137f1_10>._tr_137f1_10>div{width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;max-width:2.5rem;max-height:2.5rem}._ocean-grid_137f1_1._large_137f1_32>._table_137f1_6>._tbody_137f1_10>._tr_137f1_10>div{width:3rem;height:3rem;min-width:3rem;min-height:3rem;max-width:3rem;max-height:3rem}._table_137f1_6{display:table}._tbody_137f1_10{display:table-header-group}._tr_137f1_10{display:table-row}._placed-ship_h02hi_1{position:absolute;border:2px solid var(--battleship-ship-bd);border-radius:.5rem;background-color:var(--battleship-ship-bg);z-index:1}._table-cell_77hij_1{position:relative;display:table-cell;vertical-align:middle}._table-cell_77hij_1._header-cell_77hij_7{text-align:center;background-color:var(--battleship-table-header-cell-bg)}._table-cell_77hij_1._header-cell_77hij_7>span{font-weight:700;color:var(--battleship-table-header-cell-fg)}._table-cell_77hij_1._header-cell_77hij_7._small_77hij_17>span{font-size:.875rem}._table-cell_77hij_1._header-cell_77hij_7._medium_77hij_21>span{font-size:1rem}._table-cell_77hij_1._header-cell_77hij_7._large_77hij_25>span{font-size:1.125rem}._table-cell_77hij_1 ._hit-forward-slash_77hij_29,._table-cell_77hij_1 ._miss-forward-slash_77hij_30,._table-cell_77hij_1 ._hit-backslash_77hij_31,._table-cell_77hij_1 ._miss-backslash_77hij_32{position:absolute;top:.5rem;bottom:.5rem;left:.5rem;right:.5rem;z-index:2}._table-cell_77hij_1 ._hit-forward-slash_77hij_29{background:linear-gradient(135deg,transparent calc(50% - 1px),var(--battleship-bombed-hit-bg) 50%,transparent calc(50% + 1px))}._table-cell_77hij_1 ._hit-backslash_77hij_31{background:linear-gradient(45deg,transparent calc(50% - 1px),var(--battleship-bombed-hit-bg) 50%,transparent calc(50% + 1px))}._table-cell_77hij_1 ._miss-forward-slash_77hij_30{background:linear-gradient(135deg,transparent calc(50% - 1px),var(--battleship-bombed-miss-bg) 50%,transparent calc(50% + 1px))}._table-cell_77hij_1 ._miss-backslash_77hij_32{background:linear-gradient(45deg,transparent calc(50% - 1px),var(--battleship-bombed-miss-bg) 50%,transparent calc(50% + 1px))}._table-cell_77hij_1 button{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;padding:0;border:none;outline:none;background-color:transparent;cursor:pointer}._table-cell_77hij_1 button:hover,._table-cell_77hij_1 button:focus,._table-cell_77hij_1 button:active{background-color:var(--battleship-table-active-cell-bg)}._heading_a4kma_1{color:var(--battleship-page-heading-fg);margin:0 .5rem;word-break:normal}._select_18d7o_1{color:var(--battleship-select-fg);background:var(--battleship-select-bg) var(--battleship-dropdown-arrow-svg) right .75rem center/.625rem no-repeat;border-color:var(--battleship-select-bd);border-radius:0;border-width:1px;border-style:solid;outline:none;padding-inline-end:1.75rem;cursor:pointer}._select_18d7o_1:hover{color:var(--battleship-select-hover-fg);background-color:var(--battleship-select-hover-bg);border-color:var(--battleship-select-hover-bd)}._select_18d7o_1:focus{outline:1px dotted var(--battleship-select-outline);outline-offset:-3px}._select_18d7o_1>option{color:var(--battleship-select-option-fg);background-color:var(--battleship-select-option-bg)}._spacer_17j9f_1{display:flex;flex-grow:1}._configuration-page_1ygy5_1{display:flex;flex-direction:column;height:100%;position:relative;color:var(--battleship-page-fg);background-color:var(--battleship-page-bg)}._configuration-page_1ygy5_1>header{display:flex;align-items:center;box-sizing:border-box;padding-inline-end:.5rem;padding-block-end:.75rem;margin-block-end:1rem;border-block-end:1px solid var(--battleship-page-bd)}._configuration-page_1ygy5_1>header>*{margin-inline-start:.5rem}._configuration-page_1ygy5_1>main{display:flex;flex-grow:1;overflow:auto;margin:0 .5rem}._configuration-page_1ygy5_1>main>._ocean-grid_1ygy5_31{margin:0 auto}@media screen and (max-width:512px){._shuffleButton_1ygy5_36{display:none}}@media screen and (min-width:512px){._shuffleIconButton_1ygy5_41{display:none}}@media screen and (max-width:512px){._playButton_1ygy5_46{display:none}}@media screen and (min-width:512px){._playIconButton_1ygy5_51{display:none}}._configuration-page_1ygy5_1 svg{fill:var(--battleship-icon-color)}._game-page_1g10q_1{display:flex;flex-direction:column;height:100%;position:relative;color:var(--battleship-page-fg);background-color:var(--battleship-page-bg)}._game-page_1g10q_1>header{display:flex;align-items:center;box-sizing:border-box;padding-inline-end:.5rem;padding-block-end:.75rem;margin-block-end:1rem;border-block-end:1px solid var(--battleship-page-bd)}._game-page_1g10q_1>header>*{margin-inline-start:.5rem}._game-page_1g10q_1>main{display:block;text-align:center;overflow:auto}._game-page_1g10q_1>main>._vertical-layout_1g10q_30{position:relative;display:inline-block;margin-inline:1rem;margin-block-end:1rem;vertical-align:top;text-align:start}@media screen and (max-width:420px){._game-page_1g10q_1>main>._vertical-layout_1g10q_30{margin-inline:0}}._game-page_1g10q_1>main>._vertical-layout_1g10q_30>*{display:block}._game-page_1g10q_1>main>._vertical-layout_1g10q_30>._sunk-ships_1g10q_48{font-style:italic;margin-top:.25rem}._game-page_1g10q_1>main h3{margin-top:0;margin-bottom:.5rem}html,body,#root{height:100%;overflow:hidden}body{padding:1rem calc(50% - 25rem);background-color:var(--battleship-page-bg)}