/* Bataille navale */
:root{ --bat-water:#16306b; --bat-water2:#1b3a82; --bat-ship:#7d8aa8; --bat-hit:#ff4d5e; --bat-miss:#aebfe0; }

/* Tuile hub */
.game-tile.bat{box-shadow:inset 0 -40px 60px -40px #39d0d8}
.gt-mark .gt-bat{color:#7fe3ea;font-size:24px}

/* Entête joueurs */
#screen-bataille .player.p-ba .mark{color:#7fe3ea}
#screen-bataille .player.p-bb .mark{color:#ffb47a}
.player.p-ba.active{border-color:rgba(127,227,234,.5);box-shadow:0 0 24px -6px #7fe3ea}
.player.p-bb.active{border-color:rgba(255,180,122,.5);box-shadow:0 0 24px -6px #ffb47a}

.bat-board{
  display:grid;grid-template-columns:repeat(10,1fr);gap:3px;
  aspect-ratio:1;width:100%;max-width:360px;margin:0 auto 4px;
  padding:5px;border-radius:12px;background:#0c1430;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.05);
}
.bat-cell{
  border-radius:4px;aspect-ratio:1;min-width:0;
  background:linear-gradient(160deg,var(--bat-water2),var(--bat-water));
  display:grid;place-items:center;position:relative;
}
.bat-board.mine .bat-cell, .bat-board.fog .bat-cell{cursor:default}
.bat-board.fog .bat-cell{cursor:pointer}
.bat-cell.ship{background:linear-gradient(160deg,#9aa6c4,var(--bat-ship));box-shadow:inset 0 -2px 4px rgba(0,0,0,.35)}
.bat-cell.miss::after{content:"";width:26%;aspect-ratio:1;border-radius:50%;background:var(--bat-miss);opacity:.7}
.bat-cell.hit{background:radial-gradient(circle at 50% 45%, #ff9aa3, var(--bat-hit))}
.bat-cell.hit::after{content:"✸";color:#fff;font-size:70%;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.bat-cell.sunk{background:#7a1722;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}

.bat-label{font-size:13px;font-weight:600;color:var(--muted);margin:10px 0 6px;text-align:center}
.bat-label span{color:var(--ink)}
.bat-hint{font-size:13px;color:var(--muted);text-align:center;margin:8px 0}
.bat-controls{display:flex;gap:8px;justify-content:center;margin-bottom:12px;flex-wrap:wrap}
#bat-validate{width:100%}
.bat-wait-msg{text-align:center;color:var(--o-glow);font-weight:600;padding:24px 0}
.bat-board.fog .bat-cell:not(.hit):not(.miss):hover{outline:2px solid rgba(127,227,234,.6);outline-offset:-2px}