.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

#dialogue-layer,
#choice-layer,
#thinking-layer,
.character-img {
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

#result-layer {
    transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
}