*,:before,:after{box-sizing:border-box;background-repeat:no-repeat}:before,:after{-webkit-text-decoration:inherit;text-decoration:inherit;vertical-align:inherit}:where(:root){cursor:default;overflow-wrap:break-word;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;line-height:1.5}:where(body){margin:0}:where(h1){margin:.67em 0;font-size:2em}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol,ul){padding:0;list-style-type:none}:where(nav li):before{content:"​";float:left}:where(pre){font-family:monospace;font-size:1em;overflow:auto}:where(abbr[title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family: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){resize:vertical;margin:0}:where([type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button{height:auto}::-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){color:#000;background-color:#fff;border:solid;width:fit-content;height:fit-content;margin:auto;padding:1em;position:absolute;left:0;right:0}: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){color:inherit;font:inherit;letter-spacing:inherit;background-color:#0000;border:1px solid windowframe;padding:.25em .375em}:where(select){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") 100%/1em no-repeat;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:#78849714;--battleship-button-bd:#788497;--battleship-button-hover-fg:#000;--battleship-button-hover-bg:#78849733;--battleship-button-hover-bd:#788497;--battleship-button-active-fg:#000;--battleship-button-active-bg:#78849740;--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:#fffc;--battleship-primary-button-hover-bg:#024e85;--battleship-primary-button-hover-bd:#fff;--battleship-primary-button-active-fg:#fff9;--battleship-primary-button-active-bg:#024e85;--battleship-primary-button-active-bd:#fff;--battleship-primary-button-outline:#fff;--battleship-select-fg:#000;--battleship-select-bg:#78849714;--battleship-select-bd:#788497;--battleship-select-hover-fg:#000;--battleship-select-hover-bg:#78849733;--battleship-select-hover-bd:#788497;--battleship-select-outline:#0368b0;--battleship-select-option-fg:#000;--battleship-select-option-bg:#fff;--battleship-bombed-hit-bg:red;--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:#024e8533;--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:#9fb6c614;--battleship-button-bd:#9fb6c6;--battleship-button-hover-fg:#fff;--battleship-button-hover-bg:#9fb6c633;--battleship-button-hover-bd:#9fb6c6;--battleship-button-active-fg:#fff;--battleship-button-active-bg:#9fb6c640;--battleship-button-active-bd:#9fb6c6;--battleship-button-outline:#45b0fc;--battleship-primary-button-fg:#45b0fc;--battleship-primary-button-bg:#45b0fc1a;--battleship-primary-button-bd:#45b0fc;--battleship-primary-button-hover-fg:#45b0fc;--battleship-primary-button-hover-bg:#45b0fc33;--battleship-primary-button-hover-bd:#45b0fc;--battleship-primary-button-active-fg:#45b0fc;--battleship-primary-button-active-bg:#45b0fc40;--battleship-primary-button-active-bd:#45b0fc;--battleship-primary-button-outline:#45b0fc;--battleship-select-fg:#fff;--battleship-select-bg:#9fb6c614;--battleship-select-bd:#9fb6c6;--battleship-select-hover-fg:#fff;--battleship-select-hover-bg:#9fb6c633;--battleship-select-hover-bd:#9fb6c6;--battleship-select-outline:#45b0fc;--battleship-select-option-fg:#fff;--battleship-select-option-bg:#021727;--battleship-bombed-hit-bg:red;--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:#fffc;--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);white-space:nowrap;cursor:pointer;border-style:solid;border-width:1px;border-radius:0;outline:none}._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:#0000;background-color:#0000;border-color:#0000;border-radius:.125rem}._button_t8va4_1._icon_t8va4_53:hover{color:#0000;background-color:var(--battleship-button-hover-bg);border-color:#0000}._button_t8va4_1._icon_t8va4_53:active{color:#0000;background-color:var(--battleship-button-active-bg);border-color:#0000}._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,._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;min-width:2rem;max-width:2rem;height:2rem;min-height:2rem;max-height:2rem}._ocean-grid_137f1_1._medium_137f1_23>._table_137f1_6>._tbody_137f1_10>._tr_137f1_10>div{width:2.5rem;min-width:2.5rem;max-width:2.5rem;height:2.5rem;min-height: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;min-width:3rem;max-width:3rem;height:3rem;min-height: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{border:2px solid var(--battleship-ship-bd);background-color:var(--battleship-ship-bg);z-index:1;border-radius:.5rem;position:absolute}._table-cell_77hij_1{vertical-align:middle;display:table-cell;position:relative}._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{color:var(--battleship-table-header-cell-fg);font-weight:700}._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{z-index:2;position:absolute;inset:.5rem}._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{cursor:pointer;background-color:#0000;border:none;outline:none;width:100%;height:100%;padding:0;position:absolute;inset:0}._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);word-break:normal;margin:0 .5rem}._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);cursor:pointer;border-style:solid;border-width:1px;border-radius:0;outline:none;padding-inline-end:1.75rem}._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{flex-grow:1;display:flex}._configuration-page_1ygy5_1{height:100%;color:var(--battleship-page-fg);background-color:var(--battleship-page-bg);flex-direction:column;display:flex;position:relative}._configuration-page_1ygy5_1>header{box-sizing:border-box;border-block-end:1px solid var(--battleship-page-bd);align-items:center;margin-block-end:1rem;padding-block-end:.75rem;padding-inline-end:.5rem;display:flex}._configuration-page_1ygy5_1>header>*{margin-inline-start:.5rem}._configuration-page_1ygy5_1>main{flex-grow:1;margin:0 .5rem;display:flex;overflow:auto}._configuration-page_1ygy5_1>main>._ocean-grid_1ygy5_31{margin:0 auto}@media screen and (width<=512px){._shuffleButton_1ygy5_36{display:none}}@media screen and (width>=512px){._shuffleIconButton_1ygy5_41{display:none}}@media screen and (width<=512px){._playButton_1ygy5_46{display:none}}@media screen and (width>=512px){._playIconButton_1ygy5_51{display:none}}._configuration-page_1ygy5_1 svg{fill:var(--battleship-icon-color)}._game-page_1g10q_1{height:100%;color:var(--battleship-page-fg);background-color:var(--battleship-page-bg);flex-direction:column;display:flex;position:relative}._game-page_1g10q_1>header{box-sizing:border-box;border-block-end:1px solid var(--battleship-page-bd);align-items:center;margin-block-end:1rem;padding-block-end:.75rem;padding-inline-end:.5rem;display:flex}._game-page_1g10q_1>header>*{margin-inline-start:.5rem}._game-page_1g10q_1>main{text-align:center;display:block;overflow:auto}._game-page_1g10q_1>main>._vertical-layout_1g10q_30{vertical-align:top;text-align:start;margin-block-end:1rem;margin-inline:1rem;display:inline-block;position:relative}@media screen and (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{margin-top:.25rem;font-style:italic}._game-page_1g10q_1>main h3{margin-top:0;margin-bottom:.5rem}html,body,#root{height:100%;overflow:hidden}body{background-color:var(--battleship-page-bg);padding:1rem calc(50% - 25rem)}