.dcg-game {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin: 20px 0;
    flex-wrap: wrap;
}

.dcg-card-wrapper {
    width: 260px;
    height: 440px;
}

.dcg-card {
    width: 100%;
    height: 100%;
    perspective: 1000px;
    cursor: pointer;
    position: relative;
}

.dcg-card-inner {
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.dcg-card.flipped .dcg-card-inner {
    transform: rotateY(180deg);
}

.dcg-card-front, .dcg-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 8px;
    overflow: hidden;
}

.dcg-card-back {
    transform: rotateY(180deg);
}

.dcg-card-front img,
.dcg-card-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dcg-already-played {
    text-align: center;
    font-size: 1.2em;
    color: #888;
    margin-top: 40px;
}

/* Bottom Message Styles */
.dcg-bottom-message {
    display: none; /* Hidden by default */
    text-align: center;
    margin-top: 20px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.8); /* Optional: Background color */
    border-radius: 8px; /* Optional: Rounded corners */
}

.dcg-message {
    font-size: 1.2em; /* Adjust size as needed */
    color: #333;
}