.game_mode_items_selection-container {
    width: 100%;
    height: 100%;
    display: none;
    justify-items: center;
    align-items: center;
    grid-template-columns: 1fr 8fr 1fr;
}

.game_options-container[data-view="gamemodeitemsselection"] {
    .game_mode_items_selection-container {
        display: grid;
    }

    .game_options_retry_difficulty_next_change-container,
    .cup_reward-container {
        display: none;
    }
}

.game_mode_items_selection_nav-container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.game_mode_items_selection {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.game_mode_items_selection_nav.disabled {
    filter: brightness(75%);
    opacity: 0.9;
    pointer-events: none;
}

.game_mode_items_selection_list {
    width: 100%;
    height: 85%;
    padding: 3%;
    display: grid;
    justify-items: center;
    align-items: center;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(3, 1fr);
    row-gap: 3%;
    position: relative;
}


.game_mode_items_selection_list:is([data-gamemode="break"], [data-gamemode="picture"], [data-gamemode="puzzle"]) {
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

.game_mode_items_selection_list[data-gamemode="mission"] {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    column-gap: 1%;
}

.game_mode_items_selection_list[data-gamemode="tour"],
.game_mode_items_selection_list[data-gamemode="adventure"] {
    padding: 7%;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    column-gap: 2%;
}

.game_mode_items_selection_list[data-gamemode="boss"] {
    padding: 3%;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    column-gap: 2%;
    row-gap: 3%;
}

.game_mode_items_selection_list.random > * {
    visibility: hidden;
}

.game_mode_items_selection_list.random::after {
    content: "?";
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    --outline_color: #766299f5;
    --outline_width: 0.3;
    --plus_ow: calc(var(--outline_width) * min(0.5vw, 1vh));
    --minus_ow: calc(var(--outline_width) * min(-0.5vw, -1vh));
    font-family: "Mikado";
    font-size: min(20vw, 40vh);
    color: white;
    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: 0;
    z-index: 10;
}

.game_mode_items_selection-container:has(.game_mode_items_selection_list.random) .game_mode_items_selection_nav {
    display: none;
}

.game_mode_items_selection_actions {
    width: 100%;
    height: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5%;
}

.game_mode_items_selection_action-container {
    width: fit-content;
    height: fit-content;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 2ch;
}

.game_mode_items_selection-button {
    width: auto;
    height: min(4vw, 8vh);
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, #8a8ae9ad, #8a8ae9);
    outline: none;
    border: min(0.275vw, 0.55vh) solid white;
    border-radius: 50%;
    font-family: "Mikado";
    font-size: min(1.8vw, 3.6vh);
    color: white;
    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);
    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;
    cursor: pointer;
    transition: color 0.2s, filter 0.2s;
}

.game_mode_items_selection-button:hover {
    color: gold;
}

.game_mode_items_selection-title {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    font-family: "Mikado";
    font-size: min(3vw, 6vh);
    color: white;
    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), min(0.25vw, 0.3vh) min(0.25vw, 0.3vh) min(0.5vw, 1vh) #2c2c2cd8;
    transition: color 0.2s;
}

.game_mode_items_selection_action_difficulty-title {
    font-size: min(2vw, 4vh);
}

.game_mode_items_selection-container:has(
.game_mode_items_selection_list[data-gamemode="boss"],
.game_mode_items_selection_list[data-gamemode="tour"],
.game_mode_items_selection_list[data-gamemode="adventure"]
) {
    .game_mode_items_selection_action_difficulty-container {
        display: none;
    }
}

/* PICTURES */

.game_mode_item_picture-case {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.game_mode_item_picture {
    height: 90%;
    display: flex;
    position: relative;
}

.game_mode_item_picture_achievements {
    height: 10%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10%;
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% -80%;

    i {
        --outline_color: #766299f5;
        --outline_width: 0.3;
        --plus_ow: calc(var(--outline_width) * min(0.25vw, 0.5vh));
        --minus_ow: calc(var(--outline_width) * min(-0.25vw, -0.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);
        font-size: min(1vw, 2vh);
    }

    .bronze_trophy {
        color: #CD7F32;
    }

    .silver_trophy {
        color: #d3d3d3;
    }

    .gold_trophy {
        color: gold;
    }

    i:not(.bronze_trophy, .silver_trophy, .gold_trophy) {
        color: #ffffff;
        opacity: 0.5;
    }
}

.game_mode_item_picture_display {
    width: auto;
    height: 100%;
    aspect-ratio: 1/2;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow:
        0 0 0 min(0.2vw, 0.4vh) #8055b9,
        0 0 0 min(0.4vw, 0.8vh) white,
        min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) #443858c2;
    transition: box-shadow 0.25s, scale 0.25s, translate 0.25s;
}

.game_mode_item_picture_display:hover {
    box-shadow:
        0 0 0 min(0.2vw, 0.4vh) #8055b9,
        0 0 0 min(0.4vw, 0.8vh) #ff0000bd,
        min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) 0 #443858c2;
    cursor: pointer;
}

