.competitive-activity{min-width:0}
.competitive-activity>.container{height:100%;min-height:0;overflow:hidden}

.activity-carousel{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  height:calc(100% - 27px);
  min-height:0;
  overflow:hidden;
}

.activity-card{
  position:relative;
  display:grid;
  grid-template-rows:66px minmax(0,1fr);
  min-width:0;
  min-height:0;
  height:100%;
  overflow:hidden;
  border:1px solid rgba(251,191,36,.78);
  border-radius:8px;
  background:linear-gradient(180deg,#0a1b27 0%,#04101a 100%);
  box-shadow:
    inset 0 1px rgba(255,255,255,.04),
    0 7px 18px rgba(0,0,0,.20);
}

.activity-card-media{
  position:relative;
  min-width:0;
  overflow:hidden;
  background-position:center;
  background-size:cover;
  border-bottom:1px solid rgba(251,191,36,.30);
}

.activity-card-media::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(2,10,17,.04) 0%,rgba(2,10,17,.12) 55%,rgba(4,16,26,.82) 100%),
    linear-gradient(90deg,rgba(0,13,23,.18),transparent 42%,rgba(0,13,23,.10));
}

.activity-card-media--hadouken{
  background-image:url("/static/img/home/tournaments/hadouken.webp");
}
.activity-card-media--citadel{
  background-image:url("/static/img/home/tournaments/citadel.webp");
}
.activity-card-media--rodrostore{
  background-image:url("/static/img/home/tournaments/rodrostore.webp");
}
.activity-card-media--necochea{
  background-image:url("/static/img/home/tournaments/necochea.webp");
}
.activity-card-media--fallback{
  background-image:
    linear-gradient(135deg,rgba(21,72,103,.75),rgba(4,19,31,.92)),
    url("/static/img/home/home-final-art.webp");
}

.event-type{
  position:absolute;
  z-index:2;
  top:6px;
  left:6px;
  max-width:72%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:3px 5px 2px;
  border:1px solid rgba(255,205,55,.94);
  border-radius:4px;
  background:rgba(8,22,31,.82);
  color:#ffd83f;
  font-size:7.4px;
  font-weight:950;
  line-height:1;
  text-transform:uppercase;
  box-shadow:0 1px 5px rgba(0,0,0,.26);
}

.activity-card-body{
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  padding:5px 7px 6px;
  overflow:hidden;
}

.activity-card h3{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  min-height:27px;
  margin:0;
  color:#f8fbfd;
  font-size:10.6px;
  line-height:1.14;
  font-weight:950;
}

.event-facts{
  display:grid;
  gap:2px;
  margin-top:4px;
}

.event-fact{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
  color:#c6d4dc;
  font-size:8.3px;
  font-weight:650;
  line-height:1.05;
  white-space:nowrap;
}

.event-fact strong{
  color:#f0f7fb;
  font-weight:950;
}

.event-fact-icon{
  width:12px;
  height:12px;
  flex:0 0 12px;
  fill:none;
  stroke:#38bdf8;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 4px rgba(56,189,248,.16));
}

.event-result{
  display:grid;
  grid-template-columns:minmax(0,1fr) 34px;
  align-items:end;
  gap:5px;
  margin-top:auto;
  padding-top:4px;
  min-width:0;
}

.event-result-copy{min-width:0}

.event-result small{
  display:block;
  margin-bottom:2px;
  color:#c9d3da;
  font-size:6.9px;
  font-weight:700;
  line-height:1;
}

.event-result strong,
.event-result span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.event-result strong{
  color:#f8fbfd;
  font-size:8.8px;
  font-weight:950;
  line-height:1.08;
}

.event-result span{
  margin-top:2px;
  color:#a7bac7;
  font-size:7.4px;
  font-weight:650;
  line-height:1.05;
}

