/**
 * PIECES.CSS - Configuración de Piezas SVG Personalizadas
 * Ajedrez de Silicio - Sistema SilicioBoard
 * 
 * Usa las piezas SVG personalizadas de Ajedrez de Silicio
 * Ubicación: tablero/piezassilicio/
 */

/* ===== PIEZAS BLANCAS ===== */
.silicio-board-host piece.white.king {
    background-image: url('../piezassilicio/wK.svg') !important;
}

.silicio-board-host piece.white.queen {
    background-image: url('../piezassilicio/wQ.svg') !important;
}

.silicio-board-host piece.white.rook {
    background-image: url('../piezassilicio/wR.svg') !important;
}

.silicio-board-host piece.white.bishop {
    background-image: url('../piezassilicio/wB.svg') !important;
}

.silicio-board-host piece.white.knight {
    background-image: url('../piezassilicio/wN.svg') !important;
}

.silicio-board-host piece.white.pawn {
    background-image: url('../piezassilicio/wP.svg') !important;
}

/* ===== PIEZAS NEGRAS ===== */
.silicio-board-host piece.black.king {
    background-image: url('../piezassilicio/bK.svg') !important;
}

.silicio-board-host piece.black.queen {
    background-image: url('../piezassilicio/bQ.svg') !important;
}

.silicio-board-host piece.black.rook {
    background-image: url('../piezassilicio/bR.svg') !important;
}

.silicio-board-host piece.black.bishop {
    background-image: url('../piezassilicio/bB.svg') !important;
}

.silicio-board-host piece.black.knight {
    background-image: url('../piezassilicio/bN.svg') !important;
}

.silicio-board-host piece.black.pawn {
    background-image: url('../piezassilicio/bP.svg') !important;
}

