/* Dames internationales 10×10 */
:root{ --dm-dark:#41507a; --dm-light:#c4cde8; --dm-a:#f1ead3; --dm-b:#1c2140; }

.card.wide{max-width:520px}

/* Tuile hub */
.game-tile.dames{box-shadow:inset 0 -40px 60px -40px #8a93c0}
.gt-mark .gt-dm-a{color:#efe7d0}
.gt-mark .gt-dm-b{color:#6b74a0}

/* Entête joueurs */
#screen-dames .player.p-da .mark{color:#efe7d0}
#screen-dames .player.p-db .mark{color:#7a83b4}
.player.p-da.active{border-color:rgba(241,234,211,.5);box-shadow:0 0 24px -6px #efe7d0}
.player.p-db.active{border-color:rgba(122,131,180,.6);box-shadow:0 0 24px -6px #7a83b4}

/* Plateau */
.dm-board{
  display:grid;grid-template-columns:repeat(10,1fr);
  aspect-ratio:1;width:100%;max-width:460px;margin:0 auto;
  border-radius:12px;overflow:hidden;border:3px solid #2a3358;
  box-shadow:0 16px 40px -18px #000;
}
.dm-cell{position:relative;display:grid;place-items:center}
.dm-cell.light{background:var(--dm-light)}
.dm-cell.dark{background:var(--dm-dark);cursor:default}
.dm-board:not([style*="opacity: 0.35"]) .dm-cell.dark{cursor:pointer}

.dm-piece{width:78%;aspect-ratio:1;border-radius:50%;transition:transform .12s}
.dm-piece.a{background:radial-gradient(circle at 38% 32%, #fffaf0, var(--dm-a));box-shadow:inset 0 -3px 5px rgba(0,0,0,.25), 0 2px 4px rgba(0,0,0,.4)}
.dm-piece.b{background:radial-gradient(circle at 38% 32%, #3a4168, var(--dm-b));box-shadow:inset 0 -3px 5px rgba(0,0,0,.5), 0 0 0 2px rgba(255,255,255,.18), 0 2px 4px rgba(0,0,0,.4)}
.dm-piece.king::after{content:"♛";position:absolute;font-size:54%;color:#ffd23f;text-shadow:0 1px 2px rgba(0,0,0,.5);top:50%;left:50%;transform:translate(-50%,-50%)}

/* Surbrillances */
.dm-cell.lastmv{box-shadow:inset 0 0 0 3px rgba(255,255,255,.18)}
.dm-cell.movable .dm-piece{box-shadow:0 0 0 3px var(--o-glow), inset 0 -3px 5px rgba(0,0,0,.25);cursor:pointer}
.dm-cell.sel .dm-piece{box-shadow:0 0 0 4px var(--x), 0 0 16px -2px var(--x)}
.dm-cell.step{box-shadow:inset 0 0 0 3px rgba(255,210,63,.5)}
.dm-cell.target::after{
  content:"";position:absolute;width:34%;aspect-ratio:1;border-radius:50%;
  background:var(--o-glow);opacity:.85;box-shadow:0 0 12px -1px var(--o-glow);animation:dmpulse 1s ease-in-out infinite;
}
@keyframes dmpulse{50%{transform:scale(.7);opacity:.5}}