/* Seedline: styles for what the live tool draws that the mockup did not show.
   Same palette and borders as style.css. */
.team[role="button"]:focus-visible { outline: 3px solid var(--blue); outline-offset: -3px; box-shadow: none; }
.team.bye { color: var(--muted); font-style: italic; background: var(--mist); cursor: default; }
.team.empty { color: var(--muted); cursor: default; }
.bracket--tap .team.bye:hover, .bracket--tap .team.empty:hover { background: var(--mist); }
.bracket--tap .team.empty:hover { background: var(--paper); }
.bracket--tap .team.win .sc { color: var(--ink); }

/* Groups of rounds in double elimination */
.group { margin-top: 14px; }
.group:first-of-type { margin-top: 0; }
.section-label { font: 800 12px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--ink); background: var(--yellow-soft); border: 2px solid var(--ink); display: inline-block; padding: 6px 10px; margin: 0 0 8px; }
.match.skipped { opacity: .55; }

/* Round robin */
.rr { display: grid; gap: 14px; }
.rr-rounds { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
.rr-round { display: grid; gap: 8px; align-content: start; }
.rr-bye { font: 600 12px/1.3 var(--mono); color: var(--muted); }
.rr-table { width: 100%; border-collapse: collapse; border: 2px solid var(--ink); font-size: 14.5px; }
.rr-table caption { text-align: left; font: 800 12px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; padding: 0 0 6px; }
.rr-table th, .rr-table td { text-align: left; padding: 6px 10px; border-bottom: 1px solid var(--ink); }
.rr-table th { background: var(--mist); font-weight: 800; }
.rr-table td.n, .rr-table th.n { text-align: right; font-family: var(--mono); width: 3.5em; }

@media print {
  .rr-rounds { grid-template-columns: repeat(4, 1fr); }
  .team.bye, .team.empty { color: #555; }
  .team[role="button"] { cursor: default; }
  .match, .rr-round, .group { break-inside: avoid; }
}