/* ===== CONFIGURACIÓN GENERAL DE PIEZAS ===== */
.silicio-board-host piece {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Durante el arrastre solo debe verse la pieza que sigue al cursor o al dedo. */
.silicio-board-host piece.dragging {
    opacity: 1;
}

.silicio-board-host piece.ghost {
    opacity: 0 !important;
    visibility: hidden !important;
}
/* ===== GAMA MEDIEVAL ===== */
html[data-piece-theme="medieval"] .silicio-board-host piece.white.king {
    background-image: url('../../img/chesspieces/medieval/wK-medieval-v2.png?v=20260720_MEDIEVAL_BLACK5') !important;
}

html[data-piece-theme="medieval"] .silicio-board-host piece.white.queen {
    background-image: url('../../img/chesspieces/medieval/wQ-medieval-v2.png?v=20260720_MEDIEVAL_BLACK5') !important;
}

html[data-piece-theme="medieval"] .silicio-board-host piece.white.rook {
    background-image: url('../../img/chesspieces/medieval/wR-medieval-v1.png?v=20260720_MEDIEVAL_BLACK5') !important;
}

html[data-piece-theme="medieval"] .silicio-board-host piece.white.bishop {
    background-image: url('../../img/chesspieces/medieval/wB-medieval-v2.png?v=20260720_MEDIEVAL_BLACK5') !important;
}

html[data-piece-theme="medieval"] .silicio-board-host piece.white.knight {
    background-image: url('../../img/chesspieces/medieval/wN-medieval-v1.png?v=20260720_MEDIEVAL_BLACK5') !important;
}

html[data-piece-theme="medieval"] .silicio-board-host piece.white.pawn {
    background-image: url('../../img/chesspieces/medieval/wP-medieval-v1.png?v=20260720_MEDIEVAL_BLACK5') !important;
}

html[data-piece-theme="medieval"] .silicio-board-host piece.black.king {
    background-image: url('../../img/chesspieces/medieval/bK-medieval-v2.png?v=20260720_MEDIEVAL_BLACK5') !important;
}

html[data-piece-theme="medieval"] .silicio-board-host piece.black.queen {
    background-image: url('../../img/chesspieces/medieval/bQ-medieval-v2.png?v=20260720_MEDIEVAL_BLACK5') !important;
}

html[data-piece-theme="medieval"] .silicio-board-host piece.black.rook {
    background-image: url('../../img/chesspieces/medieval/bR-medieval-v1.png?v=20260720_MEDIEVAL_BLACK5') !important;
}

html[data-piece-theme="medieval"] .silicio-board-host piece.black.bishop {
    background-image: url('../../img/chesspieces/medieval/bB-medieval-v2.png?v=20260720_MEDIEVAL_BLACK5') !important;
}

html[data-piece-theme="medieval"] .silicio-board-host piece.black.knight {
    background-image: url('../../img/chesspieces/medieval/bN-medieval-v1.png?v=20260720_MEDIEVAL_BLACK5') !important;
}

html[data-piece-theme="medieval"] .silicio-board-host piece.black.pawn {
    background-image: url('../../img/chesspieces/medieval/bP-medieval-v1.png?v=20260720_MEDIEVAL_BLACK5') !important;
}

/* ===== GAMA CLASICO SILICIO ===== */
html[data-piece-theme="classic"] .silicio-board-host piece.white.king {
    background-image: url('../../img/chesspieces/classic/wK-classic-v1.png?v=20260720_CLASSIC_QUEEN5') !important;
}

html[data-piece-theme="classic"] .silicio-board-host piece.white.queen {
    background-image: url('../../img/chesspieces/classic/wQ-classic-v1.png?v=20260720_CLASSIC_QUEEN5') !important;
}

html[data-piece-theme="classic"] .silicio-board-host piece.white.rook {
    background-image: url('../../img/chesspieces/classic/wR-classic-v1.png?v=20260720_CLASSIC_QUEEN5') !important;
}

html[data-piece-theme="classic"] .silicio-board-host piece.white.bishop {
    background-image: url('../../img/chesspieces/classic/wB-classic-v1.png?v=20260720_CLASSIC_QUEEN5') !important;
}

html[data-piece-theme="classic"] .silicio-board-host piece.white.knight {
    background-image: url('../../img/chesspieces/classic/wN-classic-v1.png?v=20260720_CLASSIC_QUEEN5') !important;
}

html[data-piece-theme="classic"] .silicio-board-host piece.white.pawn {
    background-image: url('../../img/chesspieces/classic/wP-classic-v1.png?v=20260720_CLASSIC_QUEEN5') !important;
}

html[data-piece-theme="classic"] .silicio-board-host piece.black.king {
    background-image: url('../../img/chesspieces/classic/bK-classic-v1.png?v=20260720_CLASSIC_QUEEN5') !important;
}

html[data-piece-theme="classic"] .silicio-board-host piece.black.queen {
    background-image: url('../../img/chesspieces/classic/bQ-classic-v1.png?v=20260720_CLASSIC_QUEEN5') !important;
}

html[data-piece-theme="classic"] .silicio-board-host piece.black.rook {
    background-image: url('../../img/chesspieces/classic/bR-classic-v1.png?v=20260720_CLASSIC_QUEEN5') !important;
}

html[data-piece-theme="classic"] .silicio-board-host piece.black.bishop {
    background-image: url('../../img/chesspieces/classic/bB-classic-v1.png?v=20260720_CLASSIC_QUEEN5') !important;
}

html[data-piece-theme="classic"] .silicio-board-host piece.black.knight {
    background-image: url('../../img/chesspieces/classic/bN-classic-v1.png?v=20260720_CLASSIC_QUEEN5') !important;
}

html[data-piece-theme="classic"] .silicio-board-host piece.black.pawn {
    background-image: url('../../img/chesspieces/classic/bP-classic-v1.png?v=20260720_CLASSIC_QUEEN5') !important;
}
/* ===== GAMA SILICIO QUANTUM ===== */
html[data-piece-theme="quantum"] .silicio-board-host piece.white.king {
    background-image: url('../../img/chesspieces/quantum/wK-quantum-v1.png?v=20260720_QUANTUM_SET1') !important;
}

html[data-piece-theme="quantum"] .silicio-board-host piece.white.queen {
    background-image: url('../../img/chesspieces/quantum/wQ-quantum-v1.png?v=20260720_QUANTUM_SET1') !important;
}

html[data-piece-theme="quantum"] .silicio-board-host piece.white.rook {
    background-image: url('../../img/chesspieces/quantum/wR-quantum-v1.png?v=20260720_QUANTUM_SET1') !important;
}

html[data-piece-theme="quantum"] .silicio-board-host piece.white.bishop {
    background-image: url('../../img/chesspieces/quantum/wB-quantum-v1.png?v=20260720_QUANTUM_SET1') !important;
}

html[data-piece-theme="quantum"] .silicio-board-host piece.white.knight {
    background-image: url('../../img/chesspieces/quantum/wN-quantum-v1.png?v=20260720_QUANTUM_SET1') !important;
}

html[data-piece-theme="quantum"] .silicio-board-host piece.white.pawn {
    background-image: url('../../img/chesspieces/quantum/wP-quantum-v1.png?v=20260720_QUANTUM_SET1') !important;
}

html[data-piece-theme="quantum"] .silicio-board-host piece.black.king {
    background-image: url('../../img/chesspieces/quantum/bK-quantum-v1.png?v=20260720_QUANTUM_SET1') !important;
}

html[data-piece-theme="quantum"] .silicio-board-host piece.black.queen {
    background-image: url('../../img/chesspieces/quantum/bQ-quantum-v1.png?v=20260720_QUANTUM_SET1') !important;
}

html[data-piece-theme="quantum"] .silicio-board-host piece.black.rook {
    background-image: url('../../img/chesspieces/quantum/bR-quantum-v1.png?v=20260720_QUANTUM_SET1') !important;
}

html[data-piece-theme="quantum"] .silicio-board-host piece.black.bishop {
    background-image: url('../../img/chesspieces/quantum/bB-quantum-v1.png?v=20260720_QUANTUM_SET1') !important;
}

html[data-piece-theme="quantum"] .silicio-board-host piece.black.knight {
    background-image: url('../../img/chesspieces/quantum/bN-quantum-v1.png?v=20260720_QUANTUM_SET1') !important;
}

html[data-piece-theme="quantum"] .silicio-board-host piece.black.pawn {
    background-image: url('../../img/chesspieces/quantum/bP-quantum-v1.png?v=20260720_QUANTUM_SET1') !important;
}


/* ===== GAMAS ABIERTAS DE LICHESS ===== */
/* CHESSNUT */
html[data-piece-theme="chessnut"] .silicio-board-host piece.white.king {
    background-image: url('../../img/chesspieces/chessnut/wK.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="chessnut"] .silicio-board-host piece.white.queen {
    background-image: url('../../img/chesspieces/chessnut/wQ.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="chessnut"] .silicio-board-host piece.white.rook {
    background-image: url('../../img/chesspieces/chessnut/wR.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="chessnut"] .silicio-board-host piece.white.bishop {
    background-image: url('../../img/chesspieces/chessnut/wB.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="chessnut"] .silicio-board-host piece.white.knight {
    background-image: url('../../img/chesspieces/chessnut/wN.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="chessnut"] .silicio-board-host piece.white.pawn {
    background-image: url('../../img/chesspieces/chessnut/wP.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="chessnut"] .silicio-board-host piece.black.king {
    background-image: url('../../img/chesspieces/chessnut/bK.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="chessnut"] .silicio-board-host piece.black.queen {
    background-image: url('../../img/chesspieces/chessnut/bQ.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="chessnut"] .silicio-board-host piece.black.rook {
    background-image: url('../../img/chesspieces/chessnut/bR.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="chessnut"] .silicio-board-host piece.black.bishop {
    background-image: url('../../img/chesspieces/chessnut/bB.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="chessnut"] .silicio-board-host piece.black.knight {
    background-image: url('../../img/chesspieces/chessnut/bN.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="chessnut"] .silicio-board-host piece.black.pawn {
    background-image: url('../../img/chesspieces/chessnut/bP.svg?v=20260720_LICHESS_E616282') !important;
}

/* SPATIAL */
html[data-piece-theme="spatial"] .silicio-board-host piece.white.king {
    background-image: url('../../img/chesspieces/spatial/wK.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="spatial"] .silicio-board-host piece.white.queen {
    background-image: url('../../img/chesspieces/spatial/wQ.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="spatial"] .silicio-board-host piece.white.rook {
    background-image: url('../../img/chesspieces/spatial/wR.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="spatial"] .silicio-board-host piece.white.bishop {
    background-image: url('../../img/chesspieces/spatial/wB.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="spatial"] .silicio-board-host piece.white.knight {
    background-image: url('../../img/chesspieces/spatial/wN.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="spatial"] .silicio-board-host piece.white.pawn {
    background-image: url('../../img/chesspieces/spatial/wP.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="spatial"] .silicio-board-host piece.black.king {
    background-image: url('../../img/chesspieces/spatial/bK.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="spatial"] .silicio-board-host piece.black.queen {
    background-image: url('../../img/chesspieces/spatial/bQ.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="spatial"] .silicio-board-host piece.black.rook {
    background-image: url('../../img/chesspieces/spatial/bR.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="spatial"] .silicio-board-host piece.black.bishop {
    background-image: url('../../img/chesspieces/spatial/bB.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="spatial"] .silicio-board-host piece.black.knight {
    background-image: url('../../img/chesspieces/spatial/bN.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="spatial"] .silicio-board-host piece.black.pawn {
    background-image: url('../../img/chesspieces/spatial/bP.svg?v=20260720_LICHESS_E616282') !important;
}

/* FANTASY */
html[data-piece-theme="fantasy"] .silicio-board-host piece.white.king {
    background-image: url('../../img/chesspieces/fantasy/wK.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="fantasy"] .silicio-board-host piece.white.queen {
    background-image: url('../../img/chesspieces/fantasy/wQ.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="fantasy"] .silicio-board-host piece.white.rook {
    background-image: url('../../img/chesspieces/fantasy/wR.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="fantasy"] .silicio-board-host piece.white.bishop {
    background-image: url('../../img/chesspieces/fantasy/wB.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="fantasy"] .silicio-board-host piece.white.knight {
    background-image: url('../../img/chesspieces/fantasy/wN.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="fantasy"] .silicio-board-host piece.white.pawn {
    background-image: url('../../img/chesspieces/fantasy/wP.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="fantasy"] .silicio-board-host piece.black.king {
    background-image: url('../../img/chesspieces/fantasy/bK.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="fantasy"] .silicio-board-host piece.black.queen {
    background-image: url('../../img/chesspieces/fantasy/bQ.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="fantasy"] .silicio-board-host piece.black.rook {
    background-image: url('../../img/chesspieces/fantasy/bR.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="fantasy"] .silicio-board-host piece.black.bishop {
    background-image: url('../../img/chesspieces/fantasy/bB.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="fantasy"] .silicio-board-host piece.black.knight {
    background-image: url('../../img/chesspieces/fantasy/bN.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="fantasy"] .silicio-board-host piece.black.pawn {
    background-image: url('../../img/chesspieces/fantasy/bP.svg?v=20260720_LICHESS_E616282') !important;
}

/* RHOSGFX */
html[data-piece-theme="rhosgfx"] .silicio-board-host piece.white.king {
    background-image: url('../../img/chesspieces/rhosgfx/wK.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="rhosgfx"] .silicio-board-host piece.white.queen {
    background-image: url('../../img/chesspieces/rhosgfx/wQ.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="rhosgfx"] .silicio-board-host piece.white.rook {
    background-image: url('../../img/chesspieces/rhosgfx/wR.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="rhosgfx"] .silicio-board-host piece.white.bishop {
    background-image: url('../../img/chesspieces/rhosgfx/wB.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="rhosgfx"] .silicio-board-host piece.white.knight {
    background-image: url('../../img/chesspieces/rhosgfx/wN.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="rhosgfx"] .silicio-board-host piece.white.pawn {
    background-image: url('../../img/chesspieces/rhosgfx/wP.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="rhosgfx"] .silicio-board-host piece.black.king {
    background-image: url('../../img/chesspieces/rhosgfx/bK.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="rhosgfx"] .silicio-board-host piece.black.queen {
    background-image: url('../../img/chesspieces/rhosgfx/bQ.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="rhosgfx"] .silicio-board-host piece.black.rook {
    background-image: url('../../img/chesspieces/rhosgfx/bR.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="rhosgfx"] .silicio-board-host piece.black.bishop {
    background-image: url('../../img/chesspieces/rhosgfx/bB.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="rhosgfx"] .silicio-board-host piece.black.knight {
    background-image: url('../../img/chesspieces/rhosgfx/bN.svg?v=20260720_LICHESS_E616282') !important;
}

html[data-piece-theme="rhosgfx"] .silicio-board-host piece.black.pawn {
    background-image: url('../../img/chesspieces/rhosgfx/bP.svg?v=20260720_LICHESS_E616282') !important;
}

/* ===== PREVISUALIZACIÓN DEL SELECTOR ===== */
.piece-theme-modal {
    max-width: 680px;
}

.piece-theme-option {
    width: 100%;
    color: inherit;
    font-family: inherit;
    text-align: left;
}

.piece-theme-preview {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    height: 120px;
    overflow: hidden;
    border: 1px solid var(--theme-border);
    border-radius: 8px;
}

.piece-theme-preview-square {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

.piece-theme-preview-square.is-light {
    background: #EEE4D1;
}

.piece-theme-preview-square.is-dark {
    background: #1A8E78;
}

.piece-theme-preview-square img {
    width: 94%;
    height: 94%;
    object-fit: contain;
}