.game_infos-container {
    width: auto;
    height: min(25vw, 50vh);
    aspect-ratio: 1.25;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    position: absolute;
    top: 50%;
    left: 3%;
    opacity: 0;
    translate: 0 -50%;
    transition: opacity 0.5s;
}

.game-container[data-gamemode="picture"] .game_infos-container {
    height: min(33vw, 66vh);
    aspect-ratio: 0.96;
}

.game_info-container {
    --outline_color: #766299f5;
    --outline_width: 0.3;
    --plus_ow: calc(var(--outline_width) * min(0.5vw, min(0.5vw, 1vh)));
    --plus_ow: calc(var(--outline_width) * min(0.5vw, 1vh));
    --minus_ow: calc(var(--outline_width) * min(-0.5vw, -1vh));
    width: 95%;
    height: auto;
    aspect-ratio: 7;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(180deg, #8a8ae9ad, #8a8ae9);
    border: min(0.275vw, 0.55vh) solid white;
    box-shadow: inset 0 0 min(0.05vw, 0.1vh) min(0.225vw, 0.45vh) #8055b9, min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) 0 #443858c2;
    box-shadow: inset 0 0 min(0.05vw, 0.1vh) min(0.225vw, 0.45vh) #8055b9, min(0.15vw, 0.3vh) min(0.15vw, 0.3vh) min(0.3vw, 0.6vh) 0 #443858c2;
    transform: skewX(-3deg);
    position: relative;
}

.game-container:is([data-gamemode="break"], [data-gamemode="picture"], [data-gamemode="puzzle"]) .game_info_mode-container::before {
    width: 100%;
    display: flex;
    justify-content: center;
    content: attr(data-picturename);
    font-size: min(1.375vw, 3.5vh);
    font-family: "Mikado";
    color: white;
    color: #ff4700;
    color: #ffadad;
    color: #44f59b;
    text-transform: uppercase;
    text-shadow: var(--plus_ow) var(--plus_ow) 0 var(--outline_color),
        var(--minus_ow) var(--minus_ow) 0 var(--outline_color),
        var(--plus_ow) var(--minus_ow) 0 var(--outline_color),
        var(--minus_ow) var(--plus_ow) 0 var(--outline_color);
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% -64%;
    z-index: 1;
}

.game_info_mode-container::before {
    visibility: visible;
}

.game_info_rewards-container {
    --outline_color: #766299f5;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5%;
    font-size: min(1.375vw, 3.5vh);
    text-shadow: var(--plus_ow) var(--plus_ow) 0 var(--outline_color),
        var(--minus_ow) var(--minus_ow) 0 var(--outline_color),
        var(--plus_ow) var(--minus_ow) 0 var(--outline_color),
        var(--minus_ow) var(--plus_ow) 0 var(--outline_color);
    position: absolute;
    top: 0;
    right: 0;
    translate: 50% -50%;
    z-index: 1;
    visibility: hidden;
}

.game_info_reward[data-cup="bronze"],
.game_info_reward[data-cup="silver"],
.game_info_reward[data-cup="gold"] {
    visibility: visible;
}

.game_info_reward[data-cup="bronze"] {
    color: #CD7F32;
}

.game_info_reward[data-cup="silver"] {
    color: #d3d3d3;
}

.game_info_reward[data-cup="gold"] {
    color: gold;
}

/* .game_info_mode-container:is([data-reward="bronze"], [data-reward="silver"], [data-reward="gold"])::after {
    --outline_color: #766299f5;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f091";
    font-size: min(1.375vw, 3.5vh);
    text-shadow: var(--plus_ow) var(--plus_ow) 0 var(--outline_color),
        var(--minus_ow) var(--minus_ow) 0 var(--outline_color),
        var(--plus_ow) var(--minus_ow) 0 var(--outline_color),
        var(--minus_ow) var(--plus_ow) 0 var(--outline_color);
    position: absolute;
    bottom: 0;
    left: 50%;
    translate: -50% 60%;
    z-index: 1;
}

.game_info_mode-container[data-reward="bronze"]::after {
    color: #CD7F32;
}

.game_info_mode-container[data-reward="silver"]::after {
    color: #d3d3d3;
}

.game_info_mode-container[data-reward="gold"]::after {
    color: gold;
} */

.game_info-title,
.game_info-value {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    font-family: "Mikado";
    font-size: min(2vw, 4vh);
    color: white;
    text-transform: uppercase;
    text-shadow: var(--plus_ow) var(--plus_ow) 0 var(--outline_color),
        var(--minus_ow) var(--minus_ow) 0 var(--outline_color),
        var(--plus_ow) var(--minus_ow) 0 var(--outline_color),
        var(--minus_ow) var(--plus_ow) 0 var(--outline_color);
}

.game_info-title {
    justify-content: start;
    padding-left: 5%;
}

.game_info-value {
    justify-content: end;
    padding-right: 5%;
}

.game_info_mode-value {
    color: #ffe556;
}

.game-container[data-playstatus="gameover"] .game_info_lines-value {
    color: #ff5702;
    transition: color 0.2s;
}

.game-container[data-playstatus="gameover"] .game_info_score-value {
    color: #74beff;
    transition: color 0.2s;
}

.game-container[data-playstatus="gameover"] .game_info_time-value {
    color: #ff7900;
    transition: color 0.2s;
}

.game_info_time-value {
    width: 30%;
    justify-content: start;
}

.game_info_best-container {
    --outline_color: #9a85bff5;
    --outline_width: 0.25;
    --plus_ow: calc(var(--outline_width) * min(0.5vw, min(0.5vw, 1vh)));
    --plus_ow: calc(var(--outline_width) * min(0.5vw, 1vh));
    --minus_ow: calc(var(--outline_width) * min(-0.5vw, -1vh));
    width: 95%;
    height: 75%;
    display: none;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    /* border-radius: 0 0 1vh 1vh; */
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 0;
    translate: -50% 110%;
    box-shadow: inset min(-0.1vw, -0.2vh) 0 min(0.05vw, 0.1vh) min(0.2vw, 0.4vh) #f5e8a230, min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) 0 #443858c2;
}

.game_info-container.hide .game_info_best-container {
    visibility: hidden;
}

.game_info_best-title,
.game_info_best-value {
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Mikado";
    font-size: min(1.375vw, 2.75vh);
    color: white;
    text-transform: uppercase;
    text-shadow: var(--plus_ow) var(--plus_ow) 0 var(--outline_color),
        var(--minus_ow) var(--minus_ow) 0 var(--outline_color),
        var(--plus_ow) var(--minus_ow) 0 var(--outline_color),
        var(--minus_ow) var(--plus_ow) 0 var(--outline_color);
}

.game_info_best-title {
    color: #ffe556;
    justify-content: start;
    padding-left: 5%;
}

.game_info_best-value {
    --animation_font_size: min(2.75vw, 5.5vh);
    color: #fff4b9;
    justify-content: end;
    padding-right: 5%;
}

.game-container[data-gamemode="arcade"],
.game-container[data-gamemode="classic"],
.game-container[data-gamemode="descent"],
.game-container[data-gamemode="survival"],
.game-container[data-gamemode="timeattack"],
.game-container[data-gamemode="tour"] {
    .game_info_best_score-container {
        display: flex;

    }
}

.game-container[data-gamemode="boss"],
.game-container[data-gamemode="break"],
.game-container[data-gamemode="picture"],
.game-container[data-gamemode="puzzle"],
.game-container[data-gamemode="timeattack"] {
    .game_info_best_time-container {
        display: flex;
    }
}

.game-container[data-gamemode="arcade"],
.game-container[data-gamemode="classic"],
.game-container[data-gamemode="tour"] {
    .game_info_max_lines-container {
        display: flex;
    }
}

.game-container[data-gamemode="boss"],
.game-container[data-gamemode="descent"],
.game-container[data-gamemode="survival"] {
    .game_info_lines-container {
        display: none;
    }
}

.game-container[data-gamemode="break"],
.game-container[data-gamemode="picture"],
.game-container[data-gamemode="puzzle"] {
    .game_info_score-container,
    .game_info_lines-container {
        display: none;
    }
    .game_info_max_moves-container,
    .game_info_max_clears-container {
        display: flex;
    }
}

.game-container[data-gamemode="break"],
.game-container[data-gamemode="picture"],
.game-container[data-gamemode="puzzle"] {
    .game_info_max_moves-container {
        display: flex;
    }
}

.game-container[data-gamemode="break"],
.game-container[data-gamemode="picture"] {
    .game_info_max_clears-container {
        display: flex;
    }
}

.game-container[data-gamemode="break"],
.game-container[data-gamemode="puzzle"] {
    .game_info_falseclears-container {
        display: none;
    }
}

.game-container[data-gamemode="picture"] {
    .game_info_max_falseclears-container {
        display: flex;
    }
}

.game-container[data-gamemode="puzzle"] {
    .game_info_nexts-container,
    .game_info_max_nexts-container {
        display: flex;
    }
}

.game-container[data-gamemode="arcade"],
.game-container[data-gamemode="battle"],
.game-container[data-gamemode="boss"],
.game-container[data-gamemode="break"],
.game-container[data-gamemode="classic"],
.game-container[data-gamemode="descent"],
.game-container[data-gamemode="picture"],
.game-container[data-gamemode="rival"],
.game-container[data-gamemode="survival"],
.game-container[data-gamemode="timeattack"],
.game-container[data-gamemode="tour"] {
    .game_info_nexts-container {
        display: none;
    }
}

.game-container[data-gamemode="arcade"],
.game-container[data-gamemode="classic"],
.game-container[data-gamemode="descent"],
.game-container[data-gamemode="puzzle"],
.game-container[data-gamemode="survival"],
.game-container[data-gamemode="timeattack"],
.game-container[data-gamemode="tour"] {
    .game_info_falseclears-container,
    .game_info_clears-container {
        display: none;
    }
}

.game-container[data-gamemode="arcade"],
.game-container[data-gamemode="classic"],
.game-container[data-gamemode="descent"],
.game-container[data-gamemode="survival"],
.game-container[data-gamemode="timeattack"],
.game-container[data-gamemode="tour"] {
    .game_info_moves-container {
        display: none;
    }
}