#pairings-container, #manual-pairings-container, #selected-players-container {
    display: grid;
    grid-template-columns: repeat(var(--columns, 4), 1fr);
    gap: 5px;
}

.card {
    cursor: default;
}

.card:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Dark mode styles */
.dark-mode {
    background-color: #121212;
    color: #ffffff;
}

.dark-mode .card {
    background-color: #333333;
    color: #ffffff;
    border-color: #555555;
}

.dark-mode .navbar {
    background-color: #333333 !important;
}

.dark-mode .bg-dark {
    background-color: #333333 !important;
}

.dark-mode .text-white {
    color: #ffffff !important;
}

.dark-mode .btn-outline-primary {
    color: #ffffff;
    border-color: #ffffff;
}

.dark-mode .btn-outline-primary:hover {
    background-color: #ffffff;
    color: #000000;
}