:root {
  color-scheme: light dark;
  --club-blue: #0000ff;
  --club-red: #ff0d04;
  --club-green: #00cc00;
  --club-green-text: #05220d;
  --club-yellow: #ffff42;
}

body {
  font-family: ui-sans-serif, system-ui, sans-serif;
}

a {
  color: var(--club-yellow);
}

.club-panel {
  background: rgba(0, 0, 255, 0.12);
  border: 1px solid rgba(255, 255, 66, 0.35);
}

.club-btn-blue {
  background: var(--club-blue);
  color: #ffffff;
}

.club-btn-red {
  background: var(--club-red);
  color: #ffffff;
}

.club-btn-green {
  background: var(--club-green);
  color: var(--club-green-text);
}

.club-btn-yellow {
  background: var(--club-yellow);
  color: #1f2937;
}

.club-player-card {
  background: rgba(0, 0, 255, 0.18);
  border: 1px solid rgba(255, 255, 66, 0.25);
}

.timer-critical {
  animation: pulse 1s infinite;
}

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.55; }
}

.turn-highlight {
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.7);
}