/* --- START OF FILE style.css --- */
/* --- Базовые стили для страницы --- */
html {
    height: 100%;
    overflow: hidden; /* <<< ДОБАВЛЕНО: Запретить прокрутку на уровне HTML */
}

body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden; /* <<< ИЗМЕНЕНО/ДОБАВЛЕНО: Запретить прокрутку на уровне BODY */
    font-family: sans-serif;
    /* --- Фон по умолчанию --- */
    background-color: #333;
    transition: background-image 0.3s ease-in-out;
}

/* --- Фоны Меню (ИДУТ ПОСЛЕ базового body) --- */
body.main-menu-active,
body.level-select-active {
    background-image: url('images/background.jpeg'); /* Единый фон для обоих меню */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* --- Утилиты --- */
.hidden {
    display: none !important;
}

/* --- СТИЛИ ДЛЯ ШИПОВ (ТРЕУГОЛЬНИКИ С МАСШТАБИРОВАНИЕМ ЧЕРЕЗ ПЕРЕМЕННЫЕ) --- */
.spike {
    position: absolute;
    width: 0;
    height: 0;
    background-color: transparent;
    z-index: 6;
    /* Определяем переменные по умолчанию (соответствуют DESIGN_WIDTH/HEIGHT шипа в JS) */
    --spike-base-half: 15px; /* Половина основания (width/2 для up/down, height/2 для left/right) */
    --spike-height: 25px;    /* Высота (height для up/down, width для left/right) */
    --spike-color: red;      /* Цвет шипа */
}
/* Шип вверх */
.spike-up {
    border-left: var(--spike-base-half) solid transparent;
    border-right: var(--spike-base-half) solid transparent;
    border-bottom: var(--spike-height) solid var(--spike-color);
}
/* Шип вниз */
.spike-down {
    border-left: var(--spike-base-half) solid transparent;
    border-right: var(--spike-base-half) solid transparent;
    border-top: var(--spike-height) solid var(--spike-color);
}
/* Шип влево */
.spike-left {
    border-top: var(--spike-base-half) solid transparent;    /* Половина основания (вертикального) */
    border-bottom: var(--spike-base-half) solid transparent;
    border-right: var(--spike-height) solid var(--spike-color); /* Высота (горизонтальная) */
}
/* Шип вправо */
.spike-right {
    border-top: var(--spike-base-half) solid transparent;
    border-bottom: var(--spike-base-half) solid transparent;
    border-left: var(--spike-height) solid var(--spike-color);
}

/* --- Экран загрузки --- */
#loading-screen {
    position: fixed; top: 0; left: 0;
    width: 100vw; height: 100vh;
    background-color: #222; color: #eee;
    display: flex; align-items: center; justify-content: center;
    font-size: 2em; z-index: 200;
}

/* --- Главное Меню --- */
#main-menu {
    position: fixed; top: 50%; left: 50%;
    transform: translate(-50%, -50%); /* Центрирование */
    background-color: rgba(50, 50, 70, 0.85); color: #eee;
    padding: 40px 50px; border-radius: 12px;
    z-index: 170; text-align: center;
    border: 2px solid #777; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
}
#main-menu h1 {
    margin-top: 0; margin-bottom: 35px;
    font-size: 2.8em; color: #fff;
    text-shadow: 2px 2px 4px black;
    cursor: default; /* <<< Делаем курсор обычным, т.к. клики секретные */
    user-select: none; /* <<< Запрещаем выделение текста заголовка */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
#main-menu-buttons {
    display: flex; flex-direction: column;
    gap: 20px; align-items: center;
}
.main-menu-button {
    padding: 15px 30px; font-size: 1.4em;
    min-width: 250px; color: white;
    border: none; border-radius: 8px; cursor: pointer;
    transition: background-color 0.3s ease, transform 0.1s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
.main-menu-button:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.4); }
#start-game-button { background-color: #28a745; }
#start-game-button:hover { background-color: #218838; }
#settings-button { background-color: #ffc107; color: #333; }
#settings-button:hover { background-color: #e0a800; }
#open-level-select-button { background-color: #17a2b8; }
#open-level-select-button:hover { background-color: #138496; }

/* --- Меню Выбора Уровня (БЛОКА) --- */
#level-select-menu {
    position: fixed; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.8); color: #eee;
    padding: 30px 40px; border-radius: 10px;
    z-index: 150; text-align: center;
    border: 2px solid #555; width: 80%; max-width: 600px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
