/* chess_grid.css */

body.chess-mode-active #poc-desktop-grid {
    /* Dims the background slightly to make the board pop */
    background: #2b2c3b;
}

/* The outer two columns on the left and right (Void Cells) */
.chess-void-cell {
    /* Replaced intense gradient with a subtle, flat deep purple */
    background-color: #eee !important; 
    border: 1px solid rgba(133, 126, 182, 0.1) !important;
    pointer-events: none !important;
    opacity: 0.9;
}

/* Chess board squares */
.chess-square-light {
    /* Soft cream/gold tint */
    background-color: #F8F7F2 !important; 
    border: 1px solid rgba(170, 163, 72, 0.1) !important;
}

.chess-square-dark {
    /* Soft lavender/purple tint */
    background-color: #E2DFEB !important; 
    border: 1px solid rgba(133, 126, 182, 0.15) !important;
}

/* Piece containers (Now used directly on the <img> tags) */
.chess-piece {
    width: 65%;
    height: 65%;
    pointer-events: none; /* Let the cell handle the clicks */
    filter: drop-shadow(0px 4px 4px rgba(0,0,0,0.25));
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 20;
}

.poc-grid-cell:hover .chess-piece {
    transform: scale(1.15);
}

/* Selection and valid moves */
.chess-selected-square {
    outline: 3px solid rgba(170, 163, 72, 0.8) !important; /* Subtle Gold Outline */
    outline-offset: -3px;
    z-index: 10;
}

.chess-valid-move {
    position: relative;
    cursor: url('sprites/cursor_point.ico'), pointer !important;
}

.chess-valid-move::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: rgba(170, 163, 72, 0.4);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 15;
}