/* CLI PVP — visual tokens (sci-fi neon void) */
:root {
  --cli-bg: #0a0e17;
  --cli-bg-deep: #05070c;
  --cli-grid: #1a2336;
  --cli-ally: #3d9eff;
  --cli-ally-glow: #7ec8ff;
  --cli-enemy: #ff4d6d;
  --cli-enemy-glow: #ff8fa3;
  --cli-neutral: #a78bfa;
  --cli-accent: #22d3ee;
  --cli-warn: #fbbf24;
  --cli-ok: #34d399;
  --cli-hud-text: #e2e8f0;
  --cli-hud-dim: #64748b;
  --cli-jam: #f472b6;
  --cli-shield: #60a5fa;

  --cli-font: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* glow strokes — keep UI edges consistent */
  --cli-glow-cyan: 0 0 12px rgba(34, 211, 238, 0.45), 0 0 28px rgba(34, 211, 238, 0.18);
  --cli-glow-cyan-inset: inset 0 0 24px rgba(34, 211, 238, 0.06);
  --cli-glow-ok: 0 0 14px rgba(52, 211, 153, 0.4), 0 0 28px rgba(52, 211, 153, 0.15);
  --cli-glow-enemy: 0 0 14px rgba(255, 77, 109, 0.4), 0 0 28px rgba(255, 77, 109, 0.15);
  --cli-glow-warn: 0 0 14px rgba(251, 191, 36, 0.4), 0 0 28px rgba(251, 191, 36, 0.15);
  --cli-glow-neutral: 0 0 12px rgba(167, 139, 250, 0.4), 0 0 24px rgba(167, 139, 250, 0.15);
  --cli-border-glow: 1px solid var(--cli-accent);

  /* sizes (logical px @ 1280x720 design) */
  --cli-mothership-w: 128px;
  --cli-mothership-h: 64px;
  --cli-unit: 32px;
  --cli-zone-gap: 8px;
}
.team-ally { color: var(--cli-ally); }
.team-enemy { color: var(--cli-enemy); }

.glow-border {
  border: var(--cli-border-glow);
  box-shadow: var(--cli-glow-cyan), var(--cli-glow-cyan-inset);
}
.glow-border-ok {
  border: 1px solid var(--cli-ok);
  box-shadow: var(--cli-glow-ok), inset 0 0 24px rgba(52, 211, 153, 0.06);
}
.glow-border-enemy {
  border: 1px solid var(--cli-enemy);
  box-shadow: var(--cli-glow-enemy), inset 0 0 24px rgba(255, 77, 109, 0.06);
}
.glow-border-warn {
  border: 1px solid var(--cli-warn);
  box-shadow: var(--cli-glow-warn), inset 0 0 24px rgba(251, 191, 36, 0.06);
}
.glow-border-neutral {
  border: 1px solid var(--cli-neutral);
  box-shadow: var(--cli-glow-neutral), inset 0 0 20px rgba(167, 139, 250, 0.05);
}