/* Компактный живой счётчик на первом экране Four Old Legends.
 * Темы наследуются через переменные уже существующего сайта.
 */
.fol-modrinth-live {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 11px;
  max-width: 100%;
  padding: 10px 14px;
  background: var(--color-panel, #1c192b);
  border: 1px solid var(--color-border, #3a344c);
  border-radius: 8px;
  color: var(--color-text, #f0eff6);
  line-height: 1.4;
  font-family: inherit;
}
.fol-modrinth-live__dot {
  display: inline-block;
  flex: none;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-cyan, #39d0db);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-cyan, #39d0db) 15%, transparent);
}
.fol-modrinth-live__label {
  color: var(--color-muted, #b0a9c2);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .9px;
}
.fol-modrinth-live__value {
  color: var(--color-cyan, #39d0db);
  font-size: 14px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.fol-modrinth-live__link {
  padding: 2px 5px;
  color: var(--color-muted, #b0a9c2);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.fol-modrinth-live__link:hover,
.fol-modrinth-live__link:focus-visible {
  color: var(--color-cyan, #39d0db);
}
@media (max-width: 600px) {
  .fol-modrinth-live { gap: 6px 8px; padding: 9px 11px; }
  .fol-modrinth-live__label { letter-spacing: .5px; font-size: 9px; }
  .fol-modrinth-live__value { font-size: 13px; }
}