/* Custom styles for KANG Horror Studio */

/* Horror title styling with Creepster font */
.horror-title {
    font-family: 'Creepster', cursive;
    color: #dc3545;
    text-shadow: 0 0 10px rgba(220, 53, 69, 0.5);
    letter-spacing: 2px;
}

/* Dark theme customization */
body {
    background-color: #1a1a1a;
    color: #fff;
}

.bg-dark {
    background-color: #1a1a1a !important;
}

/* Card hover effects */
.card.border-danger:hover {
    box-shadow: 0 0 20px rgba(220, 53, 69, 0.5);
    transform: translateY(-5px);
    transition: all 0.3s ease;
}

/* Button hover effects */
.btn-outline-danger:hover {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}

/* Smooth transitions */
* {
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.btn-equal { min-width: 240px; }


/* Мерцание для заголовка */
@keyframes flicker {
    0%, 88%, 92%, 96%, 100% { opacity: 1; text-shadow: 0 0 12px rgba(220,53,69,.45), 0 0 24px rgba(220,53,69,.25); }

    /* короткие провалы яркости (мигания) */
    89% { opacity: .6; text-shadow: 0 0 6px rgba(220,53,69,.25), 0 0 12px rgba(220,53,69,.15); }
    90% { opacity: 1; }
    93% { opacity: .4; text-shadow: 0 0 4px rgba(220,53,69,.2), 0 0 8px rgba(220,53,69,.1); }
    94% { opacity: 1; }
    97% { opacity: .7; }
    98% { opacity: 1; }
}
.flicker {
    animation: flicker 2.8s infinite;
}

/* Уважение настроек “уменьшить анимацию” */
@media (prefers-reduced-motion: reduce) {
    .flicker { animation: none; }
}

.page-games .card,
.page-games .card.bg-secondary,
.page-games .card .card-body {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* На всякий случай уберём рамку любого цвета */
.page-games .card[class*="border-"],
.page-games .card .card-body[class*="border-"] {
    border: 0 !important;
}