#level-select-menu h2 {
    margin-top: 0; margin-bottom: 25px;
    font-size: 2em; color: #fff;
    text-shadow: 1px 1px 2px black;
}
#level-buttons-container {
    display: flex; flex-wrap: wrap;
    gap: 15px; justify-content: center;
}
.level-button { /* Стили теперь для кнопок БЛОКОВ */
    padding: 12px 20px; font-size: 1.2em;
    background-color: #4CAF50; color: white;
    border: none; border-radius: 5px; cursor: pointer;
    transition: background-color 0.3s ease; min-width: 120px;
}
.level-button:hover:not(:disabled) { background-color: #45a049; }
.level-button:disabled { background-color: #999; cursor: not-allowed; opacity: 0.7; }

/* --- Меню Настроек, Визуальных Эффектов и Меню Разработчика --- */
#settings-menu,
#visual-effects-menu, /* <<< ДОБАВЛЕН СЕЛЕКТОР */
#developer-menu {     /* <<< ДОБАВЛЕН СЕЛЕКТОР */
    position: fixed; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(60, 60, 80, 0.9); color: #eee;
    padding: 30px 40px; border-radius: 10px;
    z-index: 180; text-align: center; border: 2px solid #888;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); min-width: 350px;
    /* Добавляем прокрутку, если контент не влезает */
    max-height: 90vh;
    overflow-y: auto;
}
#settings-menu h2,
#visual-effects-menu h2, /* <<< ДОБАВЛЕН СЕЛЕКТОР */
#developer-menu h2 {     /* <<< ДОБАВЛЕН СЕЛЕКТОР */
    margin-top: 0; margin-bottom: 30px;
    font-size: 2em; color: #fff;
    text-shadow: 1px 1px 3px black;
}
/* Используем общий класс для контейнеров опций */
.settings-options,
.debug-options { /* <<< ДОБАВЛЕН debug-options (если вы оставили этот класс в HTML) */
    margin-bottom: 30px; display: flex; flex-direction: column;
    gap: 15px; align-items: stretch;
}
.settings-button { /* Стиль для кнопок внутри Меню Настроек И Меню Разработчика */
    padding: 12px 20px; font-size: 1.2em;
    background-color: #5a6268; color: white;
    border: none; border-radius: 5px; cursor: pointer;
    transition: background-color 0.3s ease;
}
.settings-button:hover { background-color: #4e555b; }
/* Стиль для опций с переключателями (в обоих меню) */
.debug-option {
    display: flex; justify-content: space-between; align-items: center;
    padding: 8px 0; border-bottom: 1px solid #555;
}
/* Скрытие опций через JS теперь не нужно, если они удалены из HTML, но на всякий случай: */
.debug-option.hidden {
    display: none !important;
}
.debug-option label { margin-right: 15px; font-size: 1.1em; }
.debug-toggle { transform: scale(1.5); cursor: pointer; }
.back-button { /* Стиль для кнопок "Назад" во всех этих меню */
    padding: 10px 20px; font-size: 1em;
    background-color: #6c757d; color: white;
    border: none; border-radius: 5px; cursor: pointer;
    transition: background-color 0.3s ease; margin-top: 10px;
}
.back-button:hover { background-color: #5a6268; }

/* --- Финальный Экран --- */
#end-game-screen {
    position: fixed; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 80%; max-width: 600px;
    background-color: rgba(30, 100, 30, 0.9); color: #fff;
    padding: 30px 40px; border-radius: 10px;
    z-index: 160; text-align: center;
    border: 2px solid #1a5a1a; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
#end-game-screen h2 {
    margin-top: 0; margin-bottom: 20px;
    font-size: 2.2em; color: #f0f0f0;
    text-shadow: 1px 1px 3px black;
}
#end-game-message {
    font-size: 1.1em; line-height: 1.6;
    margin-bottom: 30px; color: #eee;
}
#end-game-message em { font-style: italic; color: #ffddaa; display: block; margin-top: 15px; }
#return-to-menu-button {
    padding: 12px 25px; font-size: 1.2em;
    background-color: #007bff; color: white;
    border: none; border-radius: 5px; cursor: pointer;
    transition: background-color 0.3s ease;
}
#return-to-menu-button:hover { background-color: #0056b3; }

