/* =========================================================
   Mahjong Radar Version 91 — seamless member-card row
   ========================================================= */

/* Keep every card attached to the same grid rhythm. */
#screen-members #member-list.player-card-grid{
  align-items:start!important;
  justify-items:stretch!important;
  column-gap:18px!important;
  row-gap:18px!important;
}

#screen-members #member-list .player-profile-card{
  align-self:start!important;
  margin:0!important;
  --member-card-surface:#f8e9cf;
}

/* The supplied illustrated images include a pale canvas outside the actual
   rounded card. Crop only that canvas in the Members directory so the real
   gold-edged card fills the exact same box as Heritage Ivory. */
#screen-members #member-list .player-profile-card:is(
  .profile-style-blossom-mountain,
  .profile-style-celestial-dragon,
  .profile-style-pearl-circle,
  .profile-style-moonlit-four-winds,
  .profile-style-sakura-harmony,
  .profile-style-lotus-koi,
  .profile-style-bamboo-fan,
  .profile-style-porcelain-blossom,
  .profile-style-lantern-gathering,
  .profile-style-jade-pavilion
){
  border:0!important;
  outline:0!important;
  background-color:transparent!important;
  background-size:111.5% 105%!important;
  background-position:center center!important;
}

/* Lower-card surface colours conceal only the oversized baked stat/button
   panels while keeping each original pastel family intact. */
#screen-members #member-list .profile-style-blossom-mountain{--member-card-surface:#fbebea}
#screen-members #member-list .profile-style-celestial-dragon{--member-card-surface:#fcefe9}
#screen-members #member-list .profile-style-pearl-circle{--member-card-surface:#fbf1e9}
#screen-members #member-list .profile-style-moonlit-four-winds{--member-card-surface:#f8edeb}
#screen-members #member-list .profile-style-sakura-harmony{--member-card-surface:#fbeee9}
#screen-members #member-list .profile-style-lotus-koi{--member-card-surface:#fbf2e9}
#screen-members #member-list .profile-style-bamboo-fan{--member-card-surface:#f9f0e3}
#screen-members #member-list .profile-style-porcelain-blossom{--member-card-surface:#fbf1e9}
#screen-members #member-list .profile-style-lantern-gathering{--member-card-surface:#fcf0e5}
#screen-members #member-list .profile-style-jade-pavilion{--member-card-surface:#fbefe5}

/* After the artwork crop, keep the live portrait centred in its illustrated
   medallion without changing the default-card portrait position. */
#screen-members #member-list .player-profile-card:is(
  .profile-style-blossom-mountain,
  .profile-style-celestial-dragon,
  .profile-style-pearl-circle,
  .profile-style-moonlit-four-winds,
  .profile-style-sakura-harmony,
  .profile-style-lotus-koi,
  .profile-style-bamboo-fan,
  .profile-style-porcelain-blossom,
  .profile-style-lantern-gathering,
  .profile-style-jade-pavilion
) .player-cover .avatar{transform:translateY(-9%)!important}

/* Give the identity rows an even vertical rhythm below the artwork. */
#screen-members #member-list .player-profile-card .player-card-body h3{
  top:39.8%!important;
}

#screen-members #member-list .player-profile-card .player-card-body>.city-mark{
  top:45.5%!important;
}

#screen-members #member-list .player-profile-card .player-card-body>.chips{
  top:50.3%!important;
  gap:6px!important;
}

/* One real, live stat panel replaces the differently sized panel baked into
   illustrated artwork. It is therefore identical on every member card. */
#screen-members #member-list .player-profile-card .player-stats{
  left:12.3%!important;
  right:12.3%!important;
  width:auto!important;
  height:8.5%!important;
  border:1px solid rgba(181,138,59,.23)!important;
  border-radius:14px!important;
  background:rgba(255,253,248,.94)!important;
  box-shadow:0 0 0 clamp(16px,1.8vw,24px) var(--member-card-surface),0 4px 11px rgba(52,39,21,.08)!important;
  z-index:2!important;
}

#screen-members #member-list .player-profile-card .player-stats span{
  z-index:1!important;
}

#screen-members #member-list .player-profile-card .player-stats span+span{
  border-left:1px solid rgba(181,138,59,.28)!important;
}

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

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

/* Match the illustrated action width to the default card while retaining the
   colour showing through the centre of the original pastel button. */
#screen-members #member-list .player-profile-card:is(
  .profile-style-blossom-mountain,
  .profile-style-celestial-dragon,
  .profile-style-pearl-circle,
  .profile-style-moonlit-four-winds,
  .profile-style-sakura-harmony,
  .profile-style-lotus-koi,
  .profile-style-bamboo-fan,
  .profile-style-porcelain-blossom,
  .profile-style-lantern-gathering,
  .profile-style-jade-pavilion
) .player-card-body>.btn{
  border:1px solid rgba(181,138,59,.44)!important;
  background:rgba(255,255,255,.08)!important;
  box-shadow:0 0 0 clamp(14px,1.6vw,22px) var(--member-card-surface)!important;
}