/* ===== TENNIS TOURNAMENT BRACKET — FRONT-END STYLES ===== */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;500;600;700&display=swap');

.ttb-front-wrap { font-family: 'DM Sans', sans-serif; color: #1a1a2e; }
.ttb-front-header { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; flex-wrap: wrap; }
.ttb-front-title { font-family: 'Bebas Neue', sans-serif; font-size: 32px; letter-spacing: 2px; margin: 0; color: #2d6a4f; }
.ttb-front-category { background: #f0faf5; border: 1px solid #52b788; color: #2d6a4f; padding: 4px 12px; border-radius: 20px; font-size: 13px; font-weight: 600; }
.ttb-front-bracket { overflow-x: auto; padding: 16px 0; }
.ttb-front-bracket .ttb-bracket { display: flex; gap: 0; min-width: max-content; }
.ttb-front-bracket .ttb-round { min-width: 200px; }
.ttb-front-bracket .ttb-round-title { font-family: 'Bebas Neue', sans-serif; font-size: 14px; letter-spacing: 2px; color: #c9a84c; text-align: center; padding: 0 16px 10px; }
.ttb-front-bracket .ttb-round-matches { display: flex; flex-direction: column; justify-content: space-around; flex: 1; gap: 8px; }
.ttb-front-bracket .ttb-match-card { background: #fff; border: 1px solid #e0e0e0; border-radius: 10px; margin: 4px 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.ttb-front-bracket .ttb-match-schedule { background: #f8f8f8; border-bottom: 1px solid #eee; padding: 5px 10px; font-size: 11px; color: #888; display: flex; gap: 6px; align-items: center; }
.ttb-front-bracket .ttb-court { margin-left: auto; color: #c9a84c; font-weight: 600; }
.ttb-front-bracket .ttb-player { display: flex; align-items: center; gap: 8px; padding: 9px 12px; font-size: 13px; }
.ttb-front-bracket .ttb-player + .ttb-player { border-top: 1px solid #eee; }
.ttb-front-bracket .ttb-player-name { flex: 1; font-weight: 500; }
.ttb-front-bracket .ttb-player.ttb-winner { background: #f0faf5; }
.ttb-front-bracket .ttb-player.ttb-winner .ttb-player-name { color: #2d6a4f; font-weight: 700; }
.ttb-front-bracket .ttb-tbd { color: #bbb; font-style: italic; }
.ttb-front-bracket .ttb-scores { display: flex; gap: 3px; }
.ttb-front-bracket .ttb-set-score { font-family: 'Bebas Neue', sans-serif; font-size: 15px; background: #f0f0f0; padding: 1px 5px; border-radius: 3px; min-width: 20px; text-align: center; }
.ttb-front-bracket .ttb-set-score.ttb-set-super { background: #fdf6e3; color: #c9a84c; }
.ttb-front-bracket .ttb-set-score.ttb-set-won { color: #2d6a4f; background: #e8f5ee; }
.ttb-front-bracket .ttb-set-score.ttb-set-lost { color: #aaa; }
.ttb-front-bracket .ttb-player-seed { font-size: 10px; background: #fdf6e3; color: #c9a84c; padding: 1px 5px; border-radius: 3px; font-weight: 700; }
.ttb-loading { padding: 32px; text-align: center; color: #aaa; }