/* ═══════════════════════════════════════════════════════════════════════════
   Battle AIrena — Play Dashboard Retro (Notebook) Theme
   Play-specific notebook overrides. Scoped under body.theme-retro.
   Shared retro rules (panels, boards, cells, fleet, score, log)
   live in shared/theme-retro.css.
   ═══════════════════════════════════════════════════════════════════════════ */

@layer theme {

/* ── Auth Bar ── */
body.theme-retro .token-input {
  font-family: 'Patrick Hand', cursive;
  font-size: 16px;
  background: rgba(250,246,235,0.6);
  border: 1px solid var(--border);
  border-radius: 3px;
  color: var(--text);
}
body.theme-retro .token-input:focus { border-color: var(--accent1); }
body.theme-retro .token-input.error { border-color: var(--error); }

body.theme-retro .auth-error {
  font-family: 'Patrick Hand', cursive;
  font-size: 14px;
}

body.theme-retro .team-name {
  font-family: 'Patrick Hand', cursive;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
}

/* ── Mode Banner ── */
body.theme-retro .mode-banner {
  font-family: 'Patrick Hand', cursive;
  font-size: 14px;
  letter-spacing: 1px;
  background: rgba(158,124,22,0.06);
  border-bottom: 1px solid rgba(158,124,22,0.2);
}

/* ── Opponents Panel ── */
body.theme-retro .opponent-row { border-bottom: 1px solid rgba(200,191,160,0.3); }

body.theme-retro .opponent-name { font-family: 'Patrick Hand', cursive; font-size: 17px; }
body.theme-retro .opponent-meta { font-family: 'Patrick Hand', cursive; font-size: 14px; }

body.theme-retro .badge-server {
  font-family: 'Patrick Hand', cursive;
  font-size: 12px;
  border-radius: 3px;
}

body.theme-retro .badge-mode-practice   { background: rgba(45,106,45,0.1);  border-color: rgba(45,106,45,0.3); }
body.theme-retro .badge-mode-ranked     { background: rgba(184,134,11,0.1); border-color: rgba(184,134,11,0.3); }
body.theme-retro .badge-mode-tournament { background: rgba(158,124,22,0.1); border-color: rgba(158,124,22,0.3); }

/* ── Challenges Panel ── */
body.theme-retro .challenge-row { border-bottom: 1px solid rgba(200,191,160,0.3); }

body.theme-retro .challenge-opponent { font-family: 'Patrick Hand', cursive; font-size: 17px; }
body.theme-retro .challenge-meta     { font-family: 'Patrick Hand', cursive; font-size: 14px; }

body.theme-retro .challenge-direction {
  font-family: 'Patrick Hand', cursive;
  font-size: 12px;
  border-radius: 3px;
}
body.theme-retro .challenge-direction.incoming {
  background: rgba(26,75,140,0.1);
  border: 1px solid rgba(26,75,140,0.3);
}
body.theme-retro .challenge-direction.outgoing {
  background: rgba(122,112,96,0.1);
  border: 1px solid rgba(122,112,96,0.3);
}

/* ── Queue Panel ── */
body.theme-retro .queue-row { border-bottom: 1px solid rgba(200,191,160,0.3); }

body.theme-retro .queue-mode-badge {
  font-family: 'Patrick Hand', cursive;
  font-size: 14px;
  font-weight: 400;
  border-radius: 3px;
}
body.theme-retro .queue-mode-badge.mode-practice   { background: rgba(45,106,45,0.1);  border-color: rgba(45,106,45,0.3); }
body.theme-retro .queue-mode-badge.mode-ranked     { background: rgba(184,134,11,0.1); border-color: rgba(184,134,11,0.3); }
body.theme-retro .queue-mode-badge.mode-tournament { background: rgba(158,124,22,0.1); border-color: rgba(158,124,22,0.3); }

body.theme-retro .queue-count    { font-family: 'Patrick Hand', cursive; font-size: 15px; }
body.theme-retro .queue-status   { font-family: 'Patrick Hand', cursive; font-size: 16px; }
body.theme-retro .queue-position { font-family: 'Patrick Hand', cursive; font-size: 22px; font-weight: 400; }

/* ── Score / game area ── */
body.theme-retro .score-divider { background: var(--border); }
body.theme-retro .game-score { font-family: 'Patrick Hand', cursive; font-weight: 400; }
body.theme-retro .game-score .score-num[data-play-order="first"],
body.theme-retro .game-score .score-num[data-play-order="second"] { text-shadow: none; }

/* ── Leaderboard Panel ── */
body.theme-retro .lb-filter {
  font-family: 'Patrick Hand', cursive;
  font-size: 13px;
  font-weight: 400;
  border-radius: 3px;
}
body.theme-retro .lb-filter.active { background: rgba(26,75,140,0.08); }

body.theme-retro .leaderboard-table { font-family: 'Patrick Hand', cursive; font-size: 15px; }
body.theme-retro .leaderboard-table th {
  font-family: 'Patrick Hand', cursive;
  font-size: 14px;
  letter-spacing: 1px;
  border-bottom: 2px solid var(--border);
}
body.theme-retro .leaderboard-table td {
  border-bottom: 1px solid rgba(200,191,160,0.3);
}
body.theme-retro .leaderboard-table tr:hover td { background: rgba(26,75,140,0.04); }
body.theme-retro .leaderboard-table .rating { font-weight: normal; }

/* ── Stats Panel ── */
body.theme-retro .stats-rating-value {
  font-family: 'Patrick Hand', cursive;
  font-size: 32px;
  font-weight: 400;
}
body.theme-retro .stats-rating-rd     { font-family: 'Patrick Hand', cursive; font-size: 15px; }
body.theme-retro .stats-rating-change { font-family: 'Patrick Hand', cursive; font-size: 16px; }

body.theme-retro .stats-table { font-family: 'Patrick Hand', cursive; font-size: 15px; }
body.theme-retro .stats-table th {
  font-family: 'Patrick Hand', cursive;
  font-size: 14px;
  border-bottom: 2px solid var(--border);
}
body.theme-retro .stats-table td { border-bottom: 1px solid rgba(200,191,160,0.3); }

body.theme-retro .stats-recent-header { font-family: 'Patrick Hand', cursive; font-size: 13px; }

/* ── Game Result ── */
body.theme-retro .game-result-bar {
  background: rgba(250,246,235,0.5);
  border-top: 2px solid var(--border);
}
body.theme-retro .game-result-text {
  font-family: 'Patrick Hand', cursive;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 2px;
}
body.theme-retro .game-result-text.victory,
body.theme-retro .game-result-text.defeat { text-shadow: none; }

body.theme-retro .game-result-reason { font-family: 'Patrick Hand', cursive; font-size: 14px; }

/* ── Replay Controls ── */
body.theme-retro .replay-bar {
  background: rgba(250,246,235,0.5);
  border-top: 2px solid var(--border);
}
body.theme-retro .replay-progress { font-family: 'Patrick Hand', cursive; font-size: 14px; }
body.theme-retro .btn-replay {
  font-family: 'Patrick Hand', cursive;
  font-size: 14px;
  border-radius: 3px;
}

}