body { 
    overflow-x: hidden; 
    background-color: #fdfcf0;
}
.bracket-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 15px;
}

.bracket { 
    display: inline-flex; 
    flex-direction: row; 
    gap: 30px; 
    justify-content: flex-start; 
    margin-top: 20px;
    min-width: max-content;
}

.round { display: flex; flex-direction: column; justify-content: space-around; }

.match-card { border: 1px solid #ccc; border-radius: 5px; padding: 10px; background: white; width: 250px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); margin-bottom: 10px;}
.match-card.bye-card { opacity: 0.6; background-color: #f8f9fa; border-style: dashed; }

.player { display: flex; justify-content: space-between; align-items: center; padding: 5px 0; border-bottom: 1px solid #eee; font-size: 0.9rem;}
.player span { font-size: 0.75rem; color: #6c757d; display: block; line-height: 1.2;}

.score { font-weight: bold; color: #0d6efd; font-size: 1.1rem;}

.sport-section { background: #f8f9fa; border-radius: 10px; padding: 20px; margin-bottom: 30px; border: 1px solid #e9ecef; }
.group-card { min-height: 150px; }

.nav-tabs {
    position: sticky;
    top: 0;
    z-index: 1050; 
    background-color: #fdfcf0; 
    padding-top: 10px; 
    margin-top: -10px; 
}

#bracket > .bg-light.rounded.border,
#standings > .bg-light.rounded.border {
    position: sticky;
    top: 100px; 
    z-index: 1040; 
    
    box-shadow: 0 4px 15px -3px rgba(0,0,0,0.15) !important; 
}