/* HOME-V12-1-ACTIVITY-CHIPS */


/* =========================================================
   ACTIVE PLAYERS
   Restore the clearer sectioned chip layout,
   but keep the current V12 visual language.
   ========================================================= */

#tab-home .home-activity-v2{
  display:grid!important;
  grid-template-columns:1fr!important;

  gap:0!important;

  padding:0!important;

  background:
    rgba(0,0,0,.025)!important;
}


/* ---------------------------------------------------------
   SECTIONS
   --------------------------------------------------------- */

#tab-home .home-activity-section-v2{
  min-width:0!important;

  padding:
    13px 16px 15px!important;
}


#tab-home
.home-activity-section-v2
+
.home-activity-section-v2{
  border-left:0!important;

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


/* ---------------------------------------------------------
   SECTION HEADERS
   --------------------------------------------------------- */

#tab-home .home-activity-head-v2{
  min-height:26px!important;

  display:flex!important;

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

  gap:12px!important;

  margin:0 0 7px!important;

  padding:
    0 1px 8px!important;

  border-bottom:0!important;
}


#tab-home .home-activity-title-v2{
  color:#7e8b96!important;

  font-size:9px!important;
  font-weight:690!important;

  letter-spacing:.09em!important;

  text-transform:uppercase!important;
}


#tab-home .home-activity-count-v2{
  flex:0 0 auto!important;

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

  border:0!important;

  background:none!important;

  color:#65727d!important;

  font-size:8px!important;
  font-weight:700!important;

  letter-spacing:.055em!important;
}


#tab-home #home-active-now-count{
  color:#6ea98b!important;
}


/* ---------------------------------------------------------
   CHIP LAYOUT
   --------------------------------------------------------- */

#tab-home .home-activity-list-v2{
  width:100%!important;
  min-width:0!important;

  display:flex!important;

  flex-wrap:wrap!important;

  align-items:center!important;

  gap:
    7px 8px!important;

  overflow:visible!important;
}


/* ---------------------------------------------------------
   PLAYER CHIP
   --------------------------------------------------------- */

#tab-home .home-player-v2{
  width:auto!important;
  min-width:0!important;

  min-height:0!important;
  height:34px!important;

  flex:
    0 0 auto!important;

  display:inline-flex!important;

  align-items:center!important;

  gap:6px!important;

  margin:0!important;

  padding:
    0 9px!important;

  box-sizing:border-box!important;

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

  border-radius:7px!important;

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

  box-shadow:none!important;

  transform:none!important;

  transition:
    background .14s ease,
    border-color .14s ease!important;
}


#tab-home .home-player-v2:hover{
  border-color:
    rgba(255,255,255,.095)!important;

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

  transform:none!important;
}


/* Active now gets a tiny live accent, without becoming a row */

#tab-home .home-player-v2.current{
  border-color:
    rgba(56,201,135,.10)!important;

  background:
    linear-gradient(
      90deg,
      rgba(56,201,135,.035),
      rgba(255,255,255,.014) 72%
    )!important;

  box-shadow:
    inset 2px 0 0 rgba(56,201,135,.45)!important;
}


/* Recently active remains calmer */

#tab-home
#home-active-recent
.home-player-v2{
  border-color:
    rgba(255,255,255,.055)!important;

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

  box-shadow:none!important;
}


#tab-home
#home-active-recent
.home-player-v2:hover{
  border-color:
    rgba(255,255,255,.09)!important;

  background:
    rgba(255,255,255,.024)!important;
}


/* ---------------------------------------------------------
   PLAYER CONTENT
   --------------------------------------------------------- */

#tab-home .home-player-flag-v2{
  width:15px!important;
  height:10px!important;

  flex:0 0 auto!important;

  border-radius:1px!important;

  opacity:.88!important;
}


#tab-home
.home-player-v2
.home-player-link-v3{
  min-width:0!important;

  max-width:190px!important;

  flex:
    0 1 auto!important;

  display:inline-flex!important;

  align-items:center!important;

  gap:3px!important;

  overflow:hidden!important;

  white-space:nowrap!important;
  text-overflow:ellipsis!important;

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

  cursor:pointer!important;
}


/*
 * Keep the chip clean like the original design.
 * Source/time data stays in DOM, but is not visually shown here.
 */

#tab-home .home-player-source-v2,
#tab-home .home-player-time-v2{
  display:none!important;
}


/*
 * Recent rows used an activity dot in the newer list design.
 * Old compact chip layout did not need it.
 */

#tab-home
#home-active-recent
.activity-dot{
  display:none!important;
}


/* ---------------------------------------------------------
   EMPTY STATES
   --------------------------------------------------------- */

#tab-home .home-activity-empty-v2{
  width:100%!important;

  min-height:38px!important;

  display:flex!important;

  align-items:center!important;

  color:#596772!important;

  font-size:10px!important;
}


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

@media(max-width:760px){

  #tab-home .home-activity-section-v2{
    padding:
      11px 10px 13px!important;
  }


  #tab-home
  .home-activity-section-v2
  +
  .home-activity-section-v2{
    border-top:
      1px solid rgba(255,255,255,.055)!important;
  }


  #tab-home .home-activity-head-v2{
    min-height:24px!important;

    margin-bottom:6px!important;

    padding:
      0 1px 7px!important;
  }


  #tab-home .home-activity-list-v2{
    gap:
      6px!important;
  }


  #tab-home .home-player-v2{
    height:32px!important;

    padding:
      0 8px!important;

    gap:5px!important;

    border-radius:7px!important;
  }


  #tab-home
  .home-player-v2
  .home-player-link-v3{
    max-width:
      min(180px,55vw)!important;

    font-size:11.5px!important;
  }


  #tab-home .home-player-flag-v2{
    width:14px!important;
    height:9px!important;
  }

}


