*{box-sizing:border-box}body{margin:0;background:#edf5f2;color:#193c39;font-family:system-ui,'Malgun Gothic',sans-serif}main{max-width:600px;margin:auto;padding:clamp(20px,5vw,36px)}header a{display:inline-block;min-height:44px;color:#145cc8;font-weight:700}h1{font-size:clamp(27px,6vw,38px);letter-spacing:-.04em;margin:8px 0}p{line-height:1.6;margin:0}label{display:grid;gap:6px;font-weight:700;margin-top:18px}select,button,summary{font:inherit;color:#193c39;border:1px solid #a7beb5;background:white;border-radius:10px;min-height:48px;padding:10px 14px}button,summary{cursor:pointer;font-weight:700}button:disabled{cursor:default}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:4px solid #145cc8;outline-offset:3px;z-index:2}.settings-help{font-size:14px;margin:8px 0}details p{padding:10px 4px}#status{min-height:3.5em;font-weight:700;margin-top:12px}.scroll{overflow-x:auto}.more{margin-top:10px}.board{--n:3;width:min(100%,calc(var(--n)*100px));min-width:calc(var(--n)*48px + 40px);display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:6px;margin:12px auto;padding:10px;background:#d7e9e2;border:2px solid #b0cbbd;border-radius:16px}.board[data-size='3']{width:min(100%,300px)}.board[data-size='5'],.board[data-size='6']{gap:4px;padding:6px}.board[data-size='5'] .cell,.board[data-size='6'] .cell{padding:2px;font-size:15px}.cell{min-width:48px;min-height:48px;aspect-ratio:1;padding:6px}.board[data-size='3'] .cell{min-height:64px}.cell[data-kind=land]{background:#e6f0cf;border:2px solid #668244;color:#284b20}.cell[data-kind=sea]{background:repeating-linear-gradient(135deg,#d7ebfa 0 9px,#bfd9ed 9px 12px);border:2px solid #477390;color:#1c4d68}.controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.controls button{flex:1}.result{margin-top:18px;border-left:5px solid #175c43;border-radius:6px;background:#e4f2e9;padding:16px}.result strong{display:block;margin-bottom:8px}.result p{margin-bottom:10px}[hidden]{display:none!important}