/* =========================================================
   Mahjong Radar Version 90 — aligned member profile cards
   ========================================================= */

/* Every directory card now uses the same portrait shell. The illustrated
   cards keep their supplied artwork; Heritage Ivory keeps its navy-and-gold
   identity while sharing the exact same geometry and content positions. */
#screen-members #member-list .player-profile-card{
  --member-card-ink:var(--profile-card-ink,var(--lapis));
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:941/1672!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:7.5%/4.2%!important;
  box-shadow:0 16px 34px rgba(38,48,66,.16)!important;
  color:var(--member-card-ink)!important;
}

#screen-members #member-list .player-profile-card.profile-style-ivory{
  --profile-card-ink:#173b63;
  border:1px solid #d4a23c!important;
  background:linear-gradient(180deg,#fffaf0 0%,#f7e8c8 100%)!important;
}

#screen-members #member-list .player-profile-card .player-cover{
  position:absolute!important;
  inset:0 0 auto!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:34.5%!important;
  min-height:0!important;
  overflow:visible!important;
}

#screen-members #member-list .player-profile-card.profile-style-ivory .player-cover{
  background:radial-gradient(circle at 50% 48%,rgba(226,190,96,.23),transparent 36%),linear-gradient(145deg,#174f75,#0b2e4b)!important;
}

#screen-members #member-list .player-profile-card .player-cover .avatar{
  width:31%!important;
  height:auto!important;
  aspect-ratio:1!important;
  border:3px solid #e3bd55!important;
  color:#fff!important;
  font-size:clamp(20px,4.7vw,38px)!important;
  box-shadow:0 7px 18px rgba(47,38,55,.18)!important;
}

#screen-members #member-list .player-profile-card .player-card-body{
  position:static!important;
  padding:0!important;
  text-align:center!important;
}

#screen-members #member-list .player-profile-card .player-card-body h3{
  position:absolute!important;
  top:38.8%!important;
  left:8%!important;
  right:8%!important;
  margin:0!important;
  color:var(--member-card-ink)!important;
  font-size:clamp(15px,2.2vw,24px)!important;
  line-height:1.08!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#screen-members #member-list .player-profile-card .player-card-body>.city-mark{
  position:absolute!important;
  top:43.5%!important;
  left:12%!important;
  right:12%!important;
  display:block!important;
  width:max-content!important;
  max-width:76%!important;
  margin:0 auto!important;
  padding:2px 7px!important;
  border:0!important;
  background:rgba(255,255,255,.58)!important;
  color:var(--member-card-ink)!important;
  font-size:clamp(9px,1vw,12px)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#screen-members #member-list .player-profile-card .player-card-body>.chips{
  position:absolute!important;
  top:48.2%!important;
  left:9%!important;
  right:9%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:3px!important;
  max-height:8.5%!important;
  margin:0!important;
  overflow:hidden!important;
}

#screen-members #member-list .player-profile-card .player-card-body>.chips .chip{
  padding:2px 5px!important;
  background:rgba(255,255,255,.62)!important;
  border-color:rgba(181,138,59,.35)!important;
  color:var(--member-card-ink)!important;
  font-size:clamp(7px,.72vw,9px)!important;
}

#screen-members #member-list .player-profile-card .player-stats{
  position:absolute!important;
  top:70.7%!important;
  left:12.3%!important;
  right:12.3%!important;
  height:8.5%!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  align-items:center!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

#screen-members #member-list .player-profile-card .player-stats span{
  position:relative!important;
  padding:0!important;
  border:0!important;
  color:transparent!important;
  font-size:0!important;
}

#screen-members #member-list .player-profile-card .player-stats b{
  color:var(--member-card-ink)!important;
  font-size:clamp(15px,2vw,22px)!important;
  line-height:1!important;
}

/* The illustrated artwork already contains the three stat captions. Add the
   same captions to Heritage Ivory so the live layout remains identical. */
#screen-members #member-list .player-profile-card.profile-style-ivory .player-stats{
  border:1px solid rgba(181,138,59,.23)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.64)!important;
}

#screen-members #member-list .player-profile-card.profile-style-ivory .player-stats span::after{
  display:block;
  margin-top:3px;
  color:#6c6250;
  font-size:clamp(7px,.68vw,9px);
  line-height:1;
  text-transform:uppercase;
}

#screen-members #member-list .player-profile-card.profile-style-ivory .player-stats span:nth-child(1)::after{content:"Hosted"}
#screen-members #member-list .player-profile-card.profile-style-ivory .player-stats span:nth-child(2)::after{content:"Joined"}
#screen-members #member-list .player-profile-card.profile-style-ivory .player-stats span:nth-child(3)::after{content:"Rating"}

/* Mahjong format belongs at the foot of the card, immediately before the
   existing View Player Card action. */
#screen-members #member-list .player-profile-card .formats-line{
  position:absolute!important;
  top:84.1%!important;
  left:11%!important;
  right:11%!important;
  min-height:0!important;
  margin:0!important;
  color:var(--member-card-ink)!important;
  font-size:clamp(9px,.9vw,12px)!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#screen-members #member-list .player-profile-card .player-card-body>.btn{
  position:absolute!important;
  left:12.5%!important;
  right:12.5%!important;
  bottom:3.3%!important;
  width:75%!important;
  height:7.2%!important;
  min-height:0!important;
  margin:0!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:var(--member-card-ink)!important;
  box-shadow:none!important;
  font-size:clamp(9px,.9vw,12px)!important;
}

#screen-members #member-list .player-profile-card.profile-style-ivory .player-card-body>.btn{
  border:1px solid rgba(181,138,59,.44)!important;
  background:rgba(255,255,255,.65)!important;
}

#screen-members #member-list .player-profile-card .online-label{top:3%!important;right:5%!important}
#screen-members #member-list .player-profile-card .player-cover>.reward-feather-rail{
  left:6%!important;
  right:6%!important;
  bottom:1%!important;
  justify-content:center!important;
  max-width:none!important;
}