/* ===================================================
   TOURNAMENTS PAGE
=================================================== */
.tourn-list {
  display:flex; flex-direction:column; gap:12px;
  padding:0 24px 24px;
  overflow-y:auto;
}
.tc {
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:12px;
  padding:16px 20px;
  display:flex; align-items:center; gap:16px;
  transition:all .18s; cursor:pointer;
}
.tc:hover { border-color:var(--border-hi); background:var(--bg-card-h); }
.tc-bar { width:4px; height:60px; border-radius:4px; background:var(--tourn); flex-shrink:0; }
.tc-info { flex:1; }
.tc-name { font-size:16px; font-weight:700; margin-bottom:4px; display:flex; align-items:center; gap:8px; }
.tc-meta { font-size:11.5px; color:var(--text-muted); display:flex; gap:12px; flex-wrap:wrap; }
.tc-meta span { display:flex; align-items:center; gap:3px; }
.gbadge {
  display:inline-flex; align-items:center; gap:3px;
  padding:2px 8px; border-radius:4px;
  font-size:10px; font-weight:700;
}
.gbadge.varonil { background:rgba(100,149,237,.18); color:#6495ED; }
.gbadge.femenil { background:rgba(255,105,180,.18); color:#FF69B4; }
.gbadge.mixto   { background:rgba(200,85,255,.18);  color:var(--neon); }

.tc-progress { margin-top:10px; display:flex; gap:18px; align-items:center; }
.prog-wrap { }
.prog-label { font-size:9px; font-weight:700; color:var(--text-dim); letter-spacing:.8px; text-transform:uppercase; margin-bottom:3px; }
.prog-track { height:5px; background:var(--border); border-radius:3px; overflow:hidden; }
.prog-fill  { height:100%; background:var(--neon); border-radius:3px; }

.tc-stats { display:flex; gap:18px; text-align:center; flex-shrink:0; }
.tcs-val { font-family:'Bebas Neue',sans-serif; font-size:22px; letter-spacing:1px; display:block; }
.tcs-lbl { font-size:9px; font-weight:700; color:var(--text-muted); text-transform:uppercase; }
.tc-actions { display:flex; gap:6px; flex-shrink:0; }

/* scrollbar */
.tourn-list::-webkit-scrollbar { width:5px; }
.tourn-list::-webkit-scrollbar-thumb { background:var(--border); border-radius:3px; }