/* Tennis Challenge - HTHC Theme Style */

:root {
  --hthc-black: #1a1a1a;
  --hthc-yellow: #ffd700;
  --hthc-light-gray: #f5f5f5;
  --hthc-border: #e0e0e0;
  --hthc-success: #27ae60;
  --hthc-warning: #ff9800;
  --hthc-danger: #ff6b6b;
}

#tc-ranking-root,
#tc-registration-root {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: #333;
  line-height: 1.6;
}

#tc-ranking-root h1,
#tc-registration-root h1 {
  font-size: 28px;
  font-weight: 700;
  color: var(--hthc-black);
  margin: 0 0 0.5rem 0;
}

#tc-ranking-root button,
#tc-registration-root button {
  font-family: inherit;
  font-size: 14px;
  border-radius: 6px;
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
  font-weight: 500;
}

#tc-ranking-root button:hover,
#tc-registration-root button:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

#tc-registration-root input,
#tc-registration-root select {
  width: 100%;
  padding: 10px;
  border: 1px solid var(--hthc-border);
  border-radius: 6px;
  font-family: inherit;
  font-size: 14px;
}

#tc-registration-root input:focus,
#tc-registration-root select:focus {
  outline: none;
  border-color: var(--hthc-black);
  box-shadow: 0 0 0 3px rgba(26, 26, 26, 0.1);
}

@media (max-width: 768px) {
  #tc-ranking-root h1,
  #tc-registration-root h1 {
    font-size: 24px;
  }

  #tc-ranking-root [style*="display: grid"],
  #tc-registration-root [style*="display: grid"] {
    grid-template-columns: 1fr !important;
  }
}