.game_options-container {
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #000000d1;
}

main.game_options .game_options-container {
    display: flex;
}

.cup_reward-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    .cup_reward {
        --outline_color: white;
        --outline_color_2: white;
        --outline_width: 0.27;
        --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: fit-content;
        height: fit-content;
        display: none;
        justify-content: center;
        align-items: center;
        font-size: min(18vw, 36vh);
        text-shadow: 0 0 min(1vw, 2vh) var(--outline_color),
            0 0 min(1vw, 2vh) var(--outline_color),
            0 0 min(1vw, 2vh) var(--outline_color),
            0 0 min(1vw, 2vh) var(--outline_color);
        position: relative;
    }
    .cup_reward[data-color="bronze"],
    .cup_reward[data-color="silver"],
    .cup_reward[data-color="gold"] {
        display: flex;
    }
    .cup_reward[data-color="bronze"] i {
        color: #CD7F32;
    }

    .cup_reward[data-color="silver"] i {
        color: #d3d3d3;
    }

    .cup_reward[data-color="gold"] i {
        color: gold;
    }
    .cup_reward[data-color="bronze"] {
        --outline_color_2: #CD7F32;
    }

    .cup_reward[data-color="silver"] {
        --outline_color_2: #d3d3d3;
    }

    .cup_reward[data-color="gold"] {
        --outline_color_2: gold;
    }

    .cup_reward::after {
        --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));
        content: attr(data-title);
        width: 100%;
        display: flex;
        justify-content: center;
        font-family: "Mikado";
        font-size: min(2.5vw, 5vh);
        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);
        position: absolute;
        bottom: 0;
        left: 0;
        translate: 0 165%;
        opacity: 0;
    }
}

/* @keyframes cuprewardanim {
    30%, 70% {
        text-shadow: 0 0 min(2.5vw, 5vh) white,
            0 0 min(2.5vw, 5vh) white,
            0 0 min(2.5vw, 5vh) white,
            0 0 min(2.5vw, 5vh) white;
    }
} */

.game_options_retry_difficulty_next_change-container {
    --outline_color: #766299f5;
    --outline_width: 0.27;
    --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));
    /* height: 40%;
    width: auto; */
    width: fit-content;
    height: fit-content;
    margin-left: 13%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2%;
    opacity: 0;
    transition: opacity 0.25s;
}

.game_options-container[data-view="retrychange"],
.game_options-container[data-view="retrydifficulty"],
.game_options-container[data-view="retrynextdifficulty"],
.game_options-container[data-view="retrychangedifficulty"],
.game_options-container[data-view="retrynextchangedifficulty"],
.game_options-container[data-view="retrynextchange"],
.game_options-container[data-view="retry"],
.game_options-container[data-view="backtomenu"] {
    .game_options_retry_difficulty_next_change-container {
        opacity: 1;
    }
    .cup_reward-container {
        display: none;
    }
}

.game_options-container[data-view="cupreward"] {
    .cup_reward-container {
        opacity: 1;
        animation: cupreward 1s linear;
        .cup_reward {
            /* animation: cuprewardanim 1s 0.5s, cuprewardaniminfinite 2s 2.5s infinite; */
            animation: cuprewardanim 1s 0.5s;
        }
        .cup_reward::after {
            animation: cuprewardtitleanim 1s 1.25s forwards;
        }
    }
}

@keyframes cupreward {
    0% { scale: 0 }
    30% { scale: 1.4 }
    40% { scale: 1; }
}

@keyframes cuprewardanim {
    40%, 60% {
        text-shadow: 0 0 min(2vw, 4vh) white,
            0 0 min(2vw, 4vh) white,
            0 0 min(2vw, 4vh) white,
            0 0 min(2vw, 4vh) white;
    }
}

@keyframes cuprewardtitleanim {
    100% {
        opacity: 1;
    }
}

.game_option_retry-container,
.game_option_next-container,
.game_option_change-container,
.game_option_difficulty-container,
.game_option_back_to_menu-container {
    height: auto;
    width: min(45vw, 90vh);
    aspect-ratio: 6;
    display: none;
    justify-content: start;
    align-items: center;
    gap: 5%;
}

.game_options-container[data-view="retry"] {
    .game_option_retry-container,
    .game_option_back_to_menu-container {
        display: flex;
    }
}

.game_options-container[data-view="retrynext"] {
    .game_option_retry-container,
    .game_option_next-container,
    .game_option_back_to_menu-container {
        display: flex;
    }
}

.game_options-container[data-view="retrychange"] {
    .game_option_retry-container,
    .game_option_change-container,
    .game_option_back_to_menu-container {
        display: flex;
    }
}

.game_options-container[data-view="retrynextchange"] {
    .game_option_retry-container,
    .game_option_next-container,
    .game_option_change-container,
    .game_option_back_to_menu-container {
        display: flex;
    }
}

.game_options-container[data-view="retrydifficulty"] {
    .game_option_retry-container,
    .game_option_difficulty-container,
    .game_option_back_to_menu-container {
        display: flex;
    }
}

.game_options-container[data-view="retrynextdifficulty"] {
    .game_option_retry-container,
    .game_option_difficulty-container,
    .game_option_next-container,
    .game_option_back_to_menu-container {
        display: flex;
    }
}

.game_options-container[data-view="retrychangedifficulty"] {
    .game_option_retry-container,
    .game_option_difficulty-container,
    .game_option_change-container,
    .game_option_back_to_menu-container {
        display: flex;
    }
}

.game_options-container[data-view="retrynextchangedifficulty"] {
    .game_option_retry-container,
    .game_option_difficulty-container,
    .game_option_next-container,
    .game_option_change-container,
    .game_option_back_to_menu-container {
        display: flex;
    }
}

.game_option-button {
    width: auto;
    height: 68%;
    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(2.75vw, 5.5vh);
    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_option-button:hover {
    color: gold;
}

.game_option-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_option_change-title {
    justify-content: start;
    gap: 0.5ch;
    span {
        width: fit-content;
        display: flex;
        align-items: center;
        gap: 0.5ch;
    }
} */

.game_option_difficulty-title {
    /* font-size: min(2.375vw, 4.75vh); */
    justify-content: start;
    gap: 2%;
}

/* .game_option_change-title {
    i.bronze {
        color: #CD7F32;
    }
    i.silver {
        color: #d3d3d3;
    }
    i.gold {
        color: gold;
    }
} */

@media not all and (hover: none) {
    .game_option-button {
        color: white;
    }
}

.menu_front_button_mission_select_cup,
.menu_front_button_mission_select_form {
    display: none;
}

.mission_description_value {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 0.25ch;

    .mission_description_value_visual[data-type="color"] {
        --border_width: min(0.375vw, 0.75vh);
        width: auto;
        height: min(3vw, 6vh);
        aspect-ratio: 1;
        position: unset;
    }

    .mission_description_value_visual[data-type="lineclear"] {
        width: auto;
        height: min(3.5vw, 7vh);
        aspect-ratio: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        border: min(0.325vw, 0.65vh) 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%;
        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;
    }
}