/* HOME-V11E-LATEST-JUMPS */


/* =========================================================
   LATEST RUNS / JUMPS SWITCH
   ========================================================= */

#tab-home .home-latest-switch-v1{
  display:inline-flex;

  align-items:center;

  padding:2px;

  gap:2px;

  border:
    1px solid rgba(255,255,255,.07);

  border-radius:8px;

  background:
    rgba(0,0,0,.16);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018);
}


#tab-home .home-latest-btn{
  min-width:56px;
  min-height:28px;

  padding:0 10px;

  border:0;
  border-radius:6px;

  background:transparent;

  color:#606d78;

  font-family:
    'Inter',
    system-ui,
    sans-serif;

  font-size:8px;
  font-weight:720;

  letter-spacing:.065em;

  cursor:pointer;

  transition:
    color .14s ease,
    background .14s ease;
}


#tab-home .home-latest-btn:hover{
  color:#aeb8c0;

  background:
    rgba(255,255,255,.025);
}


#tab-home .home-latest-btn.active{
  color:#edf2f5;

  background:
    rgba(255,255,255,.075);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035);
}


/* =========================================================
   CANONICAL PLAYER GLOW
   ========================================================= */

/*
 * Latest + Leaders now use the same markup philosophy as
 * Last Active 24h: getPlayerNameStyled() owns the exact
 * role/VIP color and its 0 0 4px glow.
 */

#tab-home .home-run-row-v3 .home-player-link-v3 > span,
#tab-home .home-leader-row-v3 .home-player-link-v3 > span{
  /*
   * Intentionally no color/text-shadow override.
   * Inline getPlayerNameStyled() is authoritative.
   */
}


/*
 * Community Chat receives the same 4px role glow whenever
 * the chat payload identifies a glowing role/VIP.
 */

#tab-home .community-chat-v2-name.is-glow{
  text-shadow:
    0 0 4px currentColor;
}


#tab-home
.community-chat-v2-name.is-glow
>
span:first-child{
  text-shadow:
    0 0 4px currentColor!important;
}


/* =========================================================
   SAME GEOMETRY — RUNS + LEADERS
   ========================================================= */

#home-latest-runs,
#home-points-leaders{
  width:100%!important;

  padding:
    7px 9px
    9px!important;

  box-sizing:border-box!important;
}


#tab-home .home-run-row-v3,
#tab-home .home-leader-row-v3{
  width:100%!important;

  min-height:70px!important;
  height:auto!important;

  margin:
    4px 0!important;

  padding:
    10px
    12px
    10px
    15px!important;

  box-sizing:border-box!important;
}


/* =========================================================
   LEADER PODIUM
   ========================================================= */

/*
 * Rank itself is now just typography.
 * No box, no outline, no extra card inside the row.
 */

#tab-home
.home-leader-row-v3
>
div:first-child{
  width:30px!important;
  height:auto!important;

  display:block!important;

  border:0!important;
  border-radius:0!important;

  background:transparent!important;

  box-shadow:none!important;

  font-size:12px!important;
  font-weight:780!important;

  letter-spacing:-.025em;

  text-align:left;

  font-variant-numeric:
    tabular-nums;
}


/* GOLD */

#tab-home
.home-leader-row-v3[data-home-rank="1"]{
  background:
    linear-gradient(
      90deg,
      rgba(205,168,76,.082),
      rgba(205,168,76,.028) 40%,
      rgba(255,255,255,.007)
    )!important;
}

#tab-home
.home-leader-row-v3[data-home-rank="1"]
>
div:first-child{
  color:#d2ac50!important;
}


/* SILVER */

#tab-home
.home-leader-row-v3[data-home-rank="2"]{
  background:
    linear-gradient(
      90deg,
      rgba(174,185,194,.070),
      rgba(174,185,194,.022) 40%,
      rgba(255,255,255,.007)
    )!important;
}

#tab-home
.home-leader-row-v3[data-home-rank="2"]
>
div:first-child{
  color:#b7c0c7!important;
}


/* BRONZE */

#tab-home
.home-leader-row-v3[data-home-rank="3"]{
  background:
    linear-gradient(
      90deg,
      rgba(174,118,79,.073),
      rgba(174,118,79,.023) 40%,
      rgba(255,255,255,.007)
    )!important;
}

#tab-home
.home-leader-row-v3[data-home-rank="3"]
>
div:first-child{
  color:#b77e58!important;
}


/* =========================================================
   LATEST METRIC
   ========================================================= */

#tab-home .home-latest-metric-v1{
  min-width:78px;

  padding:
    8px 10px;

  display:flex;
  align-items:baseline;
  justify-content:center;

  gap:5px;

  border:
    1px solid rgba(255,255,255,.055);

  border-radius:7px;

  background:
    rgba(0,0,0,.16);

  color:#edf2f5;

  font-size:12px;
  font-weight:690;

  font-variant-numeric:
    tabular-nums;

  white-space:nowrap;
}


#tab-home .home-latest-metric-v1.jump{
  color:#e3e9ed;
}


#tab-home .home-latest-metric-v1 span{
  color:#687680;

  font-size:7px;
  font-weight:720;

  letter-spacing:.075em;
}


/*
 * Kill the old generic right-column styling because the
 * explicit metric component now owns it.
 */

#tab-home
.home-run-row-v3
>
.home-latest-metric-v1{
  min-width:78px!important;

  padding:
    8px 10px!important;

  border:
    1px solid rgba(255,255,255,.055)!important;

  border-radius:7px!important;

  background:
    rgba(0,0,0,.16)!important;

  box-shadow:none!important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:760px){

  #tab-home .home-latest-switch-v1{
    gap:1px;

    border-radius:7px;
  }


  #tab-home .home-latest-btn{
    min-width:47px;
    min-height:27px;

    padding:
      0 7px;

    border-radius:5px;

    font-size:7px;
  }


  #tab-home .home-run-row-v3,
  #tab-home .home-leader-row-v3{
    min-height:66px!important;

    padding:
      9px
      9px
      9px
      12px!important;
  }


  #tab-home
  .home-leader-row-v3
  >
  div:first-child{
    width:27px!important;

    font-size:11px!important;
  }


  #tab-home .home-latest-metric-v1,
  #tab-home
  .home-run-row-v3
  >
  .home-latest-metric-v1{
    min-width:62px!important;

    padding:
      7px 6px!important;

    font-size:10px;
  }


  #tab-home .home-latest-metric-v1 span{
    font-size:6px;
  }

}