.event-result-symbol{
  display:grid;
  place-items:center;
  width:34px;
  height:43px;
  align-self:end;
  overflow:hidden;
  border:1px solid rgba(251,191,36,.70);
  border-radius:5px;
  background:
    radial-gradient(circle at 50% 30%,rgba(56,189,248,.14),transparent 58%),
    linear-gradient(180deg,#102a3d,#071520);
  color:#f0c14f;
  box-shadow:inset 0 0 13px rgba(56,189,248,.05);
  font-size:9px;
}

/* Símbolos oficiales de tribu dentro de la mini-card del ganador. */
.event-result-symbol .event-tribe-identity{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
}

.event-result-symbol .mu-archetype-badge{
  width:31px;
  height:39px;
  flex-basis:31px;
  border:0;
  border-radius:4px;
  background:transparent;
  box-shadow:none;
}

.event-result-symbol .mu-identity .mu-archetype-symbol img{
  width:14px;
  height:18px;
}

.event-result-symbol .mu-archetype-badge[data-tribe-count="1"] .mu-archetype-symbol img{
  width:19px;
  height:19px;
}

.activity-empty{
  grid-column:1/-1;
  margin:10px 0;
  color:#b6c8d3;
}

/* HOME desktop: mismo espacio, sin scroll interno ni crecimiento del panel. */
@media (min-width:1101px){
  .competitive-activity,
  .competitive-activity>.container{
    height:100%;
    min-height:0;
    overflow:hidden;
  }

  .activity-carousel{
    height:calc(100% - 27px);
    min-height:0;
    overflow:hidden;
  }

  .activity-card{
    height:100%;
    min-height:0;
    grid-template-rows:66px minmax(0,1fr);
  }
}

@media (max-width:1100px){
  .competitive-activity>.container{height:auto;overflow:visible}
  .activity-carousel{
    height:auto;
    overflow:visible;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:226px;
  }
}

@media (max-width:560px){
  .activity-carousel{
    grid-template-columns:1fr;
    grid-auto-rows:220px;
  }
}


/* ==========================================================
   TORNEOS HOME V2 — TIPOGRAFÍA MÁS LEGIBLE, MISMO ALTO
   ========================================================== */
@media (min-width:1101px){
  .competitive-activity .activity-card{
    grid-template-rows:66px minmax(0,1fr) !important;
  }

  .competitive-activity .activity-card-body{
    padding:5px 7px 6px !important;
  }

  .competitive-activity .event-type{
    font-size:7.4px !important;
  }

  .competitive-activity .activity-card h3{
    font-size:10.6px !important;
    line-height:1.12 !important;
    min-height:27px !important;
  }

  .competitive-activity .event-facts{
    gap:2px !important;
    margin-top:4px !important;
  }

  .competitive-activity .event-fact{
    font-size:8.3px !important;
    line-height:1.05 !important;
  }

  .competitive-activity .event-fact-icon{
    width:12px !important;
    height:12px !important;
    flex-basis:12px !important;
  }

  .competitive-activity .event-result{
    padding-top:4px !important;
  }

  .competitive-activity .event-result small{
    font-size:6.9px !important;
  }

  .competitive-activity .event-result strong{
    font-size:8.8px !important;
  }

  .competitive-activity .event-result span{
    font-size:7.4px !important;
  }
}


/* ==========================================================
   TORNEOS HOME V2.1 — "VER TODOS" IGUAL A "VER RANKING COMPLETO"
   ========================================================== */
#home-page .competitive-activity .home-panel-link{
  font-size:10.5px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  line-height:1 !important;
}


/* ==========================================================
   TORNEOS HOME V2.2 — MÉTRICAS Y GANADOR MÁS GRANDES
   - agranda las 3 métricas
   - agranda "Ganador", nombre y mazo
   - ensancha el bloque del símbolo de tribu
   - mantiene 4 tarjetas en el mismo espacio y sin scroll
   ========================================================== */
@media (min-width:1101px){
  /* Le doy un poquito más de aire al bloque inferior
     quitándole apenas altura a la foto */
  .competitive-activity .activity-card{
    grid-template-rows:62px minmax(0,1fr) !important;
  }

  .competitive-activity .activity-card h3{
    font-size:10.8px !important;
    min-height:26px !important;
  }

  /* 3 métricas principales */
  .competitive-activity .event-facts{
    gap:3px !important;
    margin-top:4px !important;
  }

  .competitive-activity .event-fact{
    font-size:8.9px !important;
    line-height:1.08 !important;
  }

  .competitive-activity .event-fact-icon{
    width:13px !important;
    height:13px !important;
    flex-basis:13px !important;
  }

  /* bloque ganador */
  .competitive-activity .event-result{
    grid-template-columns:minmax(0,1fr) 40px !important;
    gap:6px !important;
    padding-top:5px !important;
  }

  .competitive-activity .event-result small{
    font-size:7.2px !important;
    margin-bottom:2px !important;
  }

  .competitive-activity .event-result strong{
    font-size:9.4px !important;
    line-height:1.08 !important;
  }

  .competitive-activity .event-result span{
    font-size:8.0px !important;
    line-height:1.06 !important;
  }

  /* símbolo / mini-card del arquetipo ganador */
  .competitive-activity .event-result-symbol{
    width:40px !important;
    height:46px !important;
    border-radius:6px !important;
  }

  .competitive-activity .event-result-symbol .mu-archetype-badge{
    width:36px !important;
    height:42px !important;
    flex-basis:36px !important;
  }

  .competitive-activity .event-result-symbol .mu-identity .mu-archetype-symbol img{
    width:17px !important;
    height:20px !important;
  }

  .competitive-activity .event-result-symbol .mu-archetype-badge[data-tribe-count="1"] .mu-archetype-symbol img{
    width:22px !important;
    height:22px !important;
  }
}

/* LAIREN HOME FEATURED TOURNAMENT LINKS V1: enlace nativo, sin JS */
#home-page .competitive-activity a.activity-card {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(253, 211, 74, 0.16);
  transition: border-color 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}
#home-page .competitive-activity a.activity-card:visited {
  color: inherit;
}
#home-page .competitive-activity a.activity-card:hover {
  border-color: #fff08a;
  box-shadow: inset 0 0 0 1px rgba(255, 224, 95, 0.40),
              0 0 15px rgba(255, 201, 48, 0.22);
  filter: brightness(1.10);
}
#home-page .competitive-activity a.activity-card:focus-visible {
  outline: 3px solid #52cdff;
  outline-offset: -4px;
  border-color: #fff08a;
  z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
  #home-page .competitive-activity a.activity-card { transition: none; }
}