/* Удобнее тапать клетки на телефоне / в Android WebView */
#board {
    touch-action: manipulation;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

#board .square-55d63 {
    position: relative;
}

#board .piece-417db {
    transform-origin: center center;
}

#board.fc-tap-mode .piece-417db {
    pointer-events: none;
}

/* Выбранная фигура */
.fc-square-selected {
    box-shadow: inset 0 0 0 4px var(--sq-highlight, rgba(255, 193, 7, 0.95)) !important;
}

/* Возможный ход — точка по центру (как ChessKid) */
.fc-square-target {
    box-shadow: none !important;
}

.fc-square-target::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30%;
    height: 30%;
    margin: -15% 0 0 -15%;
    border-radius: 50%;
    background: rgba(60, 60, 60, 0.55);
    pointer-events: none;
    z-index: 2;
}

/* Взятие — кольцо */
.fc-square-target-capture {
    box-shadow: none !important;
}

.fc-square-target-capture::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 78%;
    height: 78%;
    margin: -39% 0 0 -39%;
    border-radius: 50%;
    background: transparent;
    border: 4px solid rgba(60, 60, 60, 0.5);
    box-sizing: border-box;
    pointer-events: none;
    z-index: 2;
}

@media (max-width: 640px) {
    #board {
        width: min(100vw - 24px, 100%) !important;
        max-width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
    }

    .board-wrap,
    .board-panel {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}