/* --- Игровой Контейнер и Элементы Игры --- */
#game-container {
    width: 100vw;
    height: 100dvh; /* Используем динамическую высоту */
    border: none;
    overflow: hidden;
    background-image: url('images/level_background.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    justify-content: center;
    align-items: center;
}
#game-world {
    position: relative;
    overflow: hidden;
}
#player {
    width: 45px; /* Будут переопределены JS */
    height: 120px; /* Будут переопределены JS */
    position: absolute;
    background-image: url('images/player.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
    transform-origin: center center;
    transform: scaleX(1);
}
.platform {
    position: absolute; background-color: transparent;
    background-image: url('images/platform.png');
    background-size: cover; background-repeat: no-repeat; background-position: center;
    z-index: 5;
}
#goal {
    width: 40px; height: 40px; background-color: limegreen;
    position: absolute; border: 1px solid darkgreen;
    z-index: 5;
}
#level-indicator {
    position: absolute; top: 20px; left: 20px;
    font-size: 1.2em; font-weight: bold; color: #111;
    z-index: 100; background-color: rgba(255, 255, 255, 0.5);
    padding: 5px; border-radius: 3px;
}
#message {
    position: absolute; bottom: 20px; left: 50%;
    transform: translateX(-50%); color: #111;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 8px 15px; border-radius: 5px;
    z-index: 100; text-align: center;
}

/* --- СТИЛИ ДЛЯ ВИЗУАЛИЗАЦИИ ХИТБОКСОВ --- */
.hitbox-visualization {
    position: absolute;
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 50;
    opacity: 0.9;
    display: block !important;
}
#player-hitbox { border-color: lime; }
.platform-hitbox { border-color: cyan; }
.spike-hitbox { border-color: magenta !important; z-index: 51 !important; }

/* --- СТИЛИ ДЛЯ ТУЛТИПА КООРДИНАТ МЫШИ --- */
#mouse-coord-tooltip {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.75);
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 0.9em;
    font-family: monospace;
    z-index: 250;
    pointer-events: none;
    white-space: nowrap;
}

/* --- СТИЛИ ДЛЯ КНОПОК В ИГРЕ --- */
#in-game-buttons {
    position: absolute;
    top: 18px;
    left: 150px; /* Может потребоваться сдвинуть, если индикатор уровня станет длиннее */
    z-index: 110;
    display: flex;
    gap: 10px;
}
#in-game-buttons button {
    padding: 4px 10px;
    font-size: 0.9em;
    background-color: rgba(108, 117, 125, 0.7);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}
#skip-level-button {
    background-color: rgba(255, 193, 7, 0.7);
    color: #333;
    border-color: rgba(204, 154, 0, 0.8);
}
#skip-level-button:hover { background-color: rgba(224, 168, 0, 0.8); }
#in-game-buttons button:hover { background-color: rgba(80, 90, 100, 0.8); }

/* --- Стили для кнопки сброса --- */
.reset-button-style {
    background-color: #dc3545 !important;
    border-color: #bd2130 !important;
    margin-top: 10px;
}
.reset-button-style:hover {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
}

/* --- МОБИЛЬНЫЕ КНОПКИ УПРАВЛЕНИЯ --- */
#mobile-controls {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    box-sizing: border-box;
    z-index: 120;
    pointer-events: none;
}
#mobile-controls .controls-left,
#mobile-controls .controls-right {
    display: flex;
    gap: 20px;
    pointer-events: auto;
}
.mobile-button {
    width: 65px;
    height: 65px;
    background-color: rgba(100, 100, 100, 0.5);
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    color: white;
    font-size: 2em;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
}
.mobile-button:active { background-color: rgba(80, 80, 80, 0.7); }

/* --- АДАПТАЦИЯ МЕНЮ ДЛЯ НИЗКИХ ЭКРАНОВ --- */
@media (max-height: 550px) {
    #main-menu { padding: 20px 30px; max-width: 90vw; }
    #main-menu h1 { font-size: 2em; margin-bottom: 20px; }
    #main-menu-buttons { gap: 12px; }
    .main-menu-button { padding: 10px 20px; font-size: 1.1em; min-width: 200px; }
    #level-select-menu { padding: 15px 20px; max-width: 90vw; max-height: 85vh; overflow-y: auto; }
    #level-select-menu h2 { font-size: 1.6em; margin-bottom: 15px; }
    #level-buttons-container { gap: 10px; }
    .level-button { padding: 8px 15px; font-size: 1em; min-width: 100px; }
    #level-buttons-container > .level-button[style*="margin-top"] { margin-top: 15px !important; }
    #settings-menu, #visual-effects-menu, #developer-menu { /* <<< Добавлены новые селекторы */
        padding: 20px 30px; max-width: 90vw; max-height: 85vh; /* Уже есть overflow-y: auto; */
    }
    #settings-menu h2, #visual-effects-menu h2, #developer-menu h2 { /* <<< Добавлены новые селекторы */
        font-size: 1.6em; margin-bottom: 20px;
    }
    .settings-options, .debug-options { margin-bottom: 20px; gap: 10px; }
    .settings-button { padding: 10px 15px; font-size: 1em; }
    .debug-option label { font-size: 1em; }
    .back-button { font-size: 0.9em; padding: 8px 15px; }
    #end-game-screen { padding: 20px 30px; max-width: 90vw; max-height: 85vh; overflow-y: auto; }
    #end-game-screen h2 { font-size: 1.8em; margin-bottom: 15px; }
    #end-game-message { font-size: 1em; margin-bottom: 20px; }
    #return-to-menu-button { padding: 10px 20px; font-size: 1.1em; }
}

