.bs{max-width:640px;margin:0 auto;padding:1rem;min-height:100dvh;display:flex;flex-direction:column;gap:.6rem;position:relative}.back{text-decoration:none;color:var(--muted);font-size:.9rem}.sound-toggle{position:absolute;top:1rem;right:1rem;z-index:1;background:var(--panel);color:var(--text);width:2.2rem;height:2.2rem;border-radius:50%;font-size:1.1rem;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}.sound-toggle[aria-pressed=true]{opacity:.5}.title{text-align:center;margin:.2rem 0 0}.status{text-align:center;min-height:1.5em;font-weight:600;margin:0}.fleet-picker{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.fleet-item{background:var(--panel);border-radius:8px;padding:.3rem .6rem;font-size:.8rem;text-align:center;color:var(--muted);min-width:5.5rem}.fleet-item.current{outline:2px solid var(--accent);color:var(--text)}.fleet-item.placed{color:var(--accent-2);opacity:.75}.fleet-name{display:block;font-weight:600}.fleet-size{display:block;font-size:.7rem;letter-spacing:.12em;margin-top:.1rem}.setup-controls{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.ghost-btn{background:var(--panel);color:var(--text);padding:.5em .9em}.grid-wrap{display:flex;justify-content:center}.grid{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;width:min(100%,360px);aspect-ratio:1;background:#ffffff0a;border-radius:8px;padding:4px}.grid.small{width:min(100%,300px)}.cell{background:#ffffff0f;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.9rem;line-height:1;aspect-ratio:1}.setup-grid .cell,#setup-grid .cell{cursor:pointer}.cell.ship{background:#4fc3f759}.cell.miss{background:#ffffff0a;color:var(--muted);font-size:1.1rem;font-weight:700}.cell.hit{background:#e573738c}.cell.hit.sunk{background:#7a1f1fd9}#enemy-grid .cell:not(.hit):not(.miss){cursor:pointer}#enemy-grid .cell:not(.hit):not(.miss):hover{background:#4fc3f72e}.board-block{display:flex;flex-direction:column;gap:.3rem}.board-title{text-align:center;font-size:.9rem;color:var(--muted);margin:0}.battle{display:flex;flex-direction:column;gap:1rem}.diff-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.4rem;text-align:center}.diff-btns{display:flex;gap:.4rem;justify-content:center}.diff-btn{background:var(--panel);color:var(--text);padding:.5em 1em}.diff-btn.active{background:var(--accent);color:#04121b}#start-btn{align-self:center}#start-btn:disabled{opacity:.4;cursor:not-allowed}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:1.5rem;background:#0c1118eb;border-radius:12px}.overlay[hidden]{display:none}.overlay-msg{color:var(--text);line-height:1.6;max-width:30rem}