/* Счётчики мира — вверху главной, в ряд (автор, 2026-10-07: «в ряд, не столбиком»): рамка как у блока info-card
   прежнего сайта (панель с размытием, ячейки через одну светлее), значок Lucide золотом, подпись приглушённая, число
   жирным. Узкий экран — ячейки переносятся на следующий ряд. */

.world-stats {
  display: flex;
  flex-wrap: wrap;
  width: fit-content;
  max-width: 100%;
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: var(--radius);
  backdrop-filter: blur(6px);
  overflow: hidden;
  animation: world-stats-enter var(--speed-slow) var(--ease) both;
}

.world-stats__row {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  transition: background-color var(--speed-fast) var(--ease);
}

.world-stats__row:nth-child(even) {
  background: var(--color-row);
}

.world-stats__row:hover {
  background: var(--color-hover);
}

/* Строка-ссылка (чат игры в Telegram): кликабельна вся, наведение белит подпись. */
.world-stats__row--link {
  cursor: pointer;
}

.world-stats__row--link:hover .world-stats__label,
.world-stats__row--link:focus-visible .world-stats__label {
  color: var(--color-text);
}

.world-stats__row--link:focus-visible {
  outline: none;
  background: var(--color-hover);
}

/* «ДОНАТ — Помощь проекту» (автор, 2026-10-13: «добавим кнопку и выделим её»): золотая ячейка, тёмный текст. */
.world-stats__row--donate,
.world-stats__row--donate:nth-child(even) {
  background: var(--color-accent);
  color: var(--color-on-accent);
}

.world-stats__row--donate:hover,
.world-stats__row--donate:focus-visible {
  background: var(--color-accent-light);
}

.world-stats__row--donate .world-stats__label,
.world-stats__row--donate:hover .world-stats__label,
.world-stats__row--donate:focus-visible .world-stats__label {
  color: var(--color-on-accent);
  font-weight: 700;
}

.world-stats__row--donate .world-stats__icon {
  color: var(--color-on-accent);
}

.world-stats__icon {
  flex: none;
  width: var(--stat-icon);
  height: var(--stat-icon);
  color: var(--color-accent);
}

.world-stats__label {
  color: var(--color-text-muted);
}

.world-stats__value {
  margin-left: var(--space-2);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

@keyframes world-stats-enter {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}