/* Gamers & Collectors — Home Community Activity V2 */

.gcHomeActivityV2Section{
  position:relative;
  overflow:hidden;
  border-color:rgba(80,221,235,.15)!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(37,199,216,.12),transparent 32%),
    linear-gradient(145deg,rgba(10,31,39,.95),rgba(9,23,31,.96))!important;
}

.gcHomeActivityV2Section::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(89,232,242,.48),transparent);
  pointer-events:none;
}

.gcHomeActivityV2Tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:2px 0 16px;
  padding:6px;
  border:1px solid rgba(114,229,239,.12);
  border-radius:18px;
  background:rgba(2,14,20,.52);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.gcHomeActivityV2Tab{
  min-width:0;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:10px 8px;
  border:1px solid transparent;
  border-radius:13px;
  background:transparent;
  color:#78939d;
  font:inherit;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}

.gcHomeActivityV2Tab:hover{
  color:#d9f7f8;
  background:rgba(58,202,216,.07);
}

.gcHomeActivityV2Tab:active{transform:scale(.98)}

.gcHomeActivityV2Tab.isActive{
  color:#8ff2f7;
  border-color:rgba(86,225,237,.22);
  background:linear-gradient(145deg,rgba(44,190,207,.18),rgba(102,78,212,.11));
  box-shadow:0 10px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04);
}

.gcHomeActivityV2TabIcon{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(255,255,255,.045);
  color:#75e7ef;
  font-size:12px;
}

.gcHomeActivityV2TabCount{
  min-width:22px;
  height:22px;
  display:grid;
  place-items:center;
  padding:0 6px;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  color:#9db2ba;
  font-size:9px;
  line-height:1;
}

.gcHomeActivityV2Tab.isActive .gcHomeActivityV2TabCount{
  background:rgba(89,226,238,.14);
  color:#c5fbff;
}

.gcHomeActivityV2PanelHeader{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 0 10px;
  padding:0 2px;
}

.gcHomeActivityV2PanelHeader > div{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.gcHomeActivityV2PanelHeader span:first-child{
  color:#5ce1eb;
  font-size:9px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.gcHomeActivityV2PanelHeader strong{
  color:#f4fbfc;
  font-size:14px;
  line-height:1.25;
}

.gcHomeActivityV2Live{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border:1px solid rgba(77,224,176,.18);
  border-radius:999px;
  background:rgba(34,179,124,.08);
  color:#75e8bd!important;
  font-size:9px!important;
  letter-spacing:.08em!important;
}

.gcHomeActivityV2Live::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#54dfae;
  box-shadow:0 0 0 4px rgba(84,223,174,.09);
}

.gcHomeActivityV2Card{
  position:relative;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:12px;
  margin:0 0 10px;
  padding:15px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(23,45,54,.83),rgba(15,31,39,.86));
  box-shadow:0 12px 34px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025);
  transition:border-color .18s ease,transform .18s ease,background .18s ease;
}

.gcHomeActivityV2Card:hover{
  transform:translateY(-1px);
  border-color:rgba(91,224,235,.16);
  background:linear-gradient(145deg,rgba(25,50,59,.9),rgba(15,34,42,.9));
}

.gcHomeActivityV2Card::after{
  content:"";
  position:absolute;
  left:0;
  top:16px;
  bottom:16px;
  width:2px;
  border-radius:999px;
  background:#56dfe9;
  opacity:.55;
}

.gcHomeActivityV2Card--platinum::after{background:#c7a7ff}
.gcHomeActivityV2Card--completed::after{background:#65dfb0}
.gcHomeActivityV2Card--wishlist::after{background:#ff8dc5}
.gcHomeActivityV2Card--badge::after{background:#f4c966}
.gcHomeActivityV2Card--rank::after{background:#9f88ff}

.gcHomeActivityV2AvatarButton{
  width:46px;
  height:46px;
  padding:0;
  border:1px solid rgba(89,224,235,.16);
  border-radius:15px;
  overflow:hidden;
  background:rgba(2,16,22,.75);
  cursor:pointer;
}

.gcHomeActivityV2AvatarButton img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.gcHomeActivityV2AvatarFallback{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:#76e8f0;
  font-size:10px;
  font-weight:950;
}

.gcHomeActivityV2Body{min-width:0}

.gcHomeActivityV2Sentence{
  color:#d8e5e9;
  font-size:13px;
  line-height:1.48;
}

.gcHomeActivityV2Sentence strong{
  color:#fff;
  font-weight:900;
}

.gcHomeActivityV2Member{
  display:inline;
  padding:0;
  border:0;
  background:none;
  color:#5ee2ec;
  font:inherit;
  font-weight:950;
  cursor:pointer;
}

.gcHomeActivityV2Member:hover{text-decoration:underline}

.gcHomeActivityV2Expand{
  margin:9px 0 0;
  padding:0;
  border:0;
  background:none;
  color:#68e3ed;
  font:inherit;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}

.gcHomeActivityV2Games{
  display:grid;
  gap:6px;
  margin:10px 0 0;
}

.gcHomeActivityV2Games[hidden]{display:none!important}

.gcHomeActivityV2GameRow{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:12px;
  background:rgba(3,18,24,.55);
  color:#cfe0e4;
  font:inherit;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease;
}

.gcHomeActivityV2GameRow:hover{
  background:rgba(33,155,169,.09);
  border-color:rgba(80,218,230,.14);
}

.gcHomeActivityV2GameTitle{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:left;
  font-size:11px;
  font-weight:850;
}

.gcHomeActivityV2Score{
  flex:0 0 auto;
  padding:5px 8px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(246,196,71,.15),rgba(239,142,56,.09));
  color:#ffd878;
  font-size:10px;
  font-weight:950;
}

.gcHomeActivityV2Arrow{color:#5adce7;font-size:15px}

.gcHomeActivityV2Meta{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:10px;
  color:#6f8790;
  font-size:9px;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.gcHomeActivityV2Meta span:first-child{
  padding:5px 8px;
  border:1px solid rgba(90,223,235,.12);
  border-radius:999px;
  background:rgba(48,173,187,.07);
  color:#79e8ef;
}

.gcHomeActivityV2Empty{
  min-height:180px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:28px 18px;
  border:1px dashed rgba(99,223,234,.14);
  border-radius:18px;
  background:rgba(4,18,24,.38);
  text-align:center;
}

.gcHomeActivityV2EmptyIcon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(91,225,236,.14);
  border-radius:15px;
  background:rgba(40,175,190,.08);
  color:#63e0ea;
  font-size:18px;
}

.gcHomeActivityV2Empty strong{color:#eef9fa;font-size:13px}
.gcHomeActivityV2Empty > span:last-child{color:#78909a;font-size:11px}

.gcHomeActivityV2Section .gcHomeLoadMore{
  margin-top:12px;
  border-color:rgba(88,226,238,.17);
  background:linear-gradient(145deg,rgba(34,163,178,.12),rgba(75,60,169,.08));
}

@media (max-width:680px){
  .gcHomeActivityV2Tabs{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
  }

  .gcHomeActivityV2Tab{
    justify-content:flex-start;
    min-height:44px;
    padding:8px 9px;
  }

  .gcHomeActivityV2TabCount{margin-left:auto}

  .gcHomeActivityV2Card{
    grid-template-columns:42px minmax(0,1fr);
    gap:10px;
    padding:13px;
    border-radius:16px;
  }

  .gcHomeActivityV2AvatarButton{
    width:42px;
    height:42px;
    border-radius:13px;
  }

  .gcHomeActivityV2Sentence{font-size:12px}
}