.results-hero {
  padding: 100px 20px 48px;
  text-align: center;
  background: linear-gradient(135deg, #002233 0%, #003a51 100%);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.results-hero__event {
  font-size: 0.8rem;
  color: rgba(255,255,255,0.5);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.results-hero__title {
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 900;
  color: #bd9c54;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 8px;
}
.results-hero__sub {
  font-size: 1rem;
  color: rgba(255,255,255,0.5);
}

/* ── Galería ─────────────────────────────────────────────── */
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 8px;
}
.gallery-item img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 8px;
  cursor: pointer;
  transition: transform 0.2s, opacity 0.2s;
  display: block;
}
.gallery-item img:hover { transform: scale(1.03); opacity: 0.9; }

/* ── Lightbox ────────────────────────────────────────────── */
#lightbox {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.92);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}
#lightbox.open { display: flex; }
#lightbox-img {
  max-width: 90vw;
  max-height: 90vh;
  object-fit: contain;
  border-radius: 8px;
}
.lightbox-close {
  position: absolute;
  top: 16px; right: 20px;
  background: none;
  border: none;
  color: #fff;
  font-size: 2rem;
  cursor: pointer;
  opacity: 0.7;
}
.lightbox-close:hover { opacity: 1; }
.lightbox-prev, .lightbox-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.1);
  border: none;
  color: #fff;
  font-size: 3rem;
  cursor: pointer;
  padding: 8px 16px;
  border-radius: 8px;
  opacity: 0.7;
  transition: opacity 0.2s, background 0.2s;
}
.lightbox-prev { left: 16px; }
.lightbox-next { right: 16px; }
.lightbox-prev:hover, .lightbox-next:hover { opacity: 1; background: rgba(255,255,255,0.2); }

/* ── Stats Tabs ──────────────────────────────────────────── */
.stats-tabs { display:flex; gap:8px; margin-bottom:28px; flex-wrap:wrap; }
.stats-tab { background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); color:rgba(255,255,255,0.6); padding:8px 20px; border-radius:8px; cursor:pointer; font-size:0.85rem; font-weight:600; transition:all 0.2s; }
.stats-tab:hover { border-color:rgba(189,156,84,0.4); color:#fff; }
.stats-tab.active { background:rgba(189,156,84,0.15); border-color:var(--gold); color:var(--gold); }
.stats-panel { display:block; }
.stats-panel.hidden { display:none; }
.cards-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:14px; }
.stat-card { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.07); border-radius:10px; overflow:hidden; transition:transform 0.2s,border-color 0.2s; }
.stat-card:hover { transform:translateY(-3px); border-color:rgba(189,156,84,0.3); }
.stat-card__img { width:100%; aspect-ratio:3/4; overflow:hidden; background:#001a26; }
.stat-card__img img { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }
.stat-card__name { font-size:0.72rem; font-weight:700; color:#fff; padding:8px 8px 4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.stat-card__bars { padding:0 8px 4px; }
.stat-bar { height:4px; background:rgba(255,255,255,0.08); border-radius:2px; overflow:hidden; }
.stat-bar__fill { height:100%; background:var(--gold); border-radius:2px; }
.stat-card__stats { display:flex; justify-content:space-between; padding:2px 8px 8px; font-size:0.68rem; }
.stat-presence { color:var(--gold); font-weight:700; }
.stat-copies { color:rgba(255,255,255,0.4); }
.winrate-table-wrap { overflow-x:auto; }
.winrate-table { width:100%; border-collapse:collapse; font-size:0.85rem; }
.winrate-table th { text-align:left; padding:8px 12px; font-size:0.7rem; letter-spacing:0.06em; text-transform:uppercase; color:rgba(255,255,255,0.4); border-bottom:1px solid rgba(255,255,255,0.08); }
.winrate-table td { padding:10px 12px; border-bottom:1px solid rgba(255,255,255,0.05); vertical-align:middle; }
.winrate-table tr:hover td { background:rgba(255,255,255,0.03); }
.wr-icon { width:22px; height:22px; border-radius:50%; object-fit:cover; vertical-align:middle; margin-right:8px; }
.wr-num { font-weight:800; font-size:0.9rem; }
.wr-hot { color:#34d399; }
.wr-good { color:#60a5fa; }
.wr-avg { color:#fbbf24; }
.wr-low { color:#f87171; }
.wr-matches { color:rgba(255,255,255,0.35); font-size:0.78rem; }
.wr-bar { width:120px; height:6px; background:rgba(255,255,255,0.08); border-radius:3px; overflow:hidden; }
.wr-bar div { height:100%; border-radius:3px; }
.matchup-wrap { overflow-x:auto; }
.matchup-table { border-collapse:collapse; font-size:0.78rem; min-width:600px; }
.matchup-table th, .matchup-table td { padding:6px 8px; text-align:center; }
.matchup-table th { color:rgba(255,255,255,0.4); }
.mu-legend { text-align:left !important; white-space:nowrap; color:rgba(255,255,255,0.8); min-width:130px; }
.mu-cell { border-radius:4px; font-weight:700; min-width:44px; }
.mu-null { color:rgba(255,255,255,0.15); font-size:0.7rem; }