.background-opponent-area {
    background-color: #2c3e50;
}

#opponent-area {
    height: 40px; /* Zone très réduite */
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 0 40px;
    position: relative;
    z-index: 10;
    background-color: #2c3e50;
    border-bottom: 2px solid #34495e;
    margin-bottom: 10px; /* Extra space before board */
}

#opponent-hand-container {
    flex: 1;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start; /* Cards come from top */
    pointer-events: none;
    background-color: #2c3e50;
}

#opponent-hand-container .card {
    top: -140px; /* Further off-screen top (less visible) */
    bottom: auto;
    transition: transform 0.2s, top 0.2s;
    cursor: default;
}

#opponent-hand-container .card:hover {
    top: -80px; /* Still mostly hidden but peeks in more on hover */
    z-index: 100;
}

#opponent-deck-pile, #opponent-discard-pile {
    top: -160px; /* Further off-screen top (less visible) */
    bottom: auto; /* Override .pile default */
    z-index: 5;
}

#opponent-deck-pile:hover, #opponent-discard-pile:hover {
    transform: translateY(100px); /* Move down on hover to see more */
}