
/* COMPACT 32 TEAMS FIX */
.bracket-stage,
.bracket-panel,
.bracket-wrap,
#bracketRoot,
.bracket-root {
  max-width: 100vw !important;
  overflow: hidden !important;
}

.bracket-board,
.bracket-canvas,
.bracket-tree,
#bracketBoard {
  transform: scale(0.82) !important;
  transform-origin: top center !important;
}

.match-card,
.bracket-match,
.match-box,
.team-card {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  height: 52px !important;
  min-height: 52px !important;
  border-radius: 7px !important;
  font-size: 10px !important;
}

.match-title,
.match-round {
  font-size: 8px !important;
  height: 13px !important;
  line-height: 13px !important;
  padding: 0 5px !important;
}

.team-row,
.team-line,
.match-team {
  height: 18px !important;
  line-height: 18px !important;
  padding: 0 6px !important;
  font-size: 10px !important;
}

.team-code,
.country-code,
.team-tag {
  font-size: 8px !important;
}

.bracket-line,
.connector,
.line {
  stroke-width: 1px !important;
}

.bracket-toolbar {
  margin: 8px auto 10px !important;
}


/* CENTER BRACKET FIX */
.bracket-board,
#bracketBoard,
.bracket-canvas{
    margin:0 auto !important;
    left:50% !important;
    transform:translateX(-50%) scale(.82) !important;
    transform-origin:top center !important;
}

/* FINAL / CHAMPION CLEANUP */
.match-card[id*="FINAL"],
.match-card[id*="final"]{
  border:1px solid rgba(255,213,106,.75) !important;
  box-shadow:0 0 18px rgba(255,213,106,.18) !important;
}

.match-card[id*="CHAMPION"],
.match-card[id*="champion"]{
  border:2px solid rgba(255,213,106,.95) !important;
  box-shadow:0 0 34px rgba(255,213,106,.32) !important;
  background:linear-gradient(180deg,rgba(255,213,106,.18),rgba(8,24,47,.95)) !important;
}

/* PLAYER PREDICTION MARK ON BRACKET */
.b-team.predicted{
  outline:1px solid rgba(255,213,106,.95) !important;
  background:rgba(255,213,106,.14) !important;
}

.b-team.predicted.correct{
  outline:1px solid rgba(85,255,140,.95) !important;
  background:rgba(85,255,140,.16) !important;
}

.b-team.predicted.wrong{
  outline:1px solid rgba(255,85,85,.95) !important;
  background:rgba(255,85,85,.14) !important;
}
