/* Complemento del diseño de Ajedrez: Damas Españolas. */
.draughts-shell .chess-heading h1{color:#172033}
.draughts-board{background:#ecdfcb}
.draughts-board .chess-square.dark{background:#78918a}
.draughts-board .chess-square.light{background:#efe4d3;cursor:default}
.draughts-board .chess-square:not(.playable){pointer-events:none}
.draughts-board .chess-square.selected{background:#ebc55b}
.draughts-board .chess-square.last-move{box-shadow:inset 0 0 0 99px rgba(240,201,102,.25)}
.draughts-disc{width:72%;height:72%;border-radius:50%;display:grid;place-items:center;position:relative;z-index:2;box-shadow:0 3px 5px rgba(0,0,0,.23),inset 0 2px 4px rgba(255,255,255,.32);pointer-events:none}
.draughts-disc.white{background:linear-gradient(140deg,#fffefa,#ddd7cc);border:2px solid #bab2a5}
.draughts-disc.black{background:linear-gradient(140deg,#495569,#161e30);border:2px solid #101828}
.draughts-disc::before{content:"";position:absolute;inset:13%;border:2px solid rgba(148,163,184,.45);border-radius:50%}
.draughts-disc.white::before{border-color:rgba(124,113,99,.4)}
.draughts-disc.king::after{content:"♛";position:relative;z-index:1;font-size:clamp(1rem,3vw,2.2rem);color:#fbbf24;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.draughts-disc.king.white::after{color:#6d4e21;text-shadow:0 1px 2px #fff}
.draughts-board .chess-square .hint{width:29%;height:29%;background:rgba(24,75,57,.6)}
.draughts-board .chess-square .hint.capture{width:82%;height:82%;border:4px solid rgba(82,62,19,.7);background:rgba(240,198,63,.13)}
.draughts-board .chess-square.preview{box-shadow:inset 0 0 0 3px #fbbf24}
.draughts-counters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.draughts-counters>div{border:1px solid #e2e8f0;border-radius:9px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;color:#64748b;font-size:.83rem}
.draughts-counters strong{font-size:1.3rem;color:#334155}
.draughts-rules{border-top:1px solid #e2e8f0;margin-top:23px;padding-top:15px;color:#64748b;font-size:.83rem;line-height:1.6}
.draughts-rules summary{cursor:pointer;font-weight:750;color:#334155}
.draughts-rules p{padding:0 3px}
.draughts-shell .chess-bottom-link{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:500px){.draughts-disc.king::after{font-size:clamp(1rem,5.5vw,1.65rem)}.draughts-board .chess-square .hint.capture{border-width:3px}}