.game-info {
  display: flex;
  justify-content: center;
  gap: var(--space-15);
  background: var(--glass-bg);
  padding: var(--space-8) var(--space-12);
  border-radius: var(--radius-xl);
  backdrop-filter: var(--glass-blur);
  min-width: 0;

  & > .item {
    display: flex;
    align-items: center;
    gap: var(--space-6);
    font-size: clamp(0.5em, 1.5vw, 1em);
  }

  & > .item > .label {
    opacity: 0.8;
  }

  & > .item > .value {
    font-weight: var(--font-weight-bold);
    color: var(--color-accent);
  }
}

@media (min-width: 768px) {
  .game-info {
    gap: var(--space-30);
    padding: var(--space-10) var(--space-20);
  }
}