/* Tailwind CSS - loaded via CDN for static deployment */
/* Custom styles */

:root {
  --primary: #1e40af;
  --accent: #16a34a;
  --dark: #0f172a;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.card {
  background: #1e293b;
  border-radius: 0.75rem;
  padding: 1.5rem;
  border: 1px solid #334155;
  transition: transform 0.2s, border-color 0.2s;
}

.card:hover {
  transform: translateY(-2px);
  border-color: #3b82f6;
}

.stadium-card {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  border-radius: 1rem;
  padding: 2rem;
  border: 1px solid #334155;
}

.highlight {
  background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
  color: white;
  padding: 2rem;
  border-radius: 1rem;
}

.group-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
}

.group-table th, .group-table td {
  padding: 0.75rem;
  border-bottom: 1px solid #334155;
  text-align: left;
}

.group-table th {
  background: #1e293b;
  color: #3b82f6;
}

.group-table tr:hover {
  background: #1e293b80;
}

.stadium-placeholder {
  width: 100%;
  height: 200px;
  background: linear-gradient(135deg, #16a34a33, #1e40af33);
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  font-size: 2rem;
}