/*
Theme Name: ContraTheme
Theme URI: https://github.com/S0ftware-Developer
Author: Orlov Andrei
Author URI: https://orlovandrei.space
Description: Тема в стиле легендарной игры Contra (1987) для WordPress.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: contratheme
*/

/* Подключение пиксельного шрифта в стиле NES */
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

/* Переменные цвета (Милитари & HUD) */
:root {
    --bg-dark: #0d130c;
    --jungle-green: #1d331a;
    --base-brown: #3b2413;
    --hud-red: #e62020;
    --hud-yellow: #f8db22;
    --text-white: #ffffff;
    --border-pixel: #517a42;
}

/* Общие сбросы и стили */
body {
    margin: 0;
    padding: 0;
    background-color: var(--bg-dark);
    color: var(--text-white);
    font-family: 'Press Start 2P', monospace;
    font-size: 12px;
    line-height: 1.8;
    background-image: 
        linear-gradient(rgba(13, 19, 12, 0.85), rgba(13, 19, 12, 0.85)),
        repeating-linear-gradient(0deg, var(--jungle-green), var(--jungle-green) 10px, var(--bg-dark) 10px, var(--bg-dark) 20px);
}

a {
    color: var(--hud-yellow);
    text-decoration: none;
}

a:hover {
    color: var(--hud-red);
}

.container {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px 0;
}

/* Кнопки и Анимация Взрыва */
.btn-contra {
    display: inline-block;
    padding: 12px 20px;
    background-color: var(--hud-red);
    color: var(--text-white);
    text-transform: uppercase;
    border: 4px solid var(--hud-yellow);
    box-shadow: 4px 4px 0px #000;
    cursor: pointer;
    transition: transform 0.1s;
    position: relative;
}

/* Анимация взрыва при наведении */
.btn-contra:hover {
    animation: explosion 0.3s steps(3, end) infinite alternate;
    background-color: #ff5500;
}

@keyframes explosion {
    0% {
        box-shadow: 0 0 0px var(--hud-yellow), 0 0 5px var(--hud-red);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 10px #ffcc00, 0 0 20px #ff3300;
        transform: scale(1.05) rotate(1deg);
    }
    100% {
        box-shadow: 0 0 15px #ffffff, 0 0 25px #ff0000;
        transform: scale(0.98) rotate(-1deg);
    }
}

/* Сетка постов-миссий */
.missions-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.mission-card {
    background-color: var(--base-brown);
    border: 4px solid var(--border-pixel);
    padding: 20px;
    box-shadow: 6px 6px 0px #000;
    position: relative;
}

.mission-title {
    color: var(--hud-yellow);
    font-size: 14px;
    margin-top: 0;
}

.weapon-icon {
    display: inline-block;
    background: var(--hud-red);
    color: #fff;
    padding: 2px 6px;
    border-radius: 2px;
    font-size: 10px;
    margin-bottom: 10px;
}