.games-container {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
/*    background-color: pink;*/
    overflow: hidden;
    justify-content: space-between;
    container-type: inline-size;
    container-name: topbar;
}

.games-top {
    align-self: center;
    display: flex;
    height: 10vmin;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    width: 100%;
    flex-grow: 0.1;
    /*    background-color: lightblue;*/
    align-content: center;
    background-color: lightgray;
    border-bottom: 1px solid black;
}
.games-label {
    font-size: 4vmin;
    flex-shrink:0;
    padding-right: 10px;
    display: flex;
    justify-content: center;
}
@container topbar (max-width:570px) {
    .games-label {
        font-size: 1.2em;
    }
}
.games-label-col {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    flex-wrap:wrap;
    height:100%;
    padding-right:0.7vh;
/*    align-content: space-evenly;*/
}
.games-wide-col {
    flex-grow: 1;
    flex-shrink:5;
    min-width: 60%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-content: center;
}
.games-powerbar {
    height:1.3vh;
}
.games-main {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    max-height: 100vmin;
}
.games-internal-43 {
    border: 6px solid black;
    box-sizing: border-box;
    border-radius: 4vmin;
    aspect-ratio: 4/3;
    max-width:100%;
}
.games-bottom {
    flex-grow: 2;
    flex-shrink:1;
    line-height: 2em;
    height: 15vmin;
    max-height: 200px;
    width: 100%;

    font-size: 3vh;
}