.bracket-scroll { overflow-x: auto; padding: 28px; }

.bracket {
  display: flex; gap: 24px; align-items: center;
  min-width: 720px;
}

.bracket-round {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.bracket-round-label {
  font-size: 9px; font-weight: 700;
  letter-spacing: 3px; text-transform: uppercase;
  color: var(--muted); text-align: center; margin-bottom: 10px;
}

.b-match {
  border: 1px solid var(--wire); border-radius: var(--r);
  overflow: hidden; transition: border-color .2s var(--ease);
}
.b-match:hover    { border-color: var(--wire-2); }
.b-match.decided  { border-color: var(--gold-dim); }

.b-team {
  display: flex; align-items: center; justify-content: space-between;
  padding: 11px 14px; font-size: 12px; font-weight: 500;
  color: var(--muted); border-bottom: 1px solid var(--wire);
  transition: background .15s, color .15s;
}
.b-team span:first-child {
  min-width: 0;
  padding-right: 8px;
  overflow-wrap: anywhere;
}
.b-team:last-child { border-bottom: none; }
.b-team.champion {
  background: rgba(201,168,76,.08); color: var(--text-hi); font-weight: 600;
}

.b-score {
  font-family: var(--serif); font-size: 1rem; font-weight: 600;
  color: var(--wire-2); min-width: 18px; text-align: right;
}
.b-team.champion .b-score { color: var(--gold); }

.trophy-col { text-align: center; padding: 0 16px; flex-shrink: 0; }

.trophy-icon { font-size: 2rem; display: block; filter: saturate(0) brightness(0.7); }
.trophy-icon.lit { filter: none; }

.champion-tag {
  font-family: var(--serif); font-size: .95rem; font-weight: 600;
  color: var(--muted); margin-top: 8px; letter-spacing: 1px;
}
.champion-tag.lit { color: var(--gold); }

@media (max-width: 1024px) {
  #eliminatorio .panel {
    background: transparent;
    border: none;
    box-shadow: none;
  }

  .bracket-scroll {
    overflow-x: visible;
    padding: 0;
  }

  .bracket {
    min-width: 0;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    align-items: stretch;
  }

  .bracket-round {
    width: 100%;
    padding: 12px;
    background: var(--ink-3);
    border: 1px solid var(--wire);
    border-radius: var(--r2);
  }

  .bracket-round-label {
    text-align: left;
    margin-bottom: 6px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--wire);
  }

  .trophy-col {
    padding: 8px 0 0;
  }
}

@media (max-width: 480px) {
  .bracket-scroll { padding: 12px; }
  .b-team { padding: 10px 12px; }
}