/* AI Monster - Cyberpunk Red Theme */

:root {
  --ai-green: #ff003c; /* Cyberpunk Red */
  --ai-dark-green: #cc0030;
  --ai-light-green: #ff4d6f;
  --ai-neon-blue: #ff00ff; /* Hot Magenta */
  --ai-purple: #00ffff;   /* Electric Cyan */
  --ai-orange: #ff8c00; /* Cyber Orange */
  --ai-background: #0a0a0a;
  --ai-card: rgba(15, 15, 20, 0.75); /* More transparent card */
  --ai-text: #f0f0f0;
  --ai-gray: #b0b0b0;
  --ai-light-gray: #d0d0d0;
  --ai-red: #ff003c;
  --ai-yellow: #ffff00;
}

.section {
  background: var(--ai-card);
  border: 1px solid rgba(255, 0, 60, 0.4); /* Red-tinted border */
  backdrop-filter: blur(12px) saturate(150%);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.performance-indicator {
  background: var(--ai-card);
  border: 1px solid rgba(255, 0, 60, 0.4);
  backdrop-filter: blur(12px) saturate(150%);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.spec-item,
.upgrade-panel,
.status-item {
  background-color: rgba(10, 10, 15, 0.65);
  border: 1px solid rgba(255, 0, 60, 0.4);
  backdrop-filter: blur(5px);
}