.board-b72b1 {
    border: 12px solid #2c1810 !important;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0,0,0,0.4),
                inset 0 0 10px rgba(0,0,0,0.3);
    background: url('https://img.freepik.com/free-photo/brown-wooden-textured-flooring-background_53876-128559.jpg');
    background-size: cover;
}

.white-1e1d7 {
    background-color: #d4b483 !important;
    background-image: url('https://www.transparenttextures.com/patterns/wood-pattern.png');
}

.black-3c85d {
    background-color: #4a3423 !important;
    background-image: url('https://www.transparenttextures.com/patterns/wood-pattern.png');
}

.highlight1-32417,
.highlight2-9c5d2 {
    box-shadow: inset 0 0 3px 3px #ffd700 !important;
}

.notation-322f9 {
    font-family: 'Pirata One', cursive !important;
    font-size: 16px !important;
    color: #2c1810 !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.board-b72b1::before {
    content: '🧭';
    position: absolute;
    top: -25px;
    left: -25px;
    font-size: 20px;
    transform: rotate(-45deg);
}

.board-b72b1::after {
    content: '🧭';
    position: absolute;
    bottom: -25px;
    right: -25px;
    font-size: 20px;
    transform: rotate(135deg);
}

.piece-417db {
    cursor: grab;
    will-change: transform;
    transition: transform 0.2s ease;
    z-index: 2;
}

.dragging-piece {
    cursor: grabbing !important;
    z-index: 100 !important;
}

.piece-417db:hover {
    transform: scale(1.1);
}

.piece-417db:active {
    cursor: grabbing;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #d4b483;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb {
    background: #2c1810;
    border-radius: 6px;
    border: 2px solid #d4b483;
}