.game_mode_item_picture_display.selected {
    /* border: min(0.2vw, 0.4vh) solid gold; */
    box-shadow:
        0 0 0 min(0.2vw, 0.4vh) #8055b9,
        0 0 0 min(0.4vw, 0.8vh) gold,
        min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) 0 #443858c2;
    /* box-shadow: 0 0 0 min(0.2vw, 0.4vh) #8055b9, 0 0 0 min(0.4vw, 0.8vh) gold; */
    box-shadow: 0 0 0 min(0.2vw, 0.4vh) #8055b9, 0 0 0 min(0.4vw, 0.8vh) gold, 0 0 min(1vw, 2vh) min(0.75vw, 1.5vh) #f9f3d1;
    /* scale: 0.9875;
    translate: min(0.125vw, 0.25vh) min(0.125vw, 0.25vh); */
}

.game_mode_item_picture_display.hide {
    visibility: hidden;
}

.game_mode_item_picture:has(.game_mode_item_picture_display.hide) {
    .game_mode_item_picture_achievements {
        visibility: hidden;
    }
}

.game_mode_item_picture_display.hide {
    display: none;
}

.game_mode_item_picture-case.hide {
    display: none;
}

.game_mode_item_picture:has(.game_mode_item_picture_display.hide) {
    .game_mode_item_picture_achievements {
        display: none;
    }
}

.game_mode_item_picture_display_grid {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(20, 1fr);
}

.game_mode_item_picture_display_grid.unknown::after {
    content: "?";
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    --outline_color: #766299f5;
    --outline_width: 0.3;
    --plus_ow: calc(var(--outline_width) * min(0.5vw, 1vh));
    --minus_ow: calc(var(--outline_width) * min(-0.5vw, -1vh));
    font-family: "Mikado";
    font-size: min(10vw, 20vh);
    color: white;
    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: 0;
    z-index: 10;
}

.game_mode_item_picture_display_grid_square {
    width: 100%;
    height: 100%;
    background-color: #535252;
}

.drawn {
    background: linear-gradient(90deg, hsl(var(--h), var(--s), var(--cb)), hsl(var(--h), var(--s), var(--ct)));
    opacity: 1;
    transition: background 1s;
}

.drawn[data-color="1"] {
    --ct: 55%;
    --cb: 48%;
    --h: 60;
    --s: 100%;
}

.drawn[data-color="2"] {
    --ct: 55%;
    --cb: 48%;
    --h: 0;
    --s: 100%;
}

.drawn[data-color="3"] {
    --ct: 68%;
    --cb: 67%;
    --h: 240;
    --s: 100%;
}

.drawn[data-color="4"] {
    --ct: 46%;
    --cb: 44%;
    --h: 120;
    --s: 75%;
}

.drawn[data-color="5"] {
    --ct: 55%;
    --cb: 48%;
    --h: 0;
    --s: 0%;
}

.drawn[data-color="6"] {
    --ct: 86%;
    --cb: 84%;
    --h: 0;
    --s: 100%;
}

.drawn[data-color="7"] {
    --ct: 55%;
    --cb: 48%;
    --h: 300;
    --s: 76%;
}

.drawn[data-color="8"] {
    --ct: 60%;
    --cb: 58%;
    --h: 39;
    --s: 100%;
}

.drawn[data-color="9"] {
    --ct: 55%;
    --cb: 48%;
    --h: 174;
    --s: 77%;
}

.drawn[data-color="10"] {
    --ct: 55%;
    --cb: 48%;
    --h: 320;
    --s: 100%;
}

.drawn[data-color="11"] {
    --ct: 97%;
    --cb: 95%;
    --h: 0;
    --s: 100%;
}

