/* Damas: tablero cuadrado, fichas satinadas y coronas en relieve. */
.checkers-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;aspect-ratio:1;gap:0;border-radius:6px;border:1px solid #0c3732;overflow:hidden;box-shadow:0 0 0 3px #cfb97966;background:#e5dec3}
.checker-cell{position:relative;width:100%;height:100%;aspect-ratio:1;display:grid;place-items:center;border:0;border-radius:0;padding:0;min-width:0;min-height:0;touch-action:manipulation;background:#e5dec3}
.checker-cell.light{background:linear-gradient(135deg,#f0e8cd,#d8d1b1);box-shadow:inset 0 1px 0 #fff6}
.checker-cell.dark{background:linear-gradient(135deg,#658773,#315e50);box-shadow:inset 0 1px 0 #abc4a933}
.checker-cell.last.light{background:#d7c78e}.checker-cell.last.dark{background:#8b9d70}
.checker-piece{display:grid;place-items:center;position:relative;width:77%;height:77%;border-radius:50%;transform:translateY(-7%);box-shadow:0 3px 0 #805e2d,0 5px 0 #745222,2px 8px 4px #12382d66,inset 0 1px 1px #fff8,inset -2px -2px 2px #9b672d8a;background:radial-gradient(ellipse at 35% 25%,#f5e3b0,#debb70 35%,#bd8f39 75%,#a97b2c);border:1px solid #f4d798;pointer-events:none}
.checker-piece:before{content:'';position:absolute;inset:14%;border:1px solid #b98b39;border-radius:50%;box-shadow:inset 1px 1px 1px #87632677,0 1px 0 #ffeab2;pointer-events:none}
.checker-piece:after{content:'';position:absolute;inset:23%;border-radius:50%;border:1px dotted #b68a3c;pointer-events:none}
.checker-piece.jade{background:radial-gradient(ellipse at 35% 25%,#80baa1,#428a70 35%,#145649 75%,#0a3c35);border-color:#79ad8d;box-shadow:0 3px 0 #194f3d,0 5px 0 #0b372c,2px 8px 4px #12382d66,inset 0 1px 1px #b7d8ba99,inset -2px -2px 2px #082e2899}
.checker-piece.jade:before{border-color:#2b6951;box-shadow:inset 1px 1px 1px #073b3099,0 1px 0 #94b896}
.checker-piece.jade:after{border-color:#42896c}
.checker-piece.king>span{z-index:2;position:relative;font-family:Georgia,serif;font-size:clamp(18px,2.8vw,34px);color:#7c5423;text-shadow:0 1px 0 #fff0bd;line-height:1;transform:translateY(-4%)}
.checker-piece.jade.king>span{color:#d8c88c;text-shadow:0 1px 0 #092e2a}
.checker-cell.selected{background:#b9aa68!important;box-shadow:inset 0 0 0 3px #f7ecc0}
.checker-cell.selected .checker-piece{transform:translateY(-15%);filter:brightness(1.09)}
.checker-cell.target:after{content:'';position:absolute;width:30%;height:30%;border-radius:50%;border:2px solid #ffefd1;background:#d2b26b;box-shadow:0 0 0 3px #c6af6455;animation:target-glow 1.7s infinite;pointer-events:none}
.checker-cell.capture:after{content:'';position:absolute;inset:5%;border:3px solid #f4c971bb;border-radius:50%;pointer-events:none}
.checker-cell:focus-visible{outline:3px solid #ffe4a0;outline-offset:-3px;z-index:2}
.checkers-shell{background:linear-gradient(140deg,#688772,#285644 40%,#0f3e32)}
@media(max-width:760px){.checker-piece{width:76%;height:76%;box-shadow:0 2px 0 #805e2d,0 4px 0 #745222,1px 5px 3px #12382d66,inset 0 1px 1px #fff8}.checker-piece.jade{box-shadow:0 2px 0 #194f3d,0 4px 0 #0b372c,1px 5px 3px #12382d66,inset 0 1px 1px #b7d8ba99}.checker-piece.king>span{font-size:clamp(18px,5.5vw,29px)}}