.tournament-bracket-container{width:100%;overflow-x:auto;overflow-y:hidden;padding:.5rem 0;min-height:400px}.tournament-bracket{display:flex;gap:2rem;min-width:-moz-min-content;min-width:min-content;padding:.5rem;position:relative;height:100%}.bracket-round{display:flex;flex-direction:column;min-width:280px;position:relative;flex-shrink:0}.round-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb;flex-shrink:0}.round-title{font-size:1.125rem;font-weight:600;color:#374151;margin:0}.round-badge{font-size:.75rem}.round-matches{display:flex;flex-direction:column;gap:1rem;position:relative;flex:1;align-items:flex-start}.bracket-match{position:relative;flex-shrink:0;width:100%}.final-round,.final-round .round-matches{align-items:center}@media (max-width:768px){.tournament-bracket-container{min-height:300px}.tournament-bracket{gap:1.5rem}.bracket-round{min-width:240px}.round-title{font-size:1rem}}@media (max-width:1024px){.tournament-bracket{gap:2rem}.bracket-round{min-width:260px}}@media (min-width:1200px){.tournament-bracket-container{min-height:500px}.tournament-bracket{gap:3rem}.bracket-round{min-width:320px}}.bracket-match{transition:transform .2s ease-in-out}.bracket-match:hover{transform:translateY(-2px)}.tournament-bracket-container:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:20px;height:60px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1));pointer-events:none;opacity:0;transition:opacity .3s ease}.tournament-bracket-container:hover:after{opacity:1}