/* Members pages (Night shift). Extends nightshift.css. */
.mem[hidden]{display:none}
.mem .mbody{min-width:0;display:block}
.mem .mdesc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--mu);font-size:13.5px;margin-top:6px;line-height:1.45}
.mem h3 .fi{font-size:15px;border-radius:2px}
.empty[hidden]{display:none}
.chips .chip{min-height:36px}
.id .meta .fi{border-radius:2px}
.sec2{padding-top:clamp(28px,4vw,48px)}
.statpage{margin-top:clamp(20px,3vw,32px);padding:clamp(20px,3vw,32px);display:grid;gap:12px;max-width:640px}
.statpage h2{font:700 22px var(--display)}
.statpage p{color:var(--mu)}
.statpage .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
@media(max-width:520px){.id img{width:72px;height:72px}.stage{min-height:420px}}

/* the name line never wraps, so a LIVE badge adds no height: every card in a row stays the same size */
.mem h3{flex-wrap:nowrap;min-width:0}
.mem h3 .mname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mem h3 .fi,.mem h3 .livebadge,.mem h3 .plat{flex:none}
/* LIVE sits on the bottom edge of the avatar, so the name line and the card size never change */
.mem .av .livebadge{position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);padding:2px 8px 2px 7px;font-size:10px;box-shadow:0 0 14px rgba(77,220,50,.55);border:2px solid var(--bg)}

/* Watch page: on a phone the video grid comes before the long list of connected creators, which is two to a row and compact */
.watch{display:flex;flex-direction:column}
@media(max-width:700px){
  .watch .w-creators{order:3}
  .watch .w-creators .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .watch .w-creators .mem{padding:10px;gap:10px;align-items:center}
  .watch .w-creators .av img{width:44px;height:44px}
  .watch .w-creators .sync{display:none}
  .watch .w-creators h3{font-size:14px}
}