/* =========================================================
   V21 — cleaner competitive dashboard / FACEIT-like feel
   ========================================================= */

#tab-player .profile-points-category-v13{
  margin:0 0 12px 0;
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
  background:linear-gradient(
    180deg,
    rgba(255,255,255,.018) 0%,
    rgba(255,255,255,.010) 100%
  );
  overflow:hidden;
}

#tab-player .profile-points-category-v13:last-child{
  margin-bottom:0;
}

#tab-player .profile-points-category-v13 > summary{
  display:grid;
  grid-template-columns:
    minmax(220px,1.4fr)
    96px
    96px
    110px
    28px;
  align-items:center;
  gap:14px;
  min-height:72px;
  padding:0 18px;
  cursor:pointer;
  list-style:none;
  transition:
    background .18s ease,
    border-color .18s ease;
}

#tab-player .profile-points-category-v13 > summary::-webkit-details-marker{
  display:none;
}

#tab-player .profile-points-category-v13 > summary:hover{
  background:rgba(255,255,255,.025);
}

#tab-player .profile-points-category-v13[open] > summary{
  background:rgba(255,255,255,.03);
  border-bottom:1px solid rgba(255,255,255,.05);
}

#tab-player .profile-points-cat-name-v13{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

#tab-player .profile-points-cat-dot-v13{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  box-shadow:0 0 10px currentColor;
}

#tab-player .profile-points-cat-name-v13 strong{
  overflow:hidden;
  color:#eef3f7;
  font-size:15px;
  font-weight:700;
  letter-spacing:-0.01em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#tab-player .profile-points-cell-v13{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:4px;
}

#tab-player .profile-points-mobile-label-v13{
  color:#6f7b86;
  font-size:10px;
  font-weight:700;
  letter-spacing:.10em;
  text-transform:uppercase;
}

#tab-player .profile-points-cell-v13 strong{
  color:#f3f7fb;
  font-size:18px;
  font-weight:750;
  line-height:1;
  font-variant-numeric:tabular-nums;
}

#tab-player .profile-points-earned-v13 strong{
  color:#ffffff;
}

#tab-player .profile-points-chevron-v13{
  width:28px;
  min-width:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#7d8994;
}

#tab-player .profile-points-chevron-v13 svg{
  display:block;
  transition:transform .18s ease;
  transform:rotate(0deg);
}

#tab-player .profile-points-category-v13[open] .profile-points-chevron-v13 svg{
  transform:rotate(180deg);
}

/* expanded area */
#tab-player .profile-points-maps-wrap-v13,
#tab-player .profile-points-maps-wrap-v14{
  padding:14px 18px 18px;
  background:rgba(0,0,0,.10);
}

/* tabs */
#tab-player .profile-points-map-tabs-v14{
  display:inline-flex;
  gap:8px;
  padding:4px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:12px;
  background:rgba(255,255,255,.018);
  margin-bottom:16px;
}

#tab-player .profile-points-map-tab-v14{
  min-height:36px;
  padding:0 14px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#97a3ae;
  font-size:12px;
  font-weight:700;
  letter-spacing:.01em;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

#tab-player .profile-points-map-tab-v14 strong{
  font-size:11px;
  font-weight:800;
  color:#dfe7ee;
  padding:2px 7px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
}

#tab-player .profile-points-map-tab-v14.active{
  color:#ffffff;
  background:rgba(255,255,255,.06);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}

/* map panes */
#tab-player .profile-points-map-pane-v14{
  margin-top:2px;
}

#tab-player .profile-points-map-pane-v14 > div:first-child{
  color:#71808c !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  margin-bottom:10px !important;
}

/* maps list */
#tab-player .profile-points-map-list-v13{
  display:grid;
  gap:10px;
}

#tab-player .profile-points-map-v13{
  display:grid;
  grid-template-columns:
    18px
    minmax(180px,1fr)
    minmax(260px,auto);
  align-items:center;
  gap:12px;
  min-height:48px;
  padding:0 2px;
  border-bottom:1px solid rgba(255,255,255,.045);
}

#tab-player .profile-points-map-v13:last-child{
  border-bottom:0;
}

#tab-player .profile-points-map-state-v14{
  width:18px;
  flex:0 0 18px;
  font-size:12px;
  font-weight:800;
}

#tab-player .profile-points-map-state-v14.is-complete{
  color:#57d489;
}

#tab-player .profile-points-map-state-v14.is-missing{
  color:#64707b;
}

#tab-player .profile-points-map-v13 > span:nth-child(2){
  color:#e6edf3;
  font-size:14px;
  font-weight:650;
  line-height:1.35;
  word-break:break-word;
}

/* fps chips */
#tab-player .profile-points-fps-v18{
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:6px;
  font-family:'Inter',system-ui,sans-serif;
  font-size:12px;
  font-weight:700;
  line-height:1.25;
  text-align:right;
}

#tab-player .profile-points-fps-paren-v18{
  display:none;
}

#tab-player .profile-points-fps-slot-v18{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:24px;
  padding:0 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.055);
  background:rgba(255,255,255,.02);
  color:#67737e;
  opacity:1;
}

#tab-player .profile-points-fps-slot-v18.is-done{
  color:#59dd8f;
  background:rgba(54,179,93,.12);
  border-color:rgba(89,221,143,.18);
}

#tab-player .profile-points-fps-slot-v18.is-missing{
  color:#6d7882;
  background:rgba(255,255,255,.018);
  border-color:rgba(255,255,255,.045);
}

#tab-player .profile-points-empty-v13{
  padding:14px 2px;
  color:#798691;
  font-size:13px;
}

/* points top summary card space */
#tab-player .profile-points-clarity-summary-v12{
  gap:12px;
}

#tab-player .profile-points-clarity-stat-v12{
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
  background:rgba(255,255,255,.02);
  padding:16px 18px;
}

/* responsive */
@media(max-width:1100px){
  #tab-player .profile-points-map-v13{
    grid-template-columns:
      18px
      minmax(150px,1fr)
      minmax(220px,auto);
  }
}

@media(max-width:860px){
  #tab-player .profile-points-category-v13 > summary{
    grid-template-columns:
      minmax(180px,1fr)
      72px
      72px
      88px
      24px;
    gap:10px;
    padding:0 14px;
  }

  #tab-player .profile-points-cell-v13 strong{
    font-size:16px;
  }

  #tab-player .profile-points-map-v13{
    grid-template-columns:18px minmax(0,1fr);
    gap:10px;
    padding:10px 0;
  }

  #tab-player .profile-points-fps-v18{
    grid-column:2;
    width:100%;
    margin-left:0;
    justify-content:flex-start;
    margin-top:4px;
  }
}

@media(max-width:640px){
  #tab-player .profile-points-category-v13 > summary{
    grid-template-columns:1fr;
    align-items:flex-start;
    gap:8px;
    padding:14px;
    min-height:auto;
  }

  #tab-player .profile-points-cell-v13{
    align-items:flex-start;
  }

  #tab-player .profile-points-chevron-v13{
    position:absolute;
    right:14px;
    margin-top:2px;
  }

  #tab-player .profile-points-map-tabs-v14{
    width:100%;
    display:flex;
  }

  #tab-player .profile-points-map-tab-v14{
    flex:1 1 0;
    justify-content:space-between;
  }
}