.app>.content>.game>.dungeon {
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    flex-direction: column;
}

.app>.content>.game>.dungeon>.dungeon-area {
    color: var(--color-red);
    text-shadow: var(--text-shadow-4);
    width: 100%;
    height: fit-content;
    text-align: end;
}

.app>.content>.game>.dungeon>.dungeon-area-green {
    color: var(--color-green-blue);
    text-shadow: var(--text-shadow-5);
}

.app>.content>.game>.dungeon>.safe-area-probability {
    color: var(--color-red);
    position: fixed;
    opacity: 0.2;
    font-size: clamp(50px, min(25cqw, 25cqh), 200px);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 80dvh;
    z-index: -1;
    text-shadow: 3px 3px 1px #000000, -3px -3px 1px var(--color-high-light);
}

.app>.content>.game>.dungeon>.safe-area-probability-green {
    color: var(--color-green-blue);
}

.app>.content>.game>.dungeon>.selection {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.app>.content>.game>.dungeon>.selection>.selector {
    color: var(--color-high-light-darkness-max-static);
    background-color: var(--color-high-light-darkness);
    width: 100%;
    max-width: 150px;
    height: 70px;
    margin: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.app>.content>.game>.dungeon>.selection>.selector-none {
    color: var(--color-high-light-darkness);
    background-color: var(--color-green-blue-darkness-max);
}