.sh-start{margin-left:auto}.sh-wrap{flex-direction:column;gap:4px;width:min(100%,420px,max(240px,100svh - 360px));margin:0 auto;display:flex}.sh-wrap .h3{margin:0}.sh-grid{background:var(--ink);border:2px solid var(--ink);aspect-ratio:1;border-radius:6px;grid-template-columns:repeat(10,1fr);gap:1px;display:grid;overflow:hidden}.sh-cell{color:var(--ink);cursor:pointer;min-width:0;min-height:0;font-size:clamp(10px,3.4vw,16px);line-height:1;font-family:var(--f-body);background:#bfe3ff;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.sh-cell:disabled{cursor:default}.sh-cell:not(:disabled):hover{background:#98cdf6}.sh-cell:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;z-index:1}.sh-cell.miss{color:#6a8aa6;background:#dff0fb}.sh-cell.hit{color:#fff;background:#f08a24;font-weight:700}.sh-cell.sunk{color:#fff;background:#b0381f}.sh-cell.reveal{background:#9aa6b2}.sh-grid.mine .sh-cell{cursor:default}.sh-cell.ship{background:#6b7b8c}.sh-cell.ship.hit{background:#b0381f}