*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#101822;color:#f3f5ed;font:16px/1.45 system-ui,sans-serif}main{width:min(100%,520px);margin:auto;padding:18px 12px 32px}header{border-bottom:2px solid var(--accent);margin-bottom:16px}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--accent)}h1{font-size:clamp(25px,8vw,38px);line-height:1.1;margin:8px 0 15px}h2{font-size:18px}#board{display:grid;gap:5px;padding:10px;background:#1b2b3c;border-radius:14px;margin:16px 0}.tile{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:8px;background:#304457;color:#fff;border:1px solid #647789;font-weight:700;font-size:14px;overflow-wrap:anywhere;min-width:0;text-align:center;padding:3px}.tile:nth-child(3n){background:#3f485f}.tile:nth-child(4n){border-color:var(--accent)}#controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}button,a,summary{min-height:44px;min-width:44px}button{font:inherit;border:1px solid #7d929f;background:#23384a;color:#fff;border-radius:10px;padding:10px 9px;cursor:pointer;overflow-wrap:anywhere}button:hover{background:#38556a}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#reset{background:var(--accent);color:#14202a;font-weight:800;width:100%;margin:16px 0}#status{padding:12px;border-left:4px solid var(--accent);background:#233344;border-radius:5px;font-weight:700}#info{min-height:48px;color:#cee0eb}summary{padding:10px;cursor:pointer}details{margin:16px 0;background:#182633;border-radius:8px}details p{padding:0 12px 12px}a{display:flex;align-items:center;color:#a9e9ff;text-decoration:underline;padding:10px 0;overflow-wrap:anywhere}footer{font-size:13px;color:#b5c5cf}#score{font-variant-numeric:tabular-nums}.subtle{color:#bbccd8;font-size:14px}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}
.tile[data-boat="yes"]{border:3px solid #b5e8fa}.tile[data-secured="yes"]{background:#3e704f}