/* =========================
   MOBILE — Team winners grid: 1 column + 95% centered
   ========================= */
@media (max-width: 900px){
  .team-winners-grid{
    grid-template-columns: 1fr !important; /* au lieu de 2 colonnes */
    width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* =========================
   MOBILE — Top 50 table => vertical cards (player-like)
   ========================= */
@media (max-width: 900px){

  /* hide header */
  .year-rankings-table thead{
    display: none !important;
  }

  /* table becomes "free-flow" */
  .year-rankings-table,
  .year-rankings-table tbody{
    display: block !important;
    width: 100% !important;
  }

  /* each row => card */
  .year-rankings-table tbody tr{
    display: block !important;
    margin: 16px 0 !important;
    padding: 14px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 14px !important;
    text-align: center !important;
  }

  /* default td layout: label/value */
  .year-rankings-table tbody tr > td{
    display: grid !important;
    grid-template-columns: 15% 85% !important;
    align-items: center !important;
    padding: 8px 0 !important;
    border: 0 !important;
    white-space: normal !important;
    text-align: center !important;
  }

  /* labels (since your Year table does NOT have data-label attrs) */
  .year-rankings-table tbody tr > td::before{
    opacity: .75;
    text-align: center !important;
    content: "";
  }
  .year-rankings-table tbody tr > td:nth-child(1)::before{ content: "#"; }
  .year-rankings-table tbody tr > td:nth-child(3)::before{ content: "Score"; }
  .year-rankings-table tbody tr > td:nth-child(4)::before{ content: "W"; }
  .year-rankings-table tbody tr > td:nth-child(5)::before{ content: "L"; }
  .year-rankings-table tbody tr > td:nth-child(6)::before{ content: "Decided"; }
  .year-rankings-table tbody tr > td:nth-child(7)::before{ content: "Winrate"; }

  /* Player cell becomes the "title" of the card */
  .year-rankings-table tbody tr > td.player-cell{
    display: block !important;
    padding-bottom: 12px !important;
      flex-direction: column !important;   /* 👈 vertical */
  align-items: center !important;
    font-size: 2.2rem !important;
    font-weight: 800 !important;
    text-align: center !important;
  }
  .year-rankings-table tbody tr > td.player-cell::before{
    content: "" !important;
  }

  /* Player cell inner layout: stack nicely */
  .year-rankings-table .player-cell{
    justify-content: center !important;
    flex-wrap: wrap !important;
    white-space: normal !important;
  }

  /* avatar a bit smaller on mobile */
  .year-rankings-table .rk-avatar{
    width: 56px !important;
    height: 56px !important;
  }

.team-winner-text .gold-anim{
  max-width: 400px;   /* laisse vivre les noms */
  overflow: hidden;
  text-align:center;
}

  /* winrate/gradient still readable */
  .year-rankings-table td.neon-anim,
  .year-rankings-table td.red-anim,
  .year-rankings-table td.green-anim,
  .year-rankings-table td.gold-anim{
    border-radius: 12px !important;
    padding: 12px 0 !important;
  }

  .year-nav-right
  {
  float:right;
  }

}