.drawn[data-color="12"] {
    --ct: 27%;
    --cb: 25%;
    --h: 180;
    --s: 25%;
}

.drawn[data-color="13"] {
    --ct: 97%;
    --cb: 95%;
    --h: 180;
    --s: 25%;
}

/* MISSIONS */

.game_mode_item_mission-case {
    --outline_color: #766299f5;
    --outline_width: 0.3;
    --plus_ow: calc(var(--outline_width) * min(0.5vw, 1vh));
    --minus_ow: calc(var(--outline_width) * min(-0.5vw, -1vh));
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Mikado";
    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_mode_item_mission_display {
        width: 100%;
        height: auto;
        aspect-ratio: 3.25;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        flex-grow: 0;
        font-size: min(1.75vw, 3.5vh);
        background: linear-gradient(180deg, #8a8ae9ad, #8a8ae9);
        background-repeat: no-repeat;
        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, */
            min(0.3vw, 0.6vh) min(0.375vw, 0.75vh) min(0.5vw, 1vh) min(0.1vw, 0.2vh) #dddddd4f;
        position: relative;
        transition: background 0.1s, border 0.25s, box-shadow 0.25s, scale 0.25s, translate 0.25s;

        .game_mode_item_mission_display_text {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 0.5ch;
            .mission_description_value {
                height: 100%;
                display: flex;
                align-items: center;
                gap: 0.25ch;
                .mission_description_value_visual[data-type="color"] {
                    --border_width: min(0.35vw, 0.7vh);
                    width: auto;
                    height: min(2vw, 4vh);
                    aspect-ratio: 1;
                    position: unset;
                }
                .mission_description_value_visual[data-type="lineclear"] {
                    width: auto;
                    height: min(2vw, 4vh);
                    aspect-ratio: 1;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    border: min(0.25vw, 0.5vh) solid white;
                    box-shadow: inset 0 0 min(0.05vw, 0.1vh) min(0.2vw, 0.4vh) #8055b9, min(0.15vw, 0.3vh) min(0.15vw, 0.3vh) min(0.3vw, 0.6vh) 0 #443858c2;
                    border-radius: 50%;
                    font-size: min(1.5vw, 3vh);
                    position: relative;
                }

                .mission_description_value_visual[data-type="lineclear"]::after {
                    content: attr(data-lineclear);
                    width: 100%;
                    height: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    position: absolute;
                    top: 0;
                    left: 0;
                }
            }
        }

        .game_mode_item_mission_display_cup,
        .game_mode_item_mission_display_form {
            --padding: min(1.25vw, 2.5vh);
            width: 50%;
            height: min(2.5vw, 5vh);
            display: flex;
            align-items: center;
            font-size: min(1.375vw, 2.75vh);
            position: absolute;
            bottom: 0;
            translate: 0 63%;
        }

        .game_mode_item_mission_display_cup {
            justify-content: start;
            padding-left: var(--padding);
            /* color: #36dd36; */
            left: 0%;
        }

        .game_mode_item_mission_display_form {
            justify-content: end;
            padding-right: var(--padding);
            color: red;
            color: #9de4ff;
            right: 0%;
        }

        .game_mode_item_mission_display_cup_display {
            display: inline-block;
            display: none;
            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.5vw, 3vh);
            color: white;
            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% -74%;
            z-index: 1;
        }

        .game_mode_item_mission_display_cup_display[data-cup="bronze"]::after,
        .game_mode_item_mission_display_cup_bronze {
            color: #CD7F32;
        }

        .game_mode_item_mission_display_cup_display[data-cup="silver"]::after,
        .game_mode_item_mission_display_cup_silver {
            color: #d3d3d3;
        }

        .game_mode_item_mission_display_cup_display[data-cup="gold"]::after,
        .game_mode_item_mission_display_cup_gold {
            color: gold;
        }
    }

    .game_mode_item_mission_display:hover {
        border: min(0.275vw, 0.55vh) solid #ff0000bd;
        cursor: pointer;
    }

    .game_mode_item_mission_display.selected {
        box-shadow: inset 0 0 min(0.05vw, 0.1vh) min(0.225vw, 0.45vh) #8055b9,
            0 0 0 0 #dddddd4f;
        border: min(0.275vw, 0.55vh) solid gold;
        box-shadow: inset 0 0 min(0.05vw, 0.1vh) min(0.225vw, 0.45vh) #8055b9,
            0 0 min(1vw, 2vh) min(0.5vw, 1vh) #f9f3d1,
            0 0 0 0 #dddddd4f;
        /* scale: 0.9875;
        translate: min(0.125vw, 0.25vh) min(0.125vw, 0.25vh); */
    }

    .game_mode_item_mission_display::before,
    .game_mode_item_mission_display::after {
        --padding: min(1.25vw, 2.5vh);
        width: 50%;
        height: min(2.5vw, 5vh);
        display: flex;
        align-items: center;
        font-size: min(1.375vw, 2.75vh);
        position: absolute;
        top: 0;
        translate: 0 -62%;
    }

    .game_mode_item_mission_display::before {
        content: attr(data-gamemode);
        justify-content: start;
        padding-left: var(--padding);
        color: #36dd36;
        color: white;
        left: 0%;
    }

    .game_mode_item_mission_display::after {
        content: attr(data-missiontype);
        justify-content: end;
        padding-right: var(--padding);
        color: gold;
        color: #36dd36;
        color: yellow;
        right: 0%;
    }
}

