/* =========================================================
   V22 — cleaner glass layout for Points / Evolution
   ========================================================= */

/* Points + Evolution one under another */
#tab-player .profile-grid{
  grid-template-columns:1fr !important;
  gap:18px;
}

/* Main cards glass look */
#tab-player .profile-grid > .profile-card{
  position:relative;
  overflow:hidden;

  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.045) 0%,
      rgba(255,255,255,.018) 45%,
      rgba(255,255,255,.012) 100%
    );

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

  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

#tab-player .profile-grid > .profile-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;

  background:
    radial-gradient(
      900px 280px at -10% -20%,
      rgba(76,154,255,.08),
      transparent 55%
    ),
    radial-gradient(
      700px 260px at 110% 0%,
      rgba(255,255,255,.04),
      transparent 55%
    );
}

#tab-player .profile-grid > .profile-card .profile-card-head,
#tab-player .profile-grid > .profile-card .profile-card-body{
  position:relative;
  z-index:1;
}

#tab-player .profile-grid > .profile-card .profile-card-head{
  border-bottom:1px solid rgba(255,255,255,.05);
}

#tab-player .profile-grid > .profile-card .profile-card-body{
  background:transparent;
}

/* Summary stats */
#tab-player .profile-points-clarity-summary-v12{
  gap:14px;
  margin-bottom:18px;
}

#tab-player .profile-points-clarity-stat-v12{
  position:relative;
  overflow:hidden;

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

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.05),
      rgba(255,255,255,.018)
    );

  box-shadow:
    0 10px 25px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.03);

  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

#tab-player .profile-points-clarity-stat-v12::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;

  background:
    linear-gradient(
      115deg,
      rgba(255,255,255,.05) 0%,
      transparent 35%,
      transparent 100%
    );
}

/* Category cards */
#tab-player .profile-points-category-v13{
  position:relative;
  overflow:hidden;

  margin:0 0 14px 0;

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

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.04) 0%,
      rgba(255,255,255,.015) 100%
    );

  box-shadow:
    0 14px 34px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.03);

  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

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

#tab-player .profile-points-category-v13::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;

  background:
    linear-gradient(
      120deg,
      rgba(255,255,255,.045) 0%,
      transparent 30%,
      transparent 100%
    );
}

#tab-player .profile-points-category-v13 > summary{
  position:relative;
  z-index:1;

  display:grid;
  grid-template-columns:
    minmax(220px,1.3fr)
    90px
    90px
    110px
    24px;

  align-items:center;
  gap:16px;

  min-height:68px;
  padding:0 18px;

  cursor:pointer;
  list-style:none;

  background:transparent;
  transition:background .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,.018);
}

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

#tab-player .profile-points-cat-name-v13{
  gap:12px;
}

#tab-player .profile-points-cat-dot-v13{
  width:8px;
  height:8px;
  flex:0 0 8px;
  box-shadow:0 0 12px currentColor;
}

#tab-player .profile-points-cat-name-v13 strong{
  color:#f2f6fa;
  font-size:15px;
  font-weight:700;
  letter-spacing:-.01em;
}

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

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

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

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

#tab-player .profile-points-chevron-v13{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#8a97a3;
}

#tab-player .profile-points-chevron-v13 svg{
  transition:transform .18s ease;
}

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

/* Expanded content — lighter, less "box inside box" */
#tab-player .profile-points-maps-wrap-v13,
#tab-player .profile-points-maps-wrap-v14{
  position:relative;
  z-index:1;

  padding:14px 18px 18px;
  background:transparent;
}

/* Completed / Not completed tabs */
#tab-player .profile-points-map-tabs-v14{
  display:inline-flex;
  gap:8px;

  padding:5px;
  margin-bottom:16px;

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

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

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 8px 20px rgba(0,0,0,.14);
}

#tab-player .profile-points-map-tab-v14{
  min-height:36px;
  padding:0 14px;

  border:0;
  border-radius:10px;

  background:transparent;
  color:#96a3ae;

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

  display:inline-flex;
  align-items:center;
  gap:8px;

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

#tab-player .profile-points-map-tab-v14 strong{
  color:#dce5ec;
  font-size:11px;
  font-weight:800;

  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,.07);
}

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

/* Single clean list instead of cramped multi-box mess */
#tab-player .profile-points-map-list-v13{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}

/* Map item as glass row */
#tab-player .profile-points-map-v13{
  display:grid;
  grid-template-columns:
    18px
    minmax(190px,260px)
    minmax(0,1fr);

  align-items:center;
  gap:14px;

  min-height:58px;
  padding:14px 16px;

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

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.032),
      rgba(255,255,255,.012)
    );

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

#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:#59dc8f;
}

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

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

/* FPS chips */
#tab-player .profile-points-fps-v18{
  margin-left:0;

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

  gap:7px;

  font-family:'Inter',system-ui,sans-serif;
  font-size:12px;
  font-weight:700;
  line-height:1.25;

  text-align:left;
}

#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:1px solid rgba(255,255,255,.05);
  border-radius:999px;

  background:rgba(255,255,255,.02);
  color:#66737e;

  opacity:1;
}

#tab-player .profile-points-fps-slot-v18.is-done{
  color:#5ae091;
  border-color:rgba(90,224,145,.22);
  background:rgba(66,177,106,.12);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 0 0 1px rgba(90,224,145,.03);
}

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

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

/* Evolution card a bit nicer too */
#tab-player .profile-evo-grid{
  gap:12px;
}

#tab-player .profile-evo-box{
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.04),
      rgba(255,255,255,.015)
    );

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

/* Responsive */
@media(max-width:980px){
  #tab-player .profile-points-category-v13 > summary{
    grid-template-columns:
      minmax(180px,1fr)
      80px
      80px
      100px
      24px;
    gap:12px;
  }

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

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

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

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

  #tab-player .profile-points-fps-v18{
    grid-column:2;
    margin-top:4px;
  }
}