body {
    font-family: 'Poppins', sans-serif;
}

.board-grid {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    grid-template-rows: repeat(10, minmax(0, 1fr));
}

/* Token Glow Pulse Animation */
@keyframes pulse-glow {
    0%, 100% {
        transform: scale(1);
        filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.8));
    }
    50% {
        transform: scale(1.1);
        filter: drop-shadow(0 0 12px rgba(255, 215, 0, 0.9));
    }
}

.active-token {
    animation: pulse-glow 1.2s infinite ease-in-out;
}

/* Smooth Token Movement Transition */
.token {
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Custom Modal Scrollbars */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}