#you-win {
    font-size: 5em;
    color: #28a745;
    text-shadow: 3px 3px 0 #fff, 6px 6px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
}

#almost-good-ending {
    font-size: 4em;
    color: #20c997; 
    text-shadow: 3px 3px 0 #fff, 6px 6px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
    text-align: center;
}

#almost-bad-ending {
    font-size: 4em;
    color: #ffc107; 
    text-shadow: 3px 3px 0 #fff, 6px 6px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
    text-align: center;
}

#bad-ending {
    font-size: 5em;
    color: #dc3545; 
    text-shadow: 3px 3px 0 #fff, 6px 6px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
}

#how-ending {
    font-size: 5em;
    color: #6f42c1; 
    text-shadow: 3px 3px 0 #fff, 6px 6px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
}

#evil-ending {
    font-size: 5em;
    color: #660000; 
    text-shadow: 3px 3px 0 #000, 6px 6px 0 rgba(255,0,0,0.3);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
}

#best-ending {
    font-size: 5em;
    color: #FFD700; 
    text-shadow: 3px 3px 0 #fff, 6px 6px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
}

#yes-im-sure-ending {
    font-size: 4em;
    color: #17a2b8; 
    text-shadow: 3px 3px 0 #fff, 6px 6px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
    text-align: center;
}

#worst-ending {
    font-size: 5em;
    color: #333; 
    text-shadow: 2px 2px 0 #999, 4px 4px 0 rgba(0,0,0,0.1);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
}

#wonderful-ending {
    font-size: 6em;
    font-weight: bold;
    color: transparent;
    background: linear-gradient(45deg, #ff00de, #ff7f00, #ffff00, #00ff00, #00ffff, #007bff, #8a2be2);
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: 3px 3px 0 rgba(255,255,255,0.5);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1.5s ease-out forwards;
}

#bruh-ending {
    font-size: 6em;
    color: #8D6E63; 
    text-shadow: 2px 2px 0 #ccc, 4px 4px 0 rgba(0,0,0,0.1);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
}

#idk-ending {
    font-size: 5em;
    color: #7B68EE; 
    text-shadow: 3px 3px 0 #fff, 6px 6px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
}

#devilish-ending {
    font-size: 5em;
    color: #4B0082; 
    text-shadow: 4px 4px 0 #000, 8px 8px 0 rgba(255,0,0,0.5);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
}

#green-ending {
    font-size: 5em;
    color: #1a7d0d; 
    text-shadow: 3px 3px 0 #fff, 6px 6px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
}

#good-question-ending { 
    font-size: 5em;
    color: #007bff; 
    text-shadow: 3px 3px 0 #fff, 6px 6px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
}

#bad-question-ending { 
    font-size: 5em;
    color: #cc0000; 
    text-shadow: 3px 3px 0 #fff, 6px 6px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
}

#speedy-ending {
    font-size: 5em;
    color: #00BFFF; 
    text-shadow: 3px 3px 0 #fff, 6px 6px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
}

#no-i-understand-ending {
    font-size: 5em;
    color: #4682B4; 
    text-shadow: 3px 3px 0 #fff, 6px 6px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
}

#observer-ending { 
    font-size: 5em;
    color: #191970; 
    text-shadow: 3px 3px 0 #fff, 6px 6px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
}

#wrong-one-ending { 
    font-size: 5em;
    color: #8B4513; 
    text-shadow: 3px 3px 0 #fff, 6px 6px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
}

#uhh-ending { 
    font-size: 5em;
    color: #708090; 
    text-shadow: 3px 3px 0 #fff, 6px 6px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
}

#no-its-yes-ending {
    font-size: 5em;
    color: #4CAF50; 
    text-shadow: 3px 3px 0 #fff, 6px 6px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
}

#yes-im-serious-ending {
    font-size: 5em;
    color: #FFA500; 
    text-shadow: 3px 3px 0 #fff, 6px 6px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
}

#anticlimactic-ending { 
    font-size: 5em;
    color: #6A5ACD; 
    text-shadow: 3px 3px 0 #fff, 6px 6px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
}

#give-up-ending { 
    font-size: 5em;
    color: #4A4A4A; 
    text-shadow: 3px 3px 0 #fff, 6px 6px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
}

#why-ending { 
    font-size: 5em;
    color: #8B0000; 
    text-shadow: 3px 3px 0 #fff, 6px 6px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
}

#afk-ending {
    font-size: 5em;
    color: #556B2F; /* Olive green */
    text-shadow: 3px 3px 0 #fff, 6px 6px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: win-animation 1s ease-out forwards;
    text-align: center;
}

@keyframes win-animation {
    0% { transform: translate(-50%, -50%) scale(0); opacity: 0; }
    100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}