.sk-game .gt-center:before{display:none}@container gt (orientation:landscape) and (width>=600px){.sk-game .gt-felt{padding:0}.sk-game .gt-felt:before{display:none}}.sk-stage{width:100%;height:100%;position:relative;container-type:size}.sk-boards{--w:min(100cqw, calc(100cqh - 112px));flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.sk-panel{--b:var(--w);width:var(--w);flex-direction:column;gap:4px;min-width:0;display:flex}.sk-panel.is-big{order:0}.sk-panel.is-mini{--b:78px;flex-direction:row;order:1;align-items:center;gap:12px}.sk-head{min-height:22px;color:var(--color-cream-2);justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.sk-panel.is-mini .sk-head{flex-direction:column;flex:1;align-items:flex-start;gap:4px}.sk-mini-wrap{flex-shrink:0;position:relative}.sk-mini-cover{cursor:pointer;background:0 0;border:2px solid #fbfaf766;border-radius:8px;position:absolute;inset:-4px}.sk-mini-cover:focus-visible{outline:3px solid var(--color-amber)}.sk-hint{color:var(--color-cream-2);opacity:.8;font-size:12px;font-weight:600}.sk-panel:not(.is-mini) .sk-hint{display:none}.sk-panel.is-mini .sk-board{grid-template-rows:repeat(10,minmax(0,1fr));grid-template-columns:repeat(10,minmax(0,1fr))}.sk-panel.is-mini .sk-label{display:none}@container gt (orientation:landscape) and (width>=600px){.sk-boards{--w:min(calc((100cqw - 28px) / 2), calc(100cqh - 34px));flex-direction:row;gap:28px}.sk-panel,.sk-panel.is-mini{--b:var(--w);flex-direction:column;align-items:stretch;gap:4px}.sk-panel[data-side=mine]{order:0}.sk-panel[data-side=enemy]{order:1}.sk-panel.is-mini .sk-head{flex-direction:row;align-items:center}.sk-mini-cover,.sk-panel.is-mini .sk-hint{display:none}.sk-panel.is-mini .sk-board{grid-template-rows:repeat(11,minmax(0,1fr));grid-template-columns:repeat(11,minmax(0,1fr))}.sk-panel.is-mini .sk-label{display:flex}}.sk-place{--b:min(100cqw, calc(100cqh - 58px));flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;display:flex}.sk-tray{width:var(--b);gap:6px;display:flex}.sk-tray>button{flex:1;min-width:0}@container gt (orientation:landscape) and (width>=600px){.sk-place{--b:min(calc(100cqw - 200px), 100cqh);flex-direction:row;gap:16px}.sk-tray{flex-direction:column;width:176px}.sk-tray>button{flex:none}}.sk-board{width:var(--b);height:var(--b);font-size:max(9px, calc(var(--b) * .036));border-radius:6px;grid-template-rows:repeat(11,minmax(0,1fr));grid-template-columns:repeat(11,minmax(0,1fr));display:grid}.sk-panel.is-target .sk-board{outline:3px solid var(--color-amber);outline-offset:3px}.sk-label{color:var(--color-cream-2);justify-content:center;align-items:center;font-weight:800;display:flex}.sk-cell{color:#fff;min-width:0;min-height:0;font:inherit;background:#1c5a86;border:0;place-items:center;margin:0;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 .5px #bee1ff47}.sk-cell>svg{width:62%;height:62%}button.sk-cell{cursor:pointer}button.sk-cell:disabled{cursor:default}button.sk-cell:not(:disabled):hover,button.sk-cell:focus-visible{outline:2px solid var(--color-amber);outline-offset:-2px;z-index:1}.sk-ship{box-shadow:inset 0 0 0 1px #58708a;background:#a7b9cc!important}.sk-halo{background:#18496e!important}.sk-reveal{box-shadow:inset 0 0 0 1px #c9d6e3;background:#7d93ab!important}.sk-hit{box-shadow:inset 0 0 0 1px #9a3412;background:#ea6a1c!important}.sk-sunk{box-shadow:inset 0 0 0 1px #f2b632;background:#8b1d1d!important}.sk-miss:after,.sk-water:after{content:"";background:#e6f0f8;border-radius:50%;width:24%;height:24%}.sk-water:after{opacity:.45;width:16%;height:16%}.sk-preview-ok{background:#4fb27a!important}.sk-preview-bad{background:#c2463d!important}.sk-cell:has(.sk-fx){z-index:2}.sk-fx{pointer-events:none;border-radius:50%;position:absolute;inset:-40%}.sk-fx-miss{border:2px solid #ffffffe6;animation:.7s ease-out forwards sk-splash}.sk-fx-hit{background:radial-gradient(circle,#fff7c2 0%,#fbbf24 28%,#f97316 52%,#0000 70%);animation:.65s ease-out forwards sk-boom}.sk-fx-sunk{background:radial-gradient(circle,#fff7c2 0%,#fbbf24 25%,#dc2626 50%,#0000 70%);animation:.9s ease-out forwards sk-boom;inset:-90%}@keyframes sk-splash{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.3)}}@keyframes sk-boom{0%{opacity:1;transform:scale(.2)}60%{opacity:.9}to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.sk-fx{animation:none;display:none}}.sk-fleet{flex-wrap:wrap;align-items:center;gap:2px 5px;margin:0;padding:0;list-style:none;display:flex}.sk-fleet>li{gap:1px;display:flex}.sk-fleet i{background:var(--color-cream-2);border-radius:1.5px;width:7px;height:7px;display:block}.sk-head>span:first-child{white-space:nowrap}.sk-panel.is-big .sk-fleet{justify-content:flex-end;gap:2px 4px}.sk-panel.is-big .sk-fleet i{width:6px;height:6px}@container gt (orientation:landscape) and (width>=600px){.sk-panel[data-side] .sk-fleet{justify-content:flex-end;gap:3px 6px}.sk-panel[data-side] .sk-fleet i{width:9px;height:9px}}@media (orientation:landscape) and (height<=500px){.sk-panel[data-side] .sk-fleet{gap:2px 4px}.sk-panel[data-side] .sk-fleet i{width:6px;height:6px}}.sk-fleet i.is-hit{background:#ea6a1c}.sk-fleet>li.is-sunk i{opacity:.55;background:#c2463d}.sk-actions{container-type:inline-size}@container (width<=300px){.sk-place-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.sk-place-actions>button{min-height:46px}.sk-end-actions{grid-template-columns:auto minmax(0,1fr);font-size:15px;line-height:1.15}}@container gt (orientation:landscape) and (height<=640px){.sk-end{grid-template-columns:180px minmax(0,1fr);align-content:center;gap:8px 16px;max-width:600px;padding:14px 16px;display:grid}.sk-end>:first-child{grid-row:1/span 5;align-self:center}.sk-end>:first-child h2{font-size:1.6rem}.sk-end>:not(:first-child){grid-column:2}.sk-end>button:first-of-type{min-height:50px}}@container gt (orientation:landscape) and (height<=460px){.sk-end-note{display:none}}