/* Main Tournament Layout */
.tournament-layout {
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding: 10px;
    gap: 10px;
    background-color: #f0f0f0;
    /* Light background base */
}

/* Top Section: Board + Game Info */
.top-section {
    display: flex;
    flex: 2;
    /* Takes up more space */
    gap: 15px;
    min-height: 400px;
}

.board-area {
    flex: 1;
    /* Board takes left side */
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.info-area {
    flex: 1;
    /* Info takes right side */
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
}

/* Bottom Placeholder Box */
.bottom-box {
    height: 20vh;
    /* 1/5th of height approx */
    background: #e0e0e0;
    border-radius: 8px;
    border: 1px dashed #aaa;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Bottom Section: Standings + Pairings */
.bottom-section {
    display: flex;
    flex: 1;
    gap: 15px;
    min-height: 200px;
}

.standings-area {
    flex: 1;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.pairings-area {
    flex: 1;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
}