/* ═══════════════════════════════════════════════════════════════════════════
   Battle AIrena — Play Dashboard Cyber Theme
   Play-specific cyber neon decorations. Scoped under body.theme-cyber.
   ═══════════════════════════════════════════════════════════════════════════ */

@layer theme {

/* ── Fonts on play-specific elements ── */
body.theme-cyber .team-name,
body.theme-cyber .badge-server,
body.theme-cyber .badge-mode,
body.theme-cyber .queue-mode-badge,
body.theme-cyber .queue-position,
body.theme-cyber .lb-filter,
body.theme-cyber .leaderboard-table th,
body.theme-cyber .stats-rating-value,
body.theme-cyber .stats-table th,
body.theme-cyber .stats-recent-header,
body.theme-cyber .game-result-text,
body.theme-cyber .mode-banner {
  font-family: 'Orbitron', sans-serif;
}

body.theme-cyber .token-input,
body.theme-cyber .btn-replay {
  font-family: 'Share Tech Mono', monospace;
}

/* ── Auth bar — neon focus ── */
body.theme-cyber .token-input { background: rgba(0,0,0,0.4); }

/* ── Mode banner ── */
body.theme-cyber .mode-banner {
  background: rgba(255,215,0,0.06);
  border-bottom: 1px solid rgba(255,215,0,0.2);
}

/* ── Opponent rows ── */
body.theme-cyber .opponent-row { border-bottom: 1px solid rgba(13,42,74,0.5); }

body.theme-cyber .badge-mode-practice   { background: rgba(0,204,102,0.15);  border: 1px solid rgba(0,204,102,0.3); }
body.theme-cyber .badge-mode-ranked     { background: rgba(255,159,26,0.15); border: 1px solid rgba(255,159,26,0.3); }
body.theme-cyber .badge-mode-tournament { background: rgba(255,215,0,0.15);  border: 1px solid rgba(255,215,0,0.3); }

body.theme-cyber .btn-challenge-practice:hover { background: rgba(0,204,102,0.15); }
body.theme-cyber .btn-challenge-ranked:hover   { background: rgba(255,159,26,0.15); }

/* ── Challenges ── */
body.theme-cyber .challenge-row { border-bottom: 1px solid rgba(13,42,74,0.5); }

body.theme-cyber .challenge-direction.incoming {
  background: rgba(0,212,255,0.15);
  border: 1px solid rgba(0,212,255,0.3);
}
body.theme-cyber .challenge-direction.outgoing {
  background: rgba(90,122,154,0.15);
  border: 1px solid rgba(90,122,154,0.3);
}

/* ── Queue ── */
body.theme-cyber .queue-row { border-bottom: 1px solid rgba(13,42,74,0.3); }

body.theme-cyber .queue-mode-badge.mode-practice   { background: rgba(0,204,102,0.15);  border: 1px solid rgba(0,204,102,0.3); }
body.theme-cyber .queue-mode-badge.mode-ranked     { background: rgba(255,159,26,0.15); border: 1px solid rgba(255,159,26,0.3); }
body.theme-cyber .queue-mode-badge.mode-tournament { background: rgba(255,215,0,0.15);  border: 1px solid rgba(255,215,0,0.3); }

/* ── Game score glow ── */
body.theme-cyber .game-score .score-num[data-play-order="first"]  { text-shadow: var(--glow); }
body.theme-cyber .game-score .score-num[data-play-order="second"] { text-shadow: var(--glow2); }

/* ── Leaderboard ── */
body.theme-cyber .leaderboard-table td  { border-bottom: 1px solid rgba(13,42,74,0.3); }
body.theme-cyber .leaderboard-table tr:hover td { background: rgba(0,212,255,0.05); }
body.theme-cyber .lb-filter.active { background: rgba(0,212,255,0.1); }

/* ── Stats ── */
body.theme-cyber .stats-table td { border-bottom: 1px solid rgba(13,42,74,0.3); }

/* ── Game result / replay bars ── */
body.theme-cyber .game-result-bar { background: rgba(0,0,0,0.3); }
body.theme-cyber .game-result-text.victory { text-shadow: 0 0 15px var(--success); }
body.theme-cyber .game-result-text.defeat  { text-shadow: 0 0 15px var(--error); }

body.theme-cyber .replay-bar { background: rgba(0,0,0,0.3); }

}