/* HOME-V11F-FRONTEND-FINAL */


/* ==========================================================
   FINAL PANEL HEADERS
   ========================================================== */

#tab-home .home-section-head-v11f{
  position:relative;

  min-height:63px!important;

  padding:
    0 15px!important;

  display:flex!important;

  align-items:center!important;
  justify-content:space-between!important;

  gap:14px!important;

  border-bottom:
    1px solid rgba(255,255,255,.064)!important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.029),
      rgba(255,255,255,.010) 72%,
      rgba(0,0,0,.025)
    )!important;
}


#tab-home .home-section-head-v11f::before{
  content:"";

  position:absolute;

  top:0;
  left:0;
  right:0;

  height:1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.095),
      transparent
    );

  opacity:.7;
}


#tab-home .home-section-head-v11f::after{
  content:none!important;
  display:none!important;
}


#tab-home .home-head-copy-v11f{
  min-width:0;

  display:flex;
  flex-direction:column;

  align-items:flex-start;
  justify-content:center;

  gap:5px;
}


#tab-home .home-head-title-v11f{
  color:#e7ecef;

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

  font-size:10px;
  font-weight:780;

  line-height:1;

  letter-spacing:.09em;

  text-transform:uppercase;
}


#tab-home .home-head-sub-v11f{
  color:#53616b;

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

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

  line-height:1;

  letter-spacing:.08em;

  text-transform:uppercase;
}


/* ==========================================================
   SEGMENTED CONTROLS
   ========================================================== */

#tab-home .home-latest-switch-v1,
#tab-home .home-leader-switch-v1{
  padding:3px!important;

  gap:2px!important;

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

  border-radius:9px!important;

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

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


#tab-home .home-latest-btn,
#tab-home .home-leader-btn{
  min-height:29px!important;

  border-radius:6px!important;
}


#tab-home .home-latest-btn.active,
#tab-home .home-leader-btn.active{
  color:#eef2f4!important;

  background:
    rgba(255,255,255,.078)!important;

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


/* ==========================================================
   FEED GEOMETRY
   ========================================================== */

#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-jump-row-v11f,
#tab-home .home-leader-row-v3{
  width:100%!important;

  min-height:70px!important;

  margin:
    4px 0!important;

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

  box-sizing:border-box!important;

  border:0!important;

  border-radius:7px!important;

  box-shadow:none!important;

  transition:
    background .14s ease,
    transform .14s ease!important;
}


#tab-home .home-run-row-v3:hover,
#tab-home .home-jump-row-v11f:hover,
#tab-home .home-leader-row-v3:hover{
  transform:
    translateY(-1px)!important;
}


/* ==========================================================
   RUNS
   ========================================================== */

#tab-home .home-run-row-v3{
  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    auto!important;

  align-items:center!important;

  gap:12px!important;
}


#tab-home .home-run-main-v11f{
  min-width:0;

  display:flex;

  align-items:center;

  gap:10px;
}


#tab-home .home-run-map-v11f{
  width:56px;
  height:32px;

  flex-shrink:0;

  object-fit:cover;

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

  border-radius:5px;
}


#tab-home .home-run-copy-v11f{
  min-width:0;
  flex:1;
}


#tab-home .home-run-player-v11f{
  min-width:0;

  display:flex;

  align-items:center;

  gap:7px;
}


#tab-home .home-run-meta-v11f{
  margin-top:5px;

  color:var(--dim);

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

  font-size:9px;

  letter-spacing:.04em;
}


/* ==========================================================
   TRUE LATEST JUMPS
   ========================================================== */

#tab-home .home-jump-row-v11f{
  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    auto!important;

  align-items:center!important;

  gap:12px!important;

  background:
    linear-gradient(
      90deg,
      rgba(58,114,148,.068),
      rgba(255,255,255,.014) 44%,
      rgba(255,255,255,.006)
    )!important;
}


#tab-home .home-jump-row-v11f:hover{
  background:
    linear-gradient(
      90deg,
      rgba(58,114,148,.095),
      rgba(255,255,255,.024) 44%,
      rgba(255,255,255,.009)
    )!important;
}


