/* ═══════════════════════════════════════════════════════════════════════════
   THEME: Tactical Operations 🎯
   Military/operator aesthetic with rugged design elements
   ═══════════════════════════════════════════════════════════════════════════ */

[data-theme="tactical"] {
  /* ─── Core Palette ─────────────────────────── */
  --bg-base:        #0f1410;
  --bg-panel:       #161d15;
  --bg-card:        #1a2418;
  --bg-card-hover:  #212e20;
  --bg-border:      #2a3a28;
  --bg-border-dim:  #1e2a1c;

  /* Team Colors - Military Tones */
  --t-color:        #d4a84b;
  --t-dim:          rgba(212,168,75,0.12);
  --t-border:       rgba(212,168,75,0.3);
  --ct-color:       #5a8a6a;
  --ct-dim:         rgba(90,138,106,0.12);
  --ct-border:      rgba(90,138,106,0.3);

  /* Text - Slightly Warmer */
  --text-primary:   #e8e4dc;
  --text-secondary: #9a968c;
  --text-muted:     #4a4a42;

  /* Status - Muted Military */
  --hp-high:        #6aab6a;
  --hp-mid:         #d4a84b;
  --hp-low:         #c44536;
  --money:          #7ab87a;

  /* ─── Body & Background ────────────────────── */
  --body-gradient: linear-gradient(180deg, #0f1410 0%, #141a12 100%);
}

[data-theme="tactical"] body {
  background: var(--body-gradient);
}

[data-theme="tactical"] body::after {
  /* Subtle noise/static texture effect */
  background:
    radial-gradient(ellipse at 50% 0%, rgba(212,168,75,0.05) 0%, transparent 50%),
    linear-gradient(180deg, #0f1410 0%, #141a12 100%);
  opacity: 0.7;
  z-index: -1;
}

/* ─── Card Effects ──────────────────────────── */
[data-theme="tactical"] .player-card {
  border-radius: 4px; /* Sharper corners */
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.03),
    2px 2px 0 rgba(0,0,0,0.3);
  transition: all 0.15s ease;
}

[data-theme="tactical"] .player-card:hover {
  transform: translateY(-1px);
  box-shadow:
    4px 4px 0 rgba(0,0,0,0.4),
    inset 0 1px 0 rgba(255,255,255,0.05);
}

/* ─── Scoreboard Tactical ───────────────────── */
[data-theme="tactical"] .scoreboard {
  border-radius: 3px;
  box-shadow:
    0 4px 12px rgba(0,0,0,0.5),
    inset 0 0 20px rgba(0,0,0,0.3);
  border-left: 2px solid var(--t-color);
  border-right: 2px solid var(--ct-color);
}

[data-theme="tactical"] .scoreboard:has([style*="rgba(224,82,82"]) {
  border-left: 2px solid var(--hp-low);
  border-right: 2px solid var(--hp-low);
}

/* ─── Team Headers ──────────────────────────── */
[data-theme="tactical"] .team-label {
  letter-spacing: 0.25em;
  font-weight: 700;
}

/* ─── Bomb Timer Military ───────────────────── */
[data-theme="tactical"] [style*="rgba(40,8,8,0.9)"] {
  background: #1a1208 !important;
  border-left: 3px solid var(--hp-low) !important;
  border-right: 3px solid var(--hp-low) !important;
}

/* ─── Connecting Ring ───────────────────────── */
[data-theme="tactical"] .connecting-ring {
  border: 2px solid var(--bg-border);
  border-top-color: var(--t-color);
  border-radius: 0; /* Square corners */
}

/* ─── C4 Badge Tactical ─────────────────────── */
[data-theme="tactical"] [style*="rgba(239,68,68,0.18)"] {
  background: rgba(196,69,54,0.2) !important;
  border: 2px solid var(--hp-low) !important;
  border-radius: 2px;
}

@keyframes c4pulseTactical {
  0%   { box-shadow: 0 0 0 0 rgba(196,69,54,0.8); }
  50%  { box-shadow: 0 0 0 4px rgba(196,69,54,0); }
  100% { box-shadow: 0 0 0 0 rgba(196,69,54,0); }
}

[data-theme="tactical"] [style*="c4pulse"] {
  animation: c4pulseTactical 1.5s ease-in-out infinite;
}

/* ─── Phase Pulse Tactical ─────────────────── */
@keyframes phasePulseTactical {
  0%   { opacity: 0.6; }
  100% { opacity: 1; }
}

[data-theme="tactical"] [style*="phasePulse"] {
  animation: phasePulseTactical 1s ease-in-out infinite alternate;
}

/* ─── Radar Container ───────────────────────── */
[data-theme="tactical"] #radar {
  border-radius: 4px;
  box-shadow:
    0 4px 20px rgba(0,0,0,0.5),
    inset 0 0 30px rgba(0,0,0,0.3);
}

/* ─── Fullscreen Bar ────────────────────────── */
[data-theme="tactical"] [style*="rgba(13,17,23,0.92)"] {
  background: rgba(20,26,18,0.95) !important;
  border-bottom: 1px solid var(--bg-border) !important;
}

/* ─── Settings Panel ────────────────────────── */
[data-theme="tactical"] .settings-panel {
  border-radius: 3px;
  box-shadow:
    0 16px 48px rgba(0,0,0,0.8),
    inset 0 1px 0 rgba(255,255,255,0.02);
}

/* ─── Scrollbar ──────────────────────────────── */
[data-theme="tactical"] ::-webkit-scrollbar-thumb {
  background: var(--bg-border);
  border-radius: 2px;
}

/* ─── Weapon Icon Tactical ───────────────────── */
[data-theme="tactical"] [style*="rgba(245,166,35,0.15)"] {
  background: rgba(212,168,75,0.12) !important;
  border: 1px solid rgba(212,168,75,0.25) !important;
}

/* ─── HP Bar Enhanced ───────────────────────── */
[data-theme="tactical"] [style*="position: absolute, bottom: 0"] {
  border-radius: 0;
}