/* Дополнительные стили поверх Tailwind */

:root {
  --bg: #020617;
  --panel: #0f172a;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Секундомер — слегка пульсирует, пока серия активна */
#streak-timer.live {
  animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% { text-shadow: 0 0 0 rgba(248, 113, 113, 0); }
  50%      { text-shadow: 0 0 18px rgba(248, 113, 113, 0.45); }
}

/* Кнопки диапазона графика — активная */
.range-btn.active {
  background-color: #334155;
  color: #fff;
}

/* График на тёмном фоне */
#chart {
  background: var(--panel);
  border-radius: 0.75rem;
}

/* Рекламные заглушки */
.ad-slot {
  min-width: 120px;
  text-align: center;
}

/* Адаптив таблицы */
@media (max-width: 640px) {
  table { font-size: 0.8rem; }
}