/* 토너먼트 대진표 (밝은 관리자 화면, 어두운 참가자 화면 모두에서 쓰도록 자체 색 사용) */
.bracket { display: flex; gap: 28px; overflow-x: auto; padding: 4px 2px 12px; align-items: stretch; }
.bk-col { display: flex; flex-direction: column; min-width: 220px; flex: none; }
.bk-round { font-size: 13px; font-weight: 800; color: #8a94b3; margin-bottom: 10px; text-align: center; letter-spacing: 0.02em; }
.bk-matches { flex: 1; display: flex; flex-direction: column; justify-content: space-around; gap: 14px; }
.bk-match { background: #fff; color: #1a2140; border-radius: 12px; overflow: hidden; border: 2px solid #dde3ee; box-shadow: 0 2px 6px rgba(26, 33, 64, 0.08); }
.bk-match.st-playing { border-color: #ffc233; }
.bk-match.st-stuck { border-color: #e5484d; }
.bk-side { display: flex; align-items: center; gap: 8px; padding: 7px 10px; font-size: 14px; border-bottom: 1px solid #eef1f6; }
.bk-side.empty { color: #9aa3bd; font-size: 13px; }
.bk-side.win { background: #fff6d6; font-weight: 800; }
.bk-side.lose { color: #9aa3bd; }
.bk-side.mine .bk-name::after { content: ' (나)'; color: #2d5bd1; font-weight: 800; }
.bk-seed { width: 20px; height: 20px; border-radius: 6px; background: #eef1f6; color: #5c6687; font-size: 11px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; flex: none; }
.bk-name { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bk-score { font-weight: 800; min-width: 22px; text-align: right; }
.bk-foot { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; padding: 6px 8px; background: #f7f9fc; }
.bk-status { font-size: 12px; color: #5c6687; flex: 1; min-width: 80px; }
.bk-btn {
  appearance: none; border: 1px solid #c9d1e3; background: #fff; color: #1a2140; border-radius: 7px;
  font: 700 12px var(--font, sans-serif); padding: 4px 8px; cursor: pointer; text-decoration: none; white-space: nowrap;
}
.bk-btn:hover { background: #eef1f6; }
.bk-btn.go { background: #ffc233; border-color: #ffc233; color: #121a33; }
.bk-champ { align-self: center; flex: none; min-width: 160px; background: #ffc233; color: #121a33; border-radius: 16px; padding: 18px 20px; text-align: center; }
.bk-champ small { display: block; font-size: 12px; font-weight: 800; }
.bk-champ b { font-size: 20px; font-weight: 800; }
.bk-champ.off { background: #eef0f4; color: #5c6687; }