/* --- Стили для подсказки управления на уровне 1 --- */
#control-hint-text {
    position: absolute;
    top: 60px;
    left: 20px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 1em;
    font-family: sans-serif;
    z-index: 150;
    pointer-events: none;
    max-width: 400px;
    line-height: 1.4;
    text-align: left;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

/* --- СТИЛИ МОДАЛЬНОГО ОКНА ПОДТВЕРЖДЕНИЯ, ПРОПУСКА, GAME OVER, ВОЗРОЖДЕНИЯ --- */
.modal-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex; justify-content: center; align-items: center;
    z-index: 250; opacity: 0; pointer-events: none;
    transition: opacity 0.2s ease-in-out;
}
.modal-overlay:not(.hidden) { opacity: 1; pointer-events: auto; }
.modal-content {
    background-color: #4a4a5a; color: #eee;
    padding: 25px 35px; border-radius: 8px; border: 1px solid #777;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); text-align: center;
    max-width: 400px; width: 80%;
    transform: scale(0.9); transition: transform 0.2s ease-in-out;
}
.modal-overlay:not(.hidden) .modal-content { transform: scale(1); }
#confirmation-message, #skip-level-message, #revive-message { /* Общий стиль для текстов модалок */
    font-size: 1.2em; margin-top: 0; margin-bottom: 25px; line-height: 1.5;
}
.modal-buttons { display: flex; justify-content: center; gap: 20px; }
.modal-button {
    padding: 10px 25px; font-size: 1.1em; border: none; border-radius: 5px;
    cursor: pointer; min-width: 80px;
    transition: background-color 0.2s ease, transform 0.1s ease;
}
.modal-button:hover { transform: translateY(-1px); }
/* Кнопки Да/Нет для подтверждения */
#confirmation-modal .modal-button.yes { background-color: #dc3545; color: white; }
#confirmation-modal .modal-button.yes:hover { background-color: #c82333; }
#confirmation-modal .modal-button.no { background-color: #6c757d; color: white; }
#confirmation-modal .modal-button.no:hover { background-color: #5a6268; }
/* Кнопки Да/Нет для пропуска уровня */
#skip-level-modal .modal-button.yes { background-color: #28a745; color: white; }
#skip-level-modal .modal-button.yes:hover { background-color: #218838; }
#skip-level-modal .modal-button.no { background-color: #6c757d; color: white; }
#skip-level-modal .modal-button.no:hover { background-color: #5a6268; }
/* Кнопки Да/Нет для возрождения */
#revive-modal .modal-button.yes { background-color: #28a745; color: white; }
#revive-modal .modal-button.yes:hover { background-color: #218838; }
#revive-modal .modal-button.no { background-color: #6c757d; color: white; }
#revive-modal .modal-button.no:hover { background-color: #5a6268; }

/* --- СТИЛИ ДЛЯ СЧЕТЧИКА FPS --- */
#fps-counter {
    position: absolute;
    top: 70px; /* Чуть ниже HP бара */
    left: 20px;
    font-size: 0.9em;
    font-family: monospace;
    color: #003300;
    background-color: rgba(180, 220, 180, 0.6);
    padding: 3px 6px;
    border-radius: 3px;
    z-index: 99;
    pointer-events: none;
}

/* --- СТИЛИ ДЛЯ СЧЕТЧИКОВ РЕКЛАМЫ (УСТАРЕЛИ, МОЖНО УДАЛИТЬ) --- */
/*.in-game-counter { ... }*/
/*.in-game-counter#level-counter-display { ... }*/

