body{margin:0;background:#0b442e;color:#fff8e6;font-family:system-ui,sans-serif}.sb-app{max-width:1100px;margin:auto;padding:24px;background:#06452f;color:#fff8e6;border-radius:22px;box-shadow:0 12px 35px #133a2220}.sb-heading,.sb-controls,.sb-board-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sb-heading h1{font:700 clamp(32px,5vw,48px) Georgia,serif;margin:0}.sb-kicker{letter-spacing:.18em;font-size:11px;color:#e5cc88}.sb-app p{line-height:1.6}.sb-app button,.sb-app select{font:inherit;border:1px solid #ccddc6;border-radius:8px;min-height:44px;padding:8px 14px;background:#fff8e6;color:#153e31;cursor:pointer}.sb-app button:disabled{cursor:default;opacity:.6}.sb-app button:focus-visible,.sb-app select:focus-visible{outline:3px solid #ffda70;outline-offset:2px}.sb-controls{justify-content:flex-start}.sb-controls label{display:flex;align-items:center;gap:8px}.sb-boards{display:grid;grid-template-columns:1fr 1fr;gap:28px}.sb-boards section{min-width:0}.sb-board-title h2{font:700 24px Georgia,serif}.sb-board-title span{font-size:13px}.sb-grid{display:grid;grid-template-columns:20px repeat(10,minmax(0,1fr));gap:3px}.sb-grid .sb-cell{padding:0;min-height:0;aspect-ratio:1;border-radius:4px;border:1px solid #578f7c;background:#1b6652;color:#fff;font-weight:700;font-size:20px;touch-action:manipulation}.sb-grid .sb-label{display:grid;place-items:center;font-size:11px;min-width:0}.sb-grid .sb-ship{background:#d9dfbd;color:#163f32}.sb-grid .sb-selected{outline:2px solid #ffda70;outline-offset:-2px;background:#eac978}.sb-grid .sb-hit{background:#ba4d36;color:white}.sb-grid .sb-sunk{background:#773827;color:white}.sb-grid .sb-miss{background:#134737;color:#d6ece0}.sb-grid [aria-disabled=true]{cursor:default}.sb-legend,.sb-fleet{font-size:13px;color:#ebead8}#sb-status{padding:12px 16px;background:#ffffff12;border-left:3px solid #e5cc88;min-height:52px}#sb-start{background:#ead298;font-weight:700}[hidden]{display:none!important}@media(max-width:760px){.sb-boards{grid-template-columns:1fr;gap:16px}.sb-app{padding:14px;border-radius:16px}.sb-controls{gap:8px}.sb-controls label{flex-wrap:wrap}.sb-grid{gap:2px;grid-template-columns:16px repeat(10,minmax(0,1fr))}.sb-grid .sb-cell{font-size:17px}}