#tab-home .home-jump-main-v11f{
  min-width:0;

  display:flex;

  align-items:center;

  gap:10px;
}


#tab-home .home-jump-copy-v11f{
  min-width:0;
  flex:1;
}


#tab-home .home-jump-player-v11f{
  min-width:0;

  display:flex;

  align-items:center;

  gap:7px;
}


#tab-home .home-jump-flag-v11f,
#tab-home .home-leader-flag-v11f{
  height:11px;
  width:auto;

  flex-shrink:0;

  opacity:.9;
}


#tab-home .home-jump-meta-v11f{
  margin-top:5px;

  display:flex;

  align-items:center;
  flex-wrap:wrap;

  color:#596872;

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

  font-size:8px;

  letter-spacing:.035em;
}


#tab-home
.home-jump-meta-v11f
span{
  display:inline-flex;
  align-items:center;
}


#tab-home
.home-jump-meta-v11f
span:not(:last-child)::after{
  content:"·";

  margin:
    0 5px;

  color:#35434c;
}


/* ==========================================================
   JUMP TYPE BADGES
   ========================================================== */

#tab-home .home-jump-type-v11f{
  width:61px;
  height:36px;

  flex:
    0 0 61px;

  display:flex;

  align-items:center;
  justify-content:center;

  box-sizing:border-box;

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

  border-radius:7px;

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

  color:#9ba7ae;

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

  font-size:9px;
  font-weight:800;

  line-height:1;

  letter-spacing:.055em;
}


#tab-home
.home-jump-type-v11f.jump-tone-lj{
  color:#70b8dc;

  border-color:
    rgba(83,165,205,.17);

  background:
    rgba(83,165,205,.09);
}


#tab-home
.home-jump-type-v11f.jump-tone-cj{
  color:#b69bda;

  border-color:
    rgba(164,126,211,.17);

  background:
    rgba(164,126,211,.085);
}


#tab-home
.home-jump-type-v11f.jump-tone-wj{
  color:#d5a06d;

  border-color:
    rgba(204,144,84,.17);

  background:
    rgba(204,144,84,.085);
}


#tab-home
.home-jump-type-v11f.jump-tone-bhop{
  color:#88bca5;

  border-color:
    rgba(91,169,134,.17);

  background:
    rgba(91,169,134,.085);
}


#tab-home
.home-jump-type-v11f.jump-tone-duck{
  color:#9badd2;

  border-color:
    rgba(120,145,194,.17);

  background:
    rgba(120,145,194,.085);
}


#tab-home
.home-jump-type-v11f.jump-tone-ladder{
  color:#78b9b7;

  border-color:
    rgba(79,167,163,.17);

  background:
    rgba(79,167,163,.085);
}


#tab-home
.home-jump-type-v11f.jump-tone-up{
  color:#c2ac72;

  border-color:
    rgba(188,158,82,.17);

  background:
    rgba(188,158,82,.085);
}


/* ==========================================================
   SINGLE METRIC SYSTEM
   TIME / JUMP DISTANCE / POINTS / LEVEL / ELO
   ========================================================== */

#tab-home .home-metric-pill-v11f{
  min-width:84px;
  height:34px;

  padding:
    0 10px;

  display:inline-flex;

  align-items:center;
  justify-content:center;

  gap:5px;

  box-sizing:border-box;

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

  border-radius:7px;

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

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

  white-space:nowrap;
}


#tab-home .home-metric-pill-v11f strong{
  color:#e6ebee;

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

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

  line-height:1;

  font-variant-numeric:
    tabular-nums;
}


#tab-home .home-metric-pill-v11f span{
  color:#64727d;

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

  font-size:6px;
  font-weight:760;

  line-height:1;

  letter-spacing:.075em;

  text-transform:uppercase;
}


#tab-home
.home-jump-metric-v11f strong{
  color:#dfe9ee;
}


/* ==========================================================
   LEADER ROWS
   ========================================================== */

#tab-home .home-leader-row-v3{
  display:grid!important;

  grid-template-columns:
    30px
    minmax(0,1fr)
    auto!important;

  align-items:center!important;

  gap:8px!important;
}


#tab-home .home-leader-player-v11f{
  min-width:0;

  display:flex;

  align-items:center;

  gap:7px;
}


