/* ═══════════════════════════════════════════════════════════════════════════
   Battle AIrena — Projection Dashboard Retro (Notebook) Theme
   Projection-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 {

/* ── Projection-specific labels ── */
body.theme-retro .stage-label {
  font-family: 'Patrick Hand', cursive;
  font-size: 14px;
  letter-spacing: 2px;
  border: 2px solid var(--accent2);
  border-radius: 2px;
  padding: 3px 12px;
}

body.theme-retro .status-label {
  font-family: 'Patrick Hand', cursive;
  font-size: 14px;
  letter-spacing: 2px;
}

body.theme-retro .clock {
  font-family: 'Patrick Hand', cursive;
  font-size: 15px;
  color: var(--dim);
}

body.theme-retro .tournament-meta {
  font-family: 'Patrick Hand', cursive;
  font-size: 13px;
}

body.theme-retro .info-item {
  font-family: 'Patrick Hand', cursive;
  font-size: 15px;
}

/* Fleet placement (H-outer for retro) moved to shared/base.css in T66 G3c
   — now theme-agnostic, keyed on body.theme-retro + :has() against
   .board-label[data-play-order]. Cosmetic tweaks for ships-status below. */

body.theme-retro .ships-status {
  margin-top: 0;
  width: auto;
  max-width: none;
  padding-top: 2px;
}


/* ── Bracket ── */
body.theme-retro .bracket-round-label {
  font-family: 'Patrick Hand', cursive;
  font-size: 13px;
  letter-spacing: 1px;
}

body.theme-retro .bracket-match {
  border: none;
  border-left: 4px solid transparent;
  border-radius: 0;
}
body.theme-retro .bracket-match.active {
  border-left-color: var(--accent2);
}

body.theme-retro .bracket-team {
  font-family: 'Patrick Hand', cursive;
  font-size: 14px;
  background: rgba(250,246,235,0.6);
  border-bottom: 1px solid rgba(200,191,160,0.4);
}

body.theme-retro .bracket-team.winner[data-play-order="first"],
body.theme-retro .bracket-team.playing[data-play-order="first"]  { background: rgba(26,75,140,0.06); }
body.theme-retro .bracket-team.winner[data-play-order="second"],
body.theme-retro .bracket-team.playing[data-play-order="second"] { background: rgba(184,50,20,0.06); }

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

/* ── Round Robin ── */
body.theme-retro .rr-round { border-right: 1px solid var(--border); }
body.theme-retro .rr-round-label {
  font-family: 'Patrick Hand', cursive;
  font-size: 14px;
  letter-spacing: 1px;
}
body.theme-retro .rr-team  { font-family: 'Patrick Hand', cursive; font-size: 14px; }
body.theme-retro .rr-score { font-family: 'Patrick Hand', cursive; font-size: 14px; }
body.theme-retro .rr-meta  { font-family: 'Patrick Hand', cursive; font-size: 13px; }
body.theme-retro .rr-match.active {
  background: rgba(26,75,140,0.04);
  border-left: 4px solid var(--accent2);
}

/* ── Standings ── */
body.theme-retro .standing-header span { font-family: 'Patrick Hand', cursive; font-size: 13px; }
body.theme-retro .standing-row { border-bottom: 1px solid rgba(200,191,160,0.25); }
body.theme-retro .standing-row:hover { background: rgba(26,75,140,0.04); }

body.theme-retro .standing-row[data-play-order="first"] {
  background: rgba(26,75,140,0.08);
  border-left: 3px solid var(--play-order-first-color);
}
body.theme-retro .standing-row[data-play-order="second"] {
  background: rgba(184,50,20,0.08);
  border-left: 3px solid var(--play-order-second-color);
}

body.theme-retro .standing-name { font-family: 'Patrick Hand', cursive; font-size: 14px; }
body.theme-retro .standing-rank { font-family: 'Patrick Hand', cursive; font-size: 14px; }
body.theme-retro .standing-rank.podium { font-size: 18px; }
body.theme-retro .standing-w,
body.theme-retro .standing-l,
body.theme-retro .standing-gw,
body.theme-retro .standing-gl {
  font-family: 'Patrick Hand', cursive;
  font-size: 14px;
  opacity: 1;
}
body.theme-retro .standing-acc   { font-family: 'Courier Prime', monospace; font-size: 13px; }
body.theme-retro .standing-arrow { font-size: 13px; }

