.checkers-container{display:flex;flex-direction:column;align-items:center;padding:var(--space-5);background:var(--color-gray-100);min-height:100vh}.checkers-header{margin-bottom:var(--space-5);text-align:center}.checkers-board{display:flex;flex-direction:column;border:4px solid #5d4037;box-shadow:0 10px var(--space-5) #0000004d}.board-row{display:flex}.board-cell{width:50px;height:50px;display:flex;align-items:center;justify-content:center;position:relative}.board-cell.light{background:#eecfa1}.board-cell.dark{background:#8b5a2b}.board-cell.highlight{background:#aebc40;cursor:pointer}.move-indicator{position:absolute;width:15px;height:15px;background:#00ff0080;border-radius:var(--radius-full)}.checker-piece{width:36px;height:36px;border-radius:var(--radius-full);box-shadow:0 4px 6px #0006,inset 0 -4px 4px #0003;display:flex;align-items:center;justify-content:center;font-size:var(--space-5);cursor:pointer;transition:transform .2s;z-index:2}.checker-piece.red{background:radial-gradient(circle at 30% 30%,#ff6b6b,#c0392b);border:2px solid #96281b}.checker-piece.black{background:radial-gradient(circle at 30% 30%,#555,#222);border:2px solid var(--color-black);color:#fff}.checker-piece.selected{transform:scale(1.1);box-shadow:0 0 10px #ff0}.checker-piece.king{border:2px solid gold}.status .red{color:#c0392b}.status .black{color:#222}@media (max-width: 500px){.board-cell{width:40px;height:40px}.checker-piece{width:30px;height:30px;font-size:var(--space-4)}}