/*
 * Kill every old rank badge/background treatment.
 */

#tab-home .home-rank-number-v11f,
#tab-home
.home-leader-row-v3
>
.home-rank-number-v11f,
#tab-home
.home-leader-row-v3[data-home-rank="1"]
>
.home-rank-number-v11f,
#tab-home
.home-leader-row-v3[data-home-rank="2"]
>
.home-rank-number-v11f,
#tab-home
.home-leader-row-v3[data-home-rank="3"]
>
.home-rank-number-v11f{
  width:30px!important;
  min-width:30px!important;

  height:auto!important;
  min-height:0!important;

  padding:0!important;
  margin:0!important;

  display:block!important;

  position:static!important;

  border:0!important;
  outline:0!important;

  border-radius:0!important;

  background:none!important;
  background-color:transparent!important;
  background-image:none!important;

  box-shadow:none!important;

  filter:none!important;

  text-shadow:none!important;

  overflow:visible!important;

  color:#596772;

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

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

  line-height:1!important;

  letter-spacing:-.025em!important;

  text-align:left!important;

  font-variant-numeric:
    tabular-nums!important;
}


#tab-home .home-rank-number-v11f::before,
#tab-home .home-rank-number-v11f::after{
  content:none!important;

  display:none!important;

  width:0!important;
  height:0!important;

  background:none!important;
  box-shadow:none!important;
}


/* GOLD */

#tab-home
.home-leader-row-v3[data-home-rank="1"]{
  background:
    linear-gradient(
      90deg,
      rgba(207,168,69,.100),
      rgba(207,168,69,.034) 44%,
      rgba(255,255,255,.006)
    )!important;
}


#tab-home
.home-leader-row-v3[data-home-rank="1"]
>
.home-rank-number-v11f{
  color:#d7ae4c!important;
}


/* SILVER */

#tab-home
.home-leader-row-v3[data-home-rank="2"]{
  background:
    linear-gradient(
      90deg,
      rgba(175,186,195,.090),
      rgba(175,186,195,.030) 44%,
      rgba(255,255,255,.006)
    )!important;
}


#tab-home
.home-leader-row-v3[data-home-rank="2"]
>
.home-rank-number-v11f{
  color:#b9c2c9!important;
}


/* BRONZE */

#tab-home
.home-leader-row-v3[data-home-rank="3"]{
  background:
    linear-gradient(
      90deg,
      rgba(181,119,77,.093),
      rgba(181,119,77,.030) 44%,
      rgba(255,255,255,.006)
    )!important;
}


#tab-home
.home-leader-row-v3[data-home-rank="3"]
>
.home-rank-number-v11f{
  color:#bc7e55!important;
}


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

@media(max-width:760px){

  #tab-home .home-section-head-v11f{
    min-height:60px!important;

    padding:
      0 11px!important;

    gap:8px!important;
  }


  #tab-home .home-head-title-v11f{
    font-size:9px;
  }


  #tab-home .home-head-sub-v11f{
    font-size:5.5px;
  }


  #tab-home .home-latest-btn,
  #tab-home .home-leader-btn{
    min-width:44px!important;
    min-height:27px!important;

    padding:
      0 6px!important;

    font-size:7px!important;
  }


  #tab-home .home-run-map-v11f{
    width:48px;
    height:29px;
  }


  #tab-home .home-jump-type-v11f{
    width:48px;
    height:33px;

    flex-basis:48px;

    font-size:8px;
  }


  #tab-home .home-metric-pill-v11f{
    min-width:66px;
    height:31px;

    padding:
      0 7px;

    gap:4px;
  }


  #tab-home .home-metric-pill-v11f strong{
    font-size:10px;
  }


  #tab-home .home-metric-pill-v11f span{
    font-size:5.5px;
  }


  #tab-home .home-leader-row-v3{
    grid-template-columns:
      27px
      minmax(0,1fr)
      auto!important;
  }


  #tab-home .home-rank-number-v11f{
    width:27px!important;
    min-width:27px!important;

    font-size:11px!important;
  }


  #tab-home .home-jump-meta-v11f{
    font-size:7px;
  }

}