/* ========================================================
   POINTS V13
   One panel, not a pile of cards.
   ======================================================== */

#tab-player .profile-points-panel-v13{
  overflow:hidden;

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

  background:
    rgba(255,255,255,.018);
}


/* --------------------------------------------------------
   Header
   -------------------------------------------------------- */

#tab-player .profile-points-head-v13{
  display:flex;

  align-items:flex-end;
  justify-content:space-between;

  gap:20px;

  padding:
    19px 20px 17px;

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

#tab-player .profile-points-eyebrow-v13{
  margin-bottom:5px;

  color:#697582;

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

  letter-spacing:.10em;

  text-transform:uppercase;
}

#tab-player .profile-points-title-v13{
  color:#edf2f6;

  font-size:20px;
  font-weight:600;

  line-height:1;
}

#tab-player .profile-points-head-note-v13{
  color:#67727d;

  font-size:10px;
  font-weight:400;
}


/* --------------------------------------------------------
   Three summary values — no separate boxes.
   -------------------------------------------------------- */

#tab-player .profile-points-summary-v13{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

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

#tab-player .profile-points-summary-item-v13{
  min-width:0;

  padding:
    17px 20px;
}

#tab-player
.profile-points-summary-item-v13
+
.profile-points-summary-item-v13{
  border-left:
    1px solid rgba(255,255,255,.065);
}

#tab-player .profile-points-summary-item-v13 span{
  display:block;

  margin-bottom:6px;

  color:#717d89;

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

  letter-spacing:.075em;

  text-transform:uppercase;
}

#tab-player .profile-points-summary-item-v13 strong{
  display:block;

  color:#edf2f6;

  font-size:25px;
  font-weight:550;

  line-height:1;

  font-variant-numeric:
    tabular-nums;
}


/* --------------------------------------------------------
   Column header
   -------------------------------------------------------- */

#tab-player .profile-points-table-head-v13{
  display:grid;

  grid-template-columns:
    minmax(180px,1fr)
    110px
    110px
    110px
    24px;

  align-items:center;

  gap:8px;

  min-height:34px;

  padding:
    0 18px;

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

  color:#66727d;

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

  letter-spacing:.075em;

  text-transform:uppercase;
}

#tab-player
.profile-points-table-head-v13
div:not(:first-child){
  text-align:right;
}


/* --------------------------------------------------------
   Flat category rows
   -------------------------------------------------------- */

#tab-player .profile-points-category-v13{
  margin:0;

  border:0;

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

  background:transparent;
}

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

#tab-player .profile-points-category-v13 > summary{
  display:grid;

  grid-template-columns:
    minmax(180px,1fr)
    110px
    110px
    110px
    24px;

  align-items:center;

  gap:8px;

  min-height:55px;

  padding:
    0 18px;

  cursor:pointer;

  list-style:none;

  transition:
    background .15s 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-cat-name-v13{
  display:flex;

  align-items:center;

  gap:10px;

  min-width:0;
}

#tab-player .profile-points-cat-name-v13 strong{
  overflow:hidden;

  color:#dfe6ec;

  font-size:13px;
  font-weight:550;

  text-overflow:ellipsis;
  white-space:nowrap;
}

#tab-player .profile-points-cat-dot-v13{
  width:6px;
  height:6px;

  flex:0 0 6px;

  border-radius:50%;

  box-shadow:
    0 0 7px currentColor;
}

#tab-player .profile-points-cell-v13{
  text-align:right;
}

#tab-player .profile-points-cell-v13 strong{
  color:#aeb8c2;

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

  font-variant-numeric:
    tabular-nums;
}

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

  font-weight:650;
}

#tab-player .profile-points-mobile-label-v13{
  display:none;
}


/* --------------------------------------------------------
   Chevron
   -------------------------------------------------------- */

#tab-player .profile-points-chevron-v13{
  display:flex;

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

  color:#596571;

  transition:
    transform .16s ease,
    color .16s ease;
}

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

  color:#aab4be;
}


/* --------------------------------------------------------
   Expanded maps
   -------------------------------------------------------- */

#tab-player .profile-points-maps-wrap-v13{
  padding:
    14px 18px 17px 34px;

  border-top:
    1px solid rgba(255,255,255,.045);

  background:
    rgba(0,0,0,.14);
}

#tab-player .profile-points-maps-title-v13{
  margin-bottom:11px;

  color:#626e79;

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

  letter-spacing:.07em;

  text-transform:uppercase;
}

#tab-player .profile-points-map-grid-v13{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  column-gap:22px;
  row-gap:7px;
}

#tab-player .profile-points-map-v13{
  display:flex;

  align-items:center;

  gap:8px;

  min-width:0;

  color:#9da8b2;

  font-size:11px;
  font-weight:450;
}

#tab-player .profile-points-map-v13 span:last-child{
  overflow:hidden;

  text-overflow:ellipsis;
  white-space:nowrap;
}

#tab-player .profile-points-map-dot-v13{
  width:3px;
  height:3px;

  flex:0 0 3px;

  border-radius:50%;

  background:#54606b;
}

#tab-player .profile-points-empty-v13{
  color:#5f6a75;

  font-size:11px;
}


/* --------------------------------------------------------
   Responsive
   -------------------------------------------------------- */

@media(max-width:800px){

  #tab-player .profile-points-table-head-v13{
    grid-template-columns:
      minmax(130px,1fr)
      80px
      80px
      80px
      20px;
  }

  #tab-player .profile-points-category-v13 > summary{
    grid-template-columns:
      minmax(130px,1fr)
      80px
      80px
      80px
      20px;
  }

  #tab-player .profile-points-map-grid-v13{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

}


@media(max-width:600px){

  #tab-player .profile-points-head-v13{
    align-items:flex-start;
    flex-direction:column;

    gap:7px;
  }

  #tab-player .profile-points-summary-item-v13{
    padding:
      14px 12px;
  }

  #tab-player .profile-points-summary-item-v13 strong{
    font-size:20px;
  }

  #tab-player .profile-points-table-head-v13{
    display:none;
  }

  #tab-player .profile-points-category-v13 > summary{
    grid-template-columns:
      minmax(120px,1fr)
      repeat(3,58px)
      18px;

    gap:5px;

    padding:
      0 12px;
  }

  #tab-player .profile-points-mobile-label-v13{
    display:block;

    margin-bottom:2px;

    color:#56616c;

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

    letter-spacing:.06em;

    text-transform:uppercase;
  }

  #tab-player .profile-points-maps-wrap-v13{
    padding:
      12px;
  }

  #tab-player .profile-points-map-grid-v13{
    grid-template-columns:1fr;
  }

}