/* Улучшенная розовая тема "Retrowave" для сайта статистики */

:root {
  /* Основная палитра */
  --bg-dark: #12101d;
  --bg-panel: rgba(30, 27, 43, 0.8);
  --border-color: rgba(255, 255, 255, 0.1);
  --text-primary: #f3f4f6;
  --text-secondary: #a1a1aa;
  --accent-primary: #f472b6;
  --accent-hover: #ec4899;
  --danger-color: #f43f5e;
  --danger-hover: #e11d48;
  
  /* ИЗМЕНЕНИЕ: Цвета команд поменялись местами */
  --team-pala-color: #f87171; /* Теперь красный */
  --team-bdf-color: #60a5fa;  /* Теперь синий */
}

html {
    height: 100%;
}

body {
    position: relative;
    min-height: 100%;
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--bg-dark);
    color: var(--text-primary);
}

/* --- СТИЛИ ДЛЯ ФОНА --- */
.background-container {
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; 
    z-index: -1;
}

.retrowave-grid {
    position: absolute;
    bottom: 0; 
    left: 50%;
    width: 120%; 
    height: 400px; 
    transform: translateX(-50%) perspective(250px) rotateX(55deg);
    background-image:
        repeating-linear-gradient(to right, transparent, transparent 39px, var(--accent-primary) 39px, var(--accent-primary) 40px),
        repeating-linear-gradient(to bottom, transparent, transparent 39px, var(--accent-primary) 39px, var(--accent-primary) 40px);
    background-size: 40px 40px;
    animation: moveGrid 2s linear infinite;
}

.retrowave-grid::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, transparent 20%, var(--bg-dark) 80%);
}

@keyframes moveGrid {
    0% { background-position: 0 0; }
    100% { background-position: 0 40px; }
}

.nuclear-symbol-container {
    position: absolute;
    left: 50%;
    top: 50%; 
    transform: translate(-50%, -50%); 
    width: 900px; 
    height: 900px;
    display: flex;
    justify-content: center;
    align-items: center;
    filter: drop-shadow(0 0 15px var(--accent-primary)) drop-shadow(0 0 35px var(--accent-primary));
    animation: pulse 4s infinite ease-in-out;
}

.nuclear-symbol-svg {
    width: 640px;
    height: 640px;
    color: var(--accent-primary);
    animation: rotateSymbol 30s linear infinite;
}

@keyframes pulse {
    50% { filter: drop-shadow(0 0 25px var(--accent-hover)) drop-shadow(0 0 50px var(--accent-hover)); }
}

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

.content-wrapper {
    position: relative;
    z-index: 1;
}

/* --- КОНЕЦ СТИЛЕЙ ДЛЯ ФОНА --- */


/* Переопределение классов Tailwind для новой темы */
.bg-slate-950 { background-color: transparent !important; }
.bg-slate-900\/50, .bg-slate-800, .bg-slate-800\/50 { 
    background-color: var(--bg-panel) !important; 
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

/* Текст */
.text-slate-300 { color: var(--text-primary) !important; }
.text-slate-400, .text-slate-500 { color: var(--text-secondary) !important; }
.text-white { color: #ffffff !important; }

/* Стиль для главного заголовка */
header h1 {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: white;
    text-shadow: 0 0 10px var(--accent-primary), 0 0 20px var(--accent-primary), 0 0 40px var(--accent-hover);
}

/* Рамки и разделители */
.border-slate-800, .border-slate-700\/50, .border-slate-700 {
    border-color: var(--border-color) !important;
}
.border-red-500\/30 { border-color: rgba(244, 63, 94, 0.3) !important; }

/* Акценты (ссылки, активные элементы) */
a, .text-cyan-400 {
    color: var(--accent-primary) !important;
    transition: all 0.2s ease-in-out;
}

/* Общее свечение для всех ссылок при наведении */
a:hover, .hover\:text-white:hover {
    color: white !important;
    text-shadow: 0 0 8px var(--accent-hover);
}

/* ИЗМЕНЕНИЕ: Усиленное свечение для навигации и никнеймов */
nav a:hover,
#leaderboard-body a:hover,
#hall-of-fame a:hover {
    text-shadow: 0 0 12px var(--accent-hover);
}

.border-cyan-400 {
    border-color: var(--accent-primary) !important;
}

/* Кнопки */
button { transition: all 0.2s ease-in-out; }

button:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 0 15px 0 var(--accent-hover);
}

.bg-cyan-600 { background-color: var(--accent-primary) !important; }
.hover\:bg-cyan-700:hover { background-color: var(--accent-hover) !important; }
.bg-emerald-600 { background-color: #10b981 !important; }
.hover\:bg-emerald-700:hover { background-color: #059669 !important; }
.bg-red-600 { background-color: var(--danger-color) !important; }
.hover\:bg-red-700:hover { background-color: var(--danger-hover) !important; }
.bg-slate-700 { background-color: #334155 !important; }
.hover\:bg-slate-600:hover { background-color: #475569 !important; }

/* Формы */
input, select, textarea {
    background-color: var(--bg-dark) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
    transition: all 0.2s ease-in-out;
}
input:focus, select:focus, textarea:focus {
    --tw-ring-color: var(--accent-primary) !important;
    border-color: var(--accent-primary) !important;
}

/* Иконки сортировки */
.sort-icon { opacity: 0.4; transition: all 0.2s ease-in-out; }
.sort-icon.active { opacity: 1; color: var(--accent-primary) !important; }
.sort-icon.active.desc { transform: rotate(180deg); }

/* Пагинация */
.pagination-button { border-color: var(--border-color); }
.pagination-button:hover:not(:disabled) { 
    background-color: var(--accent-primary) !important; 
    border-color: var(--accent-hover) !important; 
    color: white !important; 
}
.pagination-button.active { 
    background-color: var(--accent-primary) !important; 
    border-color: var(--accent-primary) !important; 
    color: var(--bg-dark) !important; 
}

/* Загрузчик */
.loader { border-color: var(--border-color) !important; border-bottom-color: var(--accent-primary) !important; }

/* Цвета команд */
.text-blue-400 { color: var(--team-pala-color) !important; }
.text-red-400 { color: var(--team-bdf-color) !important; }

/* Градиент для карточек */
.card-gradient { background-image: radial-gradient(circle at top left, rgba(244, 114, 182, 0.05), transparent 30%); }

.match-details { max-height: 0; transition: all 0.5s ease-out; overflow: hidden; opacity: 0; }
.match-card.expanded .match-details { max-height: 1500px; opacity: 1; }
.match-card.expanded .expand-icon { transform: rotate(180deg); }
.expand-icon { transition: transform 0.3s ease-in-out; }

/* Добавлены стили для раскрывающейся вкладки техники в player.html */
.vehicles-details { max-height: 0; transition: all 0.5s ease-out; overflow: hidden; opacity: 0; }
.vehicles-card.expanded .vehicles-details { max-height: 1500px; opacity: 1; }
.vehicles-card.expanded .expand-icon { transform: rotate(180deg); }