/* --- СТИЛИ ЭКРАНА ЗАВЕРШЕНИЯ БЛОКА --- */
#block-complete-screen {
    position: fixed; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(50, 100, 50, 0.9); color: #eee;
    padding: 40px 50px; border-radius: 12px; z-index: 165;
    text-align: center; border: 2px solid #3a7a3a;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6); min-width: 400px;
}
#block-complete-screen h2 {
    margin-top: 0; margin-bottom: 25px; font-size: 2.5em; color: #fff; text-shadow: 2px 2px 4px black;
}
#block-complete-message {
    font-size: 1.2em; line-height: 1.6; margin-bottom: 35px; color: #eee;
}
.block-complete-buttons { display: flex; justify-content: center; gap: 25px; }
#block-complete-screen .main-menu-button { min-width: 180px; background-color: #007bff; color: white; border: none; }
#block-complete-screen .main-menu-button:hover { background-color: #0056b3; }
#block-complete-screen #restart-block-button { background-color: #ffc107; color: #333; }
#block-complete-screen #restart-block-button:hover { background-color: #e0a800; }

/* --- СТИЛИ ДЛЯ HP БАРА --- */
#hp-bar-container {
    position: absolute;
    top: 45px; /* Ниже индикатора уровня */
    left: 20px;
    width: 120px; height: 18px; background-color: #555;
    border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;
    z-index: 100; overflow: hidden; display: flex; align-items: center;
}
#hp-bar-fill {
    height: 100%; background-color: #dc3545; width: 100%;
    transition: width 0.3s ease-out; border-radius: 3px 0 0 3px;
}
#hp-bar-text {
    position: absolute; left: 0; width: 100%; text-align: center;
    font-size: 0.8em; font-weight: bold; color: white;
    text-shadow: 1px 1px 1px black; pointer-events: none; line-height: 18px;
}

/* --- СТИЛИ ДЛЯ КНОПОК НАВИГАЦИИ РАЗРАБОТЧИКА НА УРОВНЕ --- */
#debug-nav-buttons-container {
    position: absolute;
    top: 40px; /* Поднял чуть выше, т.к. счетчики рекламы удалены */
    /* Сдвигаем правее, чтобы не налезать на HP бар */
    left: 150px; /* На одной линии с игровыми кнопками */
    z-index: 97;
    display: flex;
    gap: 10px;
}
.in-game-debug-button {
    padding: 3px 8px; font-size: 0.8em; font-family: monospace;
    background-color: rgba(150, 50, 150, 0.7); color: white;
    border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 4px;
    cursor: pointer; transition: background-color 0.2s ease;
}
.in-game-debug-button:hover { background-color: rgba(180, 80, 180, 0.8); }

/* --- СТИЛИ ЭКРАНА GAME OVER (ОВЕРЛЕЙ) --- */
#game-over-screen {
    /* Стили как у .modal-overlay */
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    display: flex; justify-content: center; align-items: center;
    z-index: 175; opacity: 0; pointer-events: none;
    transition: opacity 0.2s ease-in-out;
}
#game-over-screen:not(.hidden) { opacity: 1; pointer-events: auto; }
/* Внутренний блок */
#game-over-screen .modal-content {
    background-color: rgba(100, 30, 30, 0.9); color: #eee;
    padding: 40px 50px; border-radius: 12px; border: 2px solid #7a3a3a;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6); text-align: center;
    max-width: 500px; width: 85%;
    transform: scale(0.9); transition: transform 0.2s ease-in-out;
}
#game-over-screen:not(.hidden) .modal-content { transform: scale(1); }
/* Заголовок и сообщение */
#game-over-screen .modal-content h2 {
    margin-top: 0; margin-bottom: 25px; font-size: 2.5em; color: #fff; text-shadow: 2px 2px 4px black;
}
#game-over-screen .modal-content p { /* #game-over-message */
    font-size: 1.2em; line-height: 1.6; margin-bottom: 35px; color: #eee;
}
/* Кнопки */
#game-over-screen .game-over-buttons { display: flex; justify-content: center; gap: 25px; }
#game-over-screen .main-menu-button {
     min-width: 180px; padding: 12px 25px; font-size: 1.1em;
     border: none; border-radius: 8px; cursor: pointer;
     transition: background-color 0.3s ease, transform 0.1s ease;
}
#game-over-screen .main-menu-button:hover { transform: translateY(-2px); }
#game-over-screen #try-again-button { background-color: #6c757d; color: white; }
#game-over-screen #try-again-button:hover { background-color: #5a6268; }
#game-over-screen #revive-button { background-color: #ffc107; color: #333; }
#game-over-screen #revive-button:hover { background-color: #e0a800; }

/* --- END OF FILE style.css --- */