body {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-body);
}

#app :is(.metric-value, .activity-metrics strong, .pet-progress-title > b, .adventure-live-timer, .adventure-summary-metrics strong, .feed-adventure-stats strong) {
  font-variant-numeric: tabular-nums;
}

@media (max-width: 360px) {
  :root {
    --page-gutter: var(--space-3);
  }
}