.boat-main{max-width:1000px;padding-block:35px 65px}.boat-main h1{font-size:clamp(2.4rem,8vw,5rem);line-height:1.05;margin:.3em 0}.boat-main h1 span{color:#e55e30}.boat-lede{font-size:1.6rem;font-weight:800}.boat-game{border:2px solid var(--ink,#192f35);border-radius:22px;padding:clamp(16px,4vw,32px);margin:32px 0;background:#fffaf0}.boat-game h2{font-size:clamp(1.5rem,4vw,2.2rem);margin-top:0}.boat-settings{display:grid;gap:14px;max-width:580px;margin:24px auto}.boat-settings label:first-child{display:grid;gap:6px;font-weight:700}.boat-settings select{font:inherit;max-width:100%;padding:12px;border:2px solid #192f35;border-radius:8px;background:white;color:#192f35}.boat-check{display:flex;gap:12px;align-items:center;min-height:44px}.boat-check input{width:22px;height:22px;flex:none;accent-color:#192f35}.boat-settings .hint{margin:0}.boat-score{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;max-width:580px;margin:18px auto;font-size:.9rem}.boat-score strong{font-size:1.1rem}.boat-water{position:relative;max-width:430px;margin:auto;border:3px solid #192f35;border-radius:18px;overflow:hidden;background:#b9e2d2;aspect-ratio:360/440}.boat-water canvas{display:block;width:100%;height:100%;touch-action:pan-y}.boat-overlay{position:absolute;left:10%;right:10%;top:34%;background:#fffaf0;border:2px solid #192f35;border-radius:12px;padding:18px;text-align:center;font-size:1.2rem;font-weight:800;pointer-events:none}.boat-controls{max-width:580px;margin:16px auto}.boat-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.boat-lanes button{min-height:58px;padding:10px 5px;border:2px solid #192f35;border-radius:10px;background:#fffaf0;color:#192f35;font:inherit;font-weight:700;line-height:1.4}.boat-lanes button[aria-pressed=true]{background:#192f35;color:#fffaf0}.boat-lanes button:disabled{opacity:.65}.boat-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;align-items:center}.boat-controls .boat-actions{justify-content:center}#send-boat{width:100%}#boat-status{min-height:3em;max-width:580px;margin:20px auto;font-weight:650}.boat-result{padding:24px 0;border-top:2px dashed #192f35}.boat-result h3{font-size:2rem;margin:0}.boat-result textarea{display:block;width:100%;font:inherit;padding:12px;margin-top:8px}.boat-about{max-width:750px;margin:35px auto;line-height:1.7}.boat-game :focus-visible{outline:3px solid #192f35;outline-offset:5px}.boat-game [hidden]{display:none!important}@media(max-width:480px){.boat-main{padding-inline:18px}.boat-game{margin-inline:-5px;padding:14px}.boat-score{font-size:.8rem}.boat-actions .button{width:100%;text-align:center}.boat-game .hint{font-size:.85rem}.boat-lanes button{font-size:.85rem}}@media(prefers-reduced-motion:reduce){.boat-game *{animation:none!important;transition:none!important}}