/* TOUR */

.game_mode_item_tour-case {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* overflow: hidden; */
}

.game_mode_item_tour {
    height: 90%;
    display: flex;
    position: relative;
}

.game_mode_item_tour_display {
    --outline_color: #766299f5;
    --outline_width: 0.3;
    --plus_ow: calc(var(--outline_width) * min(0.5vw, 1vh));
    --minus_ow: calc(var(--outline_width) * min(-0.5vw, -1vh));
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Mikado";
    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);
    box-shadow:
        0 0 0 min(0.2vw, 0.4vh) #8055b9,
        0 0 0 min(0.4vw, 0.8vh) white,
        min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) #443858c2;
    transition: box-shadow 0.25s, scale 0.25s, translate 0.25s;
    position: relative;
}

.game_mode_item_tour_display:hover {
    box-shadow:
        0 0 0 min(0.2vw, 0.4vh) #8055b9,
        0 0 0 min(0.4vw, 0.8vh) #ff0000bd,
        min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) 0 #443858c2;
    cursor: pointer;
}

.game_mode_item_tour_display.selected {
    box-shadow:
        0 0 0 min(0.2vw, 0.4vh) #8055b9,
        0 0 0 min(0.4vw, 0.8vh) gold,
        min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) 0 #443858c2;
    /* box-shadow: 0 0 0 min(0.2vw, 0.4vh) #8055b9, 0 0 0 min(0.4vw, 0.8vh) gold; */
    box-shadow: 0 0 0 min(0.2vw, 0.4vh) #8055b9, 0 0 0 min(0.4vw, 0.8vh) gold, 0 0 min(1vw, 2vh) min(0.75vw, 1.5vh) #f9f3d1;
    /* scale: 0.9875;
    translate: min(0.125vw, 0.25vh) min(0.125vw, 0.25vh); */
}

.game_mode_item_tour_display.hide {
    visibility: hidden;
}

.game_mode_item_tour_display.hide {
    display: none;
}

.game_mode_item_tour-case.hide {
    display: none;
}

.game_mode_item_tour_display_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

.game_mode_item_tour_display_text {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: min(2.5vw, 5vh);
    position: absolute;
    top: 0;
    left: 0;
}

/* BOSS */

.game_mode_item_boss-case {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.game_mode_item_boss {
    height: 90%;
    display: flex;
    position: relative;
}

.game_mode_item_boss_display {
    --outline_color: #766299f5;
    --outline_width: 0.3;
    --plus_ow: calc(var(--outline_width) * min(0.5vw, 1vh));
    --minus_ow: calc(var(--outline_width) * min(-0.5vw, -1vh));
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Mikado";
    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);
    transition: box-shadow 0.25s, scale 0.25s, translate 0.25s;
    position: relative;
}

.game_mode_item_boss_display:hover {
    box-shadow:
        0 0 0 min(0.2vw, 0.4vh) #8055b9,
        0 0 0 min(0.4vw, 0.8vh) #ff0000bd,
        min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) 0 #443858c2;
    cursor: pointer;
}

