.legend-team-tabs{
  display:flex; gap:8px; margin:12px 0; padding:5px; width:max-content;
  border:1px solid rgba(255,255,255,.08); border-radius:12px; background:#08090c;
}
.legend-team-tabs button{
  min-width:130px; height:38px; padding:0 16px; border:1px solid transparent;
  border-radius:9px; background:transparent; color:#8b919a; font-size:10px;
  font-weight:900; letter-spacing:.05em; cursor:pointer; transition:.18s ease;
}
.legend-team-tabs button:hover{color:#fff;background:rgba(255,255,255,.035)}
.legend-team-tabs button.active[data-team="2"]{
  color:#fff; border-color:rgba(239,35,60,.38);
  background:linear-gradient(180deg,rgba(239,35,60,.24),rgba(239,35,60,.08));
  box-shadow:0 0 18px rgba(239,35,60,.08);
}
.legend-team-tabs button.active[data-team="3"]{
  color:#fff; border-color:rgba(70,130,255,.35);
  background:linear-gradient(180deg,rgba(70,130,255,.20),rgba(70,130,255,.06));
  box-shadow:0 0 18px rgba(70,130,255,.07);
}
.legend-team-tabs .dot{
  display:inline-block; width:7px; height:7px; margin-right:7px;
  border-radius:50%; vertical-align:1px;
}
.legend-team-tabs button[data-team="2"] .dot{background:#ef233c}
.legend-team-tabs button[data-team="3"] .dot{background:#4d82ff}
#teamControl,#teamBox{display:none!important}
@media(max-width:650px){
  .legend-team-tabs{width:100%}
  .legend-team-tabs button{min-width:0;flex:1}
}