/* Battleship — game-specific */
.diff-seg { display:flex; gap:8px; }
.diff-seg button { flex:1; }
.game-shell { max-width:460px; }
body.playful { overflow-y:auto; }

.status-line { text-align:center; font-weight:700; font-size:16px; margin-bottom:10px; min-height:22px; }
.grid-label { text-align:center; font-size:12px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--muted); margin:10px 0 8px; }

.bs-grid {
  display:grid; grid-template-columns:repeat(8, 1fr); gap:3px; touch-action:manipulation;
  background:#2b6f8f; border:5px solid var(--stroke); border-radius:14px; padding:6px; box-shadow:0 6px 0 var(--stroke);
  width:100%; max-width:380px; margin:0 auto;
}
.bs-grid.mini { max-width:240px; }
.bs-cell {
  aspect-ratio:1; border-radius:5px; background:#3f8fb0; cursor:pointer;
  display:flex; align-items:center; justify-content:center; font-size:15px;
  border:1px solid rgba(0,0,0,0.12); transition:background 0.1s;
}
.bs-cell.ship { background:#9a8f7d; }
.bs-cell.hit  { background:#FF8A3D; }
.bs-cell.miss { background:#cfe7f0; }
.bs-cell.sunk { background:#FF3B30; }
.bs-cell.valid { background:#5EE882; }
.bs-cell.invalid { background:#ff6b6b; }
.enemy .bs-cell:hover { background:#54a6c7; }
.mini .bs-cell { cursor:default; }

.place-tools { display:flex; gap:8px; justify-content:center; margin-top:14px; flex-wrap:wrap; }
.sbtn.small, .pbtn.small { width:auto; padding:11px 16px; font-size:15px; }
.pbtn.small:disabled { opacity:0.5; pointer-events:none; }