:root {
  color-scheme: light;
  --background: oklch(0.99 0.004 95);
  --foreground: oklch(0.18 0.03 255);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.18 0.03 255);
  --primary: oklch(0.32 0.09 258);
  --primary-foreground: oklch(0.99 0.01 95);
  --secondary: oklch(0.96 0.01 250);
  --secondary-foreground: oklch(0.32 0.09 258);
  --muted: oklch(0.965 0.006 250);
  --muted-foreground: oklch(0.52 0.02 255);
  --accent: oklch(0.9 0.16 92);
  --accent-foreground: oklch(0.25 0.05 258);
  --border: oklch(0.91 0.008 250);
  --ring: oklch(0.32 0.09 258);
  --brand-yellow: oklch(0.88 0.17 92);
  --brand-yellow-foreground: oklch(0.25 0.05 258);
  --brand-blue: oklch(0.32 0.09 258);
  --brand-blue-foreground: oklch(0.99 0.01 95);
}

html { scroll-behavior: smooth; }
body { min-height: 100vh; }

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.text-balance { text-wrap: balance; }
.text-pretty { text-wrap: pretty; }

/* Small fallback if Tailwind is loaded from the production build instead of the CDN. */
.animate-marquee { animation: marquee 60s linear infinite; }

@media (max-width: 639px) {
  #standings-panel .standings-card-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  #standings-panel .standings-table {
    min-width: 0;
    font-size: 11px;
  }

  #standings-panel .standings-table th,
  #standings-panel .standings-table td {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  #standings-panel .standings-table th:first-child,
  #standings-panel .standings-table td:first-child {
    padding-left: 0.75rem;
  }

  #standings-panel .standings-table th:last-child,
  #standings-panel .standings-table td:last-child {
    padding-right: 0.75rem;
  }

  #standings-panel .standings-table td:nth-child(2) span {
    display: block;
    max-width: 105px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #standings-panel .standings-table td:last-child {
    font-size: 0.875rem;
  }
}