.connect-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;background:#255d9b;padding:8px;border-radius:18px;max-width:480px;margin:20px auto}.connect-cell{aspect-ratio:1;border-radius:50%;background:var(--surface);color:var(--muted);font-size:clamp(18px,6vw,40px);padding:0}.connect-cell.side-0{color:#dc4d60}.connect-cell.side-1{color:#eab33b}.sea-board{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;max-width:420px;margin:auto}.sea-board>*{aspect-ratio:1;display:grid;place-items:center;background:var(--soft);border:1px solid var(--line);padding:0;color:var(--ink);min-width:0}.sea-board .sea-ship{background:#8fadc4}.sea-board .sea-hit{background:#de7482;color:#fff}.sea-board.own{max-width:260px}.puzzle-board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));max-width:450px;margin:20px auto;border:2px solid var(--ink);gap:1px;background:var(--line)}.puzzle-board>*{min-width:0;width:100%;aspect-ratio:1;margin:0!important;padding:0;text-align:center;border-radius:0;background:var(--surface);color:var(--ink);font-size:18px}.puzzle-board input:disabled{background:var(--soft);opacity:1;font-weight:800}.puzzle-board>*:nth-child(3n){border-right:2px solid var(--muted)}.puzzle-board>*:nth-child(n+19):nth-child(-n+27),.puzzle-board>*:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--muted)}