/* Dark Mode Styles */
body.dark-mode {
    background-color: #1a1a1a; /* Dark background */
    color: #f0f2f5; /* Light text */
}

body.dark-mode h1 {
    color: #f0f2f5;
}

body.dark-mode button {
    box-shadow: 0 5px 15px rgba(255,255,255,0.1);
}

body.dark-mode #question-yes {
    color: #90EE90; /* Lighter green for dark mode */
}

body.dark-mode #question-yes:hover {
    color: #6B8E23; /* Darker lighter green on hover */
    text-shadow: 1px 1px 2px rgba(255,255,255,0.3);
}

body.dark-mode .modal-content {
    background-color: #333;
    color: #f0f2f5;
    border: 1px solid #555;
}

body.dark-mode .close-button {
    color: #bbb;
}

body.dark-mode .close-button:hover,
body.dark-mode .close-button:focus {
    color: #eee;
}

body.dark-mode #endings-list li.unlocked .ending-name {
    color: #90EE90; /* Lighter green for unlocked in dark mode */
}

/* Dark mode adjustments for guide modal */
body.dark-mode #guide-list li.unlocked {
    color: #90EE90; /* Lighter green for unlocked in dark mode */
}

/* Devilish background effect */
.devilish-background {
    background-color: #8B0000; /* Dark Red */
    animation: devilish-shake 0.1s infinite;
}

/* Green background effect */
.green-background {
    background-color: #28a745; /* Brighter Green */
    animation: green-pulse 1s infinite alternate;
}

/* Reverse Mode background effect */
.reverse-mode {
    background-color: #add8e6; /* Light Blue, contrasting with original */
    transition: background-color 0.5s ease;
}