/* HOME-V12-4-REGISTRATION-ACTIVITY */
#tab-home .home-player-v3.home-player-v2{
  border-color:rgba(255,255,255,.04)!important;
  background:rgba(255,255,255,.014)!important;
}
#tab-home .home-player-v3.home-player-v2.current{
  border-color:rgba(56,201,135,.055)!important;
  background:rgba(255,255,255,.030)!important;
  box-shadow:inset 1px 0 0 rgba(56,201,135,.18)!important;
}
#tab-home #home-active-recent .home-player-v3.home-player-v2{
  border-color:rgba(255,255,255,.035)!important;
  background:rgba(255,255,255,.011)!important;
  box-shadow:none!important;
}
#tab-home .home-player-v3.home-player-v2:hover{
  transform:none!important;
  background:rgba(255,255,255,.025)!important;
}
#tab-home .home-player-v3 .home-unregistered-name-v124{
  color:#87919a!important;
  text-shadow:none!important;
  filter:none!important;
}
/* HOME-V12-4-ACTIVITY-POLISH */
#tab-home .home-player-v3 .home-player-link-v3,
#tab-home .home-player-v3 .home-player-link-v3 > span{
  font-weight:400!important;
}
#tab-home .home-player-v3 .home-player-link-v3 > span[style*="text-shadow"]{
  text-shadow:0 0 4px currentColor!important;
}

/* HOME-V12-5-ACTIVITY-IDENTITY */
#tab-home .home-player-v3.home-player-v2,
#tab-home #home-active-recent .home-player-v3.home-player-v2{
  border:0!important;
  background:rgba(255,255,255,.018)!important;
  box-shadow:none!important;
}
#tab-home .home-player-v3.home-player-v2.current,
#tab-home #home-active-recent .home-player-v3.home-player-v2.current{
  background:linear-gradient(90deg,rgba(56,201,135,.075),rgba(255,255,255,.018) 78%)!important;
  box-shadow:inset 2px 0 0 rgba(56,201,135,.34),0 0 10px rgba(56,201,135,.055)!important;
}
#tab-home .home-player-v3.home-player-v2.discord-connected,
#tab-home #home-active-recent .home-player-v3.home-player-v2.discord-connected{
  background:linear-gradient(90deg,rgba(111,88,215,.085),rgba(255,255,255,.018) 78%)!important;
  box-shadow:inset 2px 0 0 rgba(111,88,215,.40),0 0 10px rgba(111,88,215,.06)!important;
}
#tab-home .home-player-v3.home-player-v2.current.discord-connected,
#tab-home #home-active-recent .home-player-v3.home-player-v2.current.discord-connected{
  background:linear-gradient(90deg,rgba(56,201,135,.075),rgba(255,255,255,.018) 48%,rgba(111,88,215,.08))!important;
  box-shadow:inset 2px 0 0 rgba(56,201,135,.34),inset -2px 0 0 rgba(111,88,215,.40)!important;
}
#tab-home .home-player-v3.home-player-v2:hover,
#tab-home #home-active-recent .home-player-v3.home-player-v2:hover{
  filter:brightness(1.08);
  transform:none!important;
}

/* HOME-V12-6-RECENT-ROLE-COLOR */
#tab-home #home-active-recent .home-player-v3.home-player-v2.current{
  background:rgba(255,255,255,.018)!important;
  box-shadow:none!important;
}
#tab-home #home-active-recent .home-player-v3.home-player-v2.current.discord-connected{
  background:linear-gradient(90deg,rgba(111,88,215,.085),rgba(255,255,255,.018) 78%)!important;
  box-shadow:inset 2px 0 0 rgba(111,88,215,.40),0 0 10px rgba(111,88,215,.06)!important;
}

/* HOME-V12-7-VIP-CHIPS */
#tab-home .home-vip-card{
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:34px!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  gap:6px!important;
  margin:0!important;
  padding:0 9px!important;
  border:0!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.018)!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background .14s ease,filter .14s ease!important;
}
#tab-home .home-vip-card:hover{
  border:0!important;
  background:rgba(255,255,255,.027)!important;
  filter:brightness(1.08);
  transform:none!important;
}
#tab-home .home-vip-card > img{
  width:15px!important;
  height:10px!important;
  opacity:.88!important;
  flex:0 0 auto!important;
}
#tab-home .home-vip-card .home-player-link-v3{
  min-width:0!important;
  max-width:190px!important;
  display:inline-flex!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-size:12px!important;
  font-weight:400!important;
}
#tab-home .home-vip-card .home-player-link-v3 > span{
  font-weight:400!important;
}
#tab-home .home-vip-card .home-player-link-v3 > span[style*="text-shadow"]{
  text-shadow:0 0 4px currentColor!important;
}
@media(max-width:760px){
  #tab-home .home-vip-card .home-player-link-v3{
    max-width:min(180px,55vw)!important;
    font-size:11.5px!important;
  }
  #tab-home .home-vip-card > img{
    width:14px!important;
    height:9px!important;
  }
}