.knockout-bracket{background:var(--card);border:1px solid var(--border);border-radius:var(--medium-radius);flex-direction:column;gap:.75rem;padding:1rem;display:flex;overflow-x:auto}.knockout-bracket-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.knockout-bracket-title{color:var(--foreground);margin:0;font-size:1rem;font-weight:600}.knockout-bracket-link{color:var(--muted-foreground);font-size:.75rem;font-weight:500;text-decoration:none;transition:all .2s}.knockout-bracket-link:hover{color:var(--foreground)}.knockout-bracket-rounds{gap:1rem;min-width:max-content;display:flex}.knockout-bracket-round{flex-direction:column;gap:.5rem;min-width:10rem;display:flex}.knockout-bracket-round-name{color:var(--muted-foreground);text-align:center;text-transform:uppercase;border-bottom:1px solid var(--border);padding-bottom:.375rem;font-size:.6875rem;font-weight:600}.knockout-bracket-matches{flex-direction:column;gap:.5rem;display:flex}.knockout-bracket-match{background:var(--muted);border-radius:var(--medium-radius);flex-direction:column;gap:.25rem;padding:.5rem;text-decoration:none;transition:all .2s;display:flex}.knockout-bracket-match:hover{background:var(--accent)}.knockout-bracket-team{align-items:center;gap:.375rem;display:flex}.knockout-bracket-team.winner .team-name{font-weight:600}.knockout-bracket-team .team-logo{object-fit:contain;width:1rem;height:1rem}.knockout-bracket-team .team-name{text-overflow:ellipsis;color:var(--foreground);white-space:nowrap;flex:1;font-size:.6875rem;overflow:hidden}.knockout-bracket-team .team-score{min-width:1rem;color:var(--foreground);text-align:right;font-size:.75rem;font-weight:600}.knockout-bracket-penalty{color:var(--muted-foreground);text-align:center;font-size:.5rem}
