/* ============================================================
   Тема 1: Ночной рейнджер (дополнительная цветовая схема)
   ============================================================ */

/* Общий фон для всей страницы (если используется) */
body.theme-night {
    background: #0b0b1a;
    background-image: radial-gradient(circle at 20% 30%, #1a1a3a 0%, #0b0b1a 80%);
}

/* Игровой контейнер — более тёмный с синим свечением */
.theme-night .game-wrapper {
    background: #0f0f2a;
    box-shadow: 0 0 60px rgba(0, 80, 255, 0.25);
    border: 1px solid #2a2a6a;
}

/* Навигация */
.theme-night .main-nav a {
    color: #8899bb;
}
.theme-night .main-nav a:hover {
    background: #1e1e4a;
    color: #aaccff;
}
.theme-night .main-nav a.active {
    background: #1e1e4a;
    color: #66aaff;
}

/* Игровое поле (canvas) */
.theme-night canvas {
    background: #0a0a1a;
    border-color: #3a3a7a;
}

/* Информационная панель */
.theme-night .info {
    color: #99aacc;
}
.theme-night .info span {
    color: #66aaff;
}

/* Управление */
.theme-night .controls {
    color: #556688;
    border-top-color: #2a2a5a;
}
.theme-night .controls kbd {
    background: #1a1a3a;
    border-color: #3a3a7a;
    color: #aaccff;
}

/* Дополнительные кнопки (если появятся) */
.theme-night .btn {
    background: #1a1a4a;
    color: #aaccff;
    border: 1px solid #3a3a8a;
}
.theme-night .btn:hover {
    background: #2a2a6a;
}

/* Анимация фона для звёзд — можно добавить мерцание */
@keyframes twinkle {
    0% { opacity: 0.3; }
    50% { opacity: 1; }
    100% { opacity: 0.3; }
}
.theme-night .star {
    animation: twinkle 3s infinite alternate;
}