/* ── Match Cards — paper pulse ── */
body.theme-retro .match-card {
  border: none;
  border-left: 4px solid transparent;
  background: rgba(250,246,235,0.5);
  border-radius: 0;
  font-family: 'Patrick Hand', cursive;
}

body.theme-retro .match-card.active {
  background: rgba(26,75,140,0.05);
  animation: retro-matchpulse 2s ease-in-out infinite;
}

@keyframes retro-matchpulse {
  0%, 100% { border-left-color: var(--accent1); }
  50%      { border-left-color: var(--accent2); }
}

body.theme-retro .match-team-name   { font-family: 'Patrick Hand', cursive; font-size: 14px; }
body.theme-retro .match-team-score  { font-family: 'Courier Prime', monospace; font-size: 14px; }
body.theme-retro .match-forfeit-badge { font-family: 'Courier Prime', monospace; color: var(--error); }
body.theme-retro .score-snap        { font-family: 'Courier Prime', monospace; font-size: 13px; }

/* ── Lobby ── */
body.theme-retro .lobby-empty  { font-family: 'Patrick Hand', cursive; font-size: 14px; letter-spacing: 1px; }
body.theme-retro .lobby-name   { font-family: 'Patrick Hand', cursive; font-size: 16px; }
body.theme-retro .lobby-status { font-family: 'Patrick Hand', cursive; font-size: 12px; }

/* ── Registration Badge ── */
body.theme-retro .reg-open {
  background: rgba(45,106,45,0.1);
  border: 1px solid rgba(45,106,45,0.3);
  font-family: 'Patrick Hand', cursive;
}
body.theme-retro .reg-closed {
  background: rgba(196,30,58,0.1);
  border: 1px solid rgba(196,30,58,0.3);
  font-family: 'Patrick Hand', cursive;
}

/* ── Pairings Overlay ── */
body.theme-retro .pairings-overlay { background: rgba(245,240,225,0.97); }
body.theme-retro .pairings-overlay.show { opacity: 1; }

body.theme-retro .pairings-box {
  background: var(--panel);
  border: 2px solid var(--accent1);
  border-radius: 4px;
  box-shadow: 4px 4px 12px rgba(0,0,0,0.1);
}

body.theme-retro .pairings-header {
  background: linear-gradient(180deg, rgba(26,75,140,0.06) 0%, transparent 100%);
  border-bottom: 2px solid var(--border);
}

body.theme-retro .pairings-title {
  font-family: 'Patrick Hand', cursive;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 3px;
  text-shadow: var(--glow);
}

body.theme-retro .pairings-subtitle { font-family: 'Patrick Hand', cursive; font-size: 13px; letter-spacing: 2px; }
body.theme-retro .pairings-waiting  { font-family: 'Patrick Hand', cursive; font-size: 13px; }
body.theme-retro .waiting-dot       { box-shadow: none; }

/* Pairings info */
body.theme-retro .pi-label { font-family: 'Patrick Hand', cursive; font-size: 12px; }
body.theme-retro .pi-value { font-family: 'Patrick Hand', cursive; font-size: 22px; font-weight: 400; }
body.theme-retro .pi-ship  {
  background: rgba(26,75,140,0.04);
  border: 1px solid var(--border);
  border-radius: 3px;
}
body.theme-retro .pi-ship-name { font-family: 'Patrick Hand', cursive; font-size: 16px; }
body.theme-retro .pi-ship-size {
  font-family: 'Courier Prime', monospace;
  font-size: 18px;
  font-weight: 700;
  color: var(--accent1);
}

/* ── Winner Overlay ── */
body.theme-retro .winner-overlay      { background: rgba(245,240,225,0.96); }
body.theme-retro .winner-overlay.show { opacity: 1; }

body.theme-retro .winner-title {
  font-family: 'Patrick Hand', cursive;
  font-size: 16px;
  letter-spacing: 4px;
}

body.theme-retro .winner-name {
  font-family: 'Patrick Hand', cursive;
  font-size: 52px;
  font-weight: 400;
  color: var(--accent1);
  text-shadow: 2px 2px 0px rgba(26,75,140,0.2);
}

body.theme-retro .winner-subtitle {
  font-family: 'Patrick Hand', cursive;
  letter-spacing: 2px;
}

body.theme-retro .winner-close {
  font-family: 'Patrick Hand', cursive;
  font-size: 15px;
  letter-spacing: 2px;
  border: 2px solid var(--accent1);
  border-radius: 3px;
}

body.theme-retro .winner-close:hover {
  background: var(--accent1);
  color: var(--bg);
}

}