/* ===== StalCraft X — сталкерская атмосфера 2026 ===== */
/* 3D-объекты, вращения, сканлайны, силуэты, анимации на всех страницах */

.hero-atmosphere {
    min-height: 220px;
    position: relative;
}
.hero-atmosphere .hero-content {
    position: relative;
    z-index: 1;
    text-shadow: 0 1px 3px rgba(0,0,0,0.8);
}

:root {
    --stalker-glow: rgba(224, 36, 36, 0.4);
    --stalker-amber: rgba(255, 180, 50, 0.15);
    --stalker-scan: rgba(0, 255, 100, 0.03);
}

/* Глобальный лёгкий сканлайн по всей странице (атмосфера Зоны) */
body.theme-2026::after {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 9997;
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        var(--stalker-scan) 2px,
        var(--stalker-scan) 4px
    );
    opacity: 0.15;
    animation: stalkerScanMove 14s linear infinite;
}

@keyframes stalkerScanMove {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(100%); }
}

/* Декоративный блок «сталкер» — силуэт (абстрактный, не персонаж игры) */
.stalker-silhouette {
    position: fixed;
    right: 5%;
    bottom: 10%;
    width: 120px;
    height: 180px;
    pointer-events: none;
    z-index: 0;
    opacity: 0.08;
    animation: stalkerFloat 8s ease-in-out infinite;
}

.stalker-silhouette svg {
    width: 100%;
    height: 100%;
    filter: drop-shadow(0 0 20px rgba(224, 36, 36, 0.2));
}

@keyframes stalkerFloat {
    0%, 100% { transform: translateY(0) rotate(-1deg); }
    50% { transform: translateY(-15px) rotate(1deg); }
}

/* Вращающийся символ радиации для секций */
.stalker-radiation-badge {
    width: 48px;
    height: 48px;
    opacity: 0.25;
    animation: radiationRotate 20s linear infinite;
}

@keyframes radiationRotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* 3D-карточки с лёгким наклоном при скролле (уже есть .card-3d, усиливаем) */
.theme-2026 .card-3d {
    transform-style: preserve-3d;
    perspective: 1000px;
}

.theme-2026 .card-3d:hover {
    transform: rotateX(5deg) rotateY(-5deg) translateZ(12px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(224, 36, 36, 0.15);
}

/* Угловые скобки с пульсом */
.theme-2026 .corner-bracket {
    animation: bracketPulse 3s ease-in-out infinite;
}

@keyframes bracketPulse {
    0%, 100% { opacity: 0.8; }
    50% { opacity: 1; border-color: rgba(224, 36, 36, 0.9); }
}

/* Секции с бордером в стиле «рамки HUD» */
.section-stalker {
    position: relative;
    border: 1px solid rgba(224, 36, 36, 0.2);
    border-radius: 4px;
    box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.3);
}

.section-stalker::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--stalker-glow), transparent);
    opacity: 0.6;
}

/* Лёгкий glitch на заголовках при наведении */
.glitch-hover {
    position: relative;
}

.glitch-hover:hover {
    animation: glitchText 0.4s ease;
}

@keyframes glitchText {
    0% { transform: translate(0); }
    20% { transform: translate(-2px, 2px); }
    40% { transform: translate(2px, -2px); }
    60% { transform: translate(-2px, -2px); }
    80% { transform: translate(2px, 2px); }
    100% { transform: translate(0); }
}

/* Кнопки с «радиационной» обводкой */
.btn-stalker {
    position: relative;
    border: 1px solid rgba(224, 36, 36, 0.5);
    box-shadow: 0 0 15px rgba(224, 36, 36, 0.2);
}

.btn-stalker:hover {
    box-shadow: 0 0 25px rgba(224, 36, 36, 0.4);
}

/* Обёртка страницы с фоном «сетка Зоны» */
.page-zone-bg {
    position: relative;
}

.page-zone-bg::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    background-image:
        linear-gradient(rgba(224, 36, 36, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(224, 36, 36, 0.03) 1px, transparent 1px);
    background-size: 60px 60px;
    opacity: 0.8;
}