.game_mode_item_boss_display.selected {
    box-shadow:
        0 0 0 min(0.2vw, 0.4vh) #8055b9,
        0 0 0 min(0.4vw, 0.8vh) gold,
        min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) 0 #443858c2;
    /* box-shadow: 0 0 0 min(0.2vw, 0.4vh) #8055b9, 0 0 0 min(0.4vw, 0.8vh) gold; */
    box-shadow: 0 0 0 min(0.2vw, 0.4vh) #8055b9, 0 0 0 min(0.4vw, 0.8vh) gold, 0 0 min(1vw, 2vh) min(0.75vw, 1.5vh) #f9f3d1;
    /* scale: 0.9875;
    translate: min(0.125vw, 0.25vh) min(0.125vw, 0.25vh); */
}

.game_mode_item_boss_display.hide {
    visibility: hidden;
}

.game_mode_item_boss_display.hide {
    display: none;
}

.game_mode_item_boss-case.hide {
    display: none;
}

.game_mode_item_boss_display_image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    bottom: 0;
}

.game_mode_item_boss_display_text {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
    text-align: center;
    font-size: min(3vw, 6vh);
    position: absolute;
    top: 0;
    left: 0;
}

/* ADVENTURE */

.game_mode_item_level-case {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.game_mode_item_level {
    height: 90%;
    display: flex;
    position: relative;
}

.game_mode_item_level_display {
    --outline_color: #766299f5;
    --outline_width: 0.3;
    --plus_ow: calc(var(--outline_width) * min(0.5vw, 1vh));
    --minus_ow: calc(var(--outline_width) * min(-0.5vw, -1vh));
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Mikado";
    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);
    box-shadow:
        0 0 0 min(0.2vw, 0.4vh) #8055b9,
        0 0 0 min(0.4vw, 0.8vh) white,
        min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) #443858c2;
    transition: box-shadow 0.25s, scale 0.25s, translate 0.25s;
    position: relative;
}

.game_mode_item_level_display:hover {
    box-shadow:
        0 0 0 min(0.2vw, 0.4vh) #8055b9,
        0 0 0 min(0.4vw, 0.8vh) #ff0000bd,
        min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) 0 #443858c2;
    cursor: pointer;
}

.game_mode_item_level_display.selected {
    box-shadow:
        0 0 0 min(0.2vw, 0.4vh) #8055b9,
        0 0 0 min(0.4vw, 0.8vh) gold,
        min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) min(0.3vw, 0.6vh) 0 #443858c2;
    /* box-shadow: 0 0 0 min(0.2vw, 0.4vh) #8055b9, 0 0 0 min(0.4vw, 0.8vh) gold; */
    box-shadow: 0 0 0 min(0.2vw, 0.4vh) #8055b9, 0 0 0 min(0.4vw, 0.8vh) gold, 0 0 min(1vw, 2vh) min(0.75vw, 1.5vh) #f9f3d1;
    /* scale: 0.9875;
    translate: min(0.125vw, 0.25vh) min(0.125vw, 0.25vh); */
}

.game_mode_item_level_display.hide {
    visibility: hidden;
}

.game_mode_item_level_display.hide {
    display: none;
}

.game_mode_item_level-case.hide {
    display: none;
}

.game_mode_item_level_display_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

.game_mode_item_level_display_text {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: min(2.5vw, 5vh);
    position: absolute;
    text-transform: none;
    top: 0;
    left: 0;
}

/* */

.level-container {
    justify-content: space-evenly;
    pointer-events: none;
    position: relative;

    .menu_front_button_level_name {
        width: 15%;
        aspect-ratio: 2.5;
        position: absolute;
        top: 20%;
        border: none;
        background: none;
        box-shadow: none;
    }

    .menu_front_button_level-image {
        width: min(50vw, 100vh);
        height: min(25vw, 50vh);
        overflow: hidden;
    }

    .menu_front_button_level-image img {
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .menu_front_button_level_description {
        width: 77%;
        aspect-ratio: 10;
        position: absolute;
        border: none;
        background: none;
        box-shadow: none;
        transform: none;

        .menu_front_button_level_description-title {
            --outline_color: white;
            --outline_width: 0.2;
            --plus_ow: calc(var(--outline_width) * min(0.75vw, 1.5vh));
            --minus_ow: calc(var(--outline_width) * min(-0.75vw, -1.5vh));
            display: flex;
            flex-direction: column;
            font-size: min(6vw, 12vh);
            color: #8055b9;
            text-transform: none;
        }
    }
}