/* 5.7.1: compact member dossiers, reading saved profile awards in every topic/reply.
   No new metadata or duplicate flair state is created by the forum. */
.mmf-forum .mmf-postbit { grid-template-columns: 224px minmax(0,1fr); }
.mmf-forum .mmf-comment { grid-template-columns: 218px minmax(0,1fr); }
.mmf-forum .mmf-postbit-author,
.mmf-forum .mmf-comment-top { padding: 18px 13px 16px; }
.mmf-forum .mmf-author-card { width: 100%; gap: 10px; }
.mmf-forum .mmf-author-card .mmf-author-details {
  display: flex; flex: 1; min-width: 0; width: 100%; flex-direction: column; gap: 3px;
}
.mmf-forum .mmf-author-card .mmf-author-line { display: flex; flex-wrap: wrap; }
.mmf-forum .mmf-author-card .mmf-author-name {
  max-width: 100%; overflow: visible; white-space: normal; overflow-wrap: anywhere;
  font-size: .89rem; line-height: 1.3;
}
.mmf-forum .mmf-author-card time { font-size: .68rem; color: var(--mmf-muted); }
.mmf-forum .mmf-postbit-author .mmf-author-avatar-link,
.mmf-forum .mmf-comment-top .mmf-author-avatar-link { display: inline-grid; place-items: center; margin: 4px auto 5px; }
.mmf-forum .mmf-author-card .mmd-mm-avatar-shell {
  --mmd-frame-size: 60px !important;
  width: 60px !important; height: 60px !important;
  max-width: 60px; max-height: 60px; margin: 0 !important;
}
.mmf-forum .mmf-author-card .mmd-mm-avatar-shell > .mmf-avatar,
.mmf-forum .mmf-author-card .mmd-mm-avatar-shell > img.avatar,
.mmf-forum .mmf-author-card .mmd-mm-avatar-shell > img.photo,
.mmf-forum .mmf-author-card .mmd-mm-avatar-shell > img {
  display: block !important;
  width: 70% !important; height: 70% !important;
  max-width: 70% !important; max-height: 70% !important;
  object-fit: cover !important; border-radius: 50% !important;
  position: relative !important; z-index: 2 !important; margin: 0 !important;
}
.mmf-forum .mmf-postbit-author .mmf-avatar,
.mmf-forum .mmf-comment-top .mmf-avatar { width: 60px !important; height: 60px !important; }
.mmf-forum .mmf-usercard-extras { display: flex; flex-direction: column; width: 100%; min-width: 0; gap: 11px; margin-top: 9px; }
.mmf-forum .mmf-usercard-line,
.mmf-forum .mmf-usercard-awards { display: flex; flex-direction: column; width: 100%; min-width: 0; gap: 5px; }
.mmf-forum .mmf-usercard-label {
  display: block; margin: 0; color: var(--mmf-muted); font-size: .58rem; font-weight: 900;
  letter-spacing: .1em; text-transform: uppercase; line-height: 1.25;
}
.mmf-forum .mmf-usercard-pills,
.mmf-forum .mmf-usercard-award-list {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 5px;
  max-width: 100%; min-width: 0; text-align: center;
}
.mmf-forum .mmf-usercard-pills > * { max-width: 100%; white-space: normal !important; line-height: 1.3 !important; overflow-wrap: anywhere; }
.mmf-forum .mmf-usercard-pills .mmf-role-badge,
.mmf-forum .mmf-usercard-pills .mmf-user-flair,
.mmf-forum .mmf-usercard-pills .mmf-site-role-badge,
.mmf-forum .mmf-usercard-pills .mmd-flair,
.mmf-forum .mmf-usercard-pills .mmd-shop-flair,
.mmf-forum .mmf-usercard-pills .mmd-mm-collector {
  display: inline-flex !important; gap: 4px; align-items: center; justify-content: center;
  max-width: 100%; min-height: 22px; box-sizing: border-box;
  padding: 4px 7px !important; border-radius: 8px !important; font-size: .62rem !important;
  line-height: 1.28 !important; font-weight: 800; white-space: normal !important;
  overflow-wrap: anywhere; text-align: center; vertical-align: middle;
}
.mmf-forum .mmf-usercard-pills :is(.mmd-shop-flair,.mmd-mm-collector) {
  border: 1px solid color-mix(in srgb,var(--mmd-shop-a,var(--mmf-accent)) 35%,transparent);
  background: color-mix(in srgb,var(--mmd-shop-a,var(--mmf-accent)) 10%,var(--mmf-alt));
  color: var(--mmd-shop-a,var(--mmf-text));
}
/* Preserve the same color-coded Muppet Roles pill used across the site. */
.mmf-forum .mmf-usercard-pills > .mmf-role-badge {
  --mmf-role-ink: var(--mmr-role-color,var(--mmr-badge-color,var(--mmr-color,var(--role-color,var(--mmf-accent)))));
  padding: 4px 8px !important;
  border: 1px solid color-mix(in srgb,var(--mmf-role-ink) 55%,var(--mmf-border)) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb,var(--mmf-role-ink) 12%,var(--mmf-alt)) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--mmf-role-ink) !important;
  text-transform: uppercase !important;
}
.mmf-forum .mmf-usercard-pills > .mmf-role-badge > :is(i,b,.mmr-role-icon,.mmr-badge-icon,.mm-role-icon,.mm-role-badge-icon) {
  display: inline-grid !important;
  flex: 0 0 auto; place-items: center;
  margin: 0 !important; font-style: normal;
}
.mmf-forum .mmf-usercard-pills svg { width: 12px !important; height: 12px !important; max-width: 12px; flex: 0 0 auto; }
.mmf-forum .mmf-usercard-award {
  display: inline-flex; align-items: center; gap: 3px; min-width: 0;
  padding: 4px 6px; border-radius: 7px; border: 1px solid color-mix(in srgb,var(--mmf-award-color) 32%,transparent);
  background: color-mix(in srgb,var(--mmf-award-color) 7%,var(--mmf-alt)); color: var(--mmf-text);
  font-size: .62rem; line-height: 1.2; font-weight: 700; overflow-wrap: anywhere;
}
.mmf-forum .mmf-usercard-award i { flex: 0 0 auto; color: var(--mmf-award-color); font-style: normal; }
.mmf-forum .mmf-usercard-more { align-self: center; color: var(--mmf-accent); font-size: .64rem; font-weight: 850; }
.mmf-forum .mmf-usercard-stats {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px;
  width: 100%; min-width: 0; overflow: hidden;
  border: 1px solid var(--mmf-border); border-radius: 8px; background: var(--mmf-border);
}
.mmf-forum .mmf-usercard-stats span {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  min-width: 0; gap: 3px; padding: 7px 3px;
  background: var(--mmf-alt); color: var(--mmf-muted); font-size: .61rem; line-height: 1.15;
}
.mmf-forum .mmf-usercard-stats b { color: var(--mmf-text); font-size: .84rem; font-weight: 850; }
.mmf-forum .mmf-usercard-profile-link {
  display: inline-flex; align-items: center; justify-content: center;
  gap: 4px; max-width: 100%; text-align: center; color: var(--mmf-accent);
  font-size: .67rem; font-weight: 800; text-decoration: none;
}
.mmf-forum .mmf-usercard-profile-link:hover { text-decoration: underline; }
/* When a forum context is known, show the destination instead of an unnecessary select. */
.mmf-forum .mmf-posting-context {
  display: flex; align-items: center; gap: 10px; min-width: 0;
  margin: 0 0 12px; padding: 12px 14px;
  border: 1px solid color-mix(in srgb,var(--mmf-accent) 25%,var(--mmf-border));
  border-radius: 10px; background: color-mix(in srgb,var(--mmf-accent) 7%,var(--mmf-alt));
}
.mmf-forum .mmf-posting-context-mark {
  display: grid; flex: 0 0 27px; width: 27px; height: 27px; place-items: center;
  border-radius: 50%; background: var(--mmf-accent); color: #07130b; font-size: .82rem; font-weight: 900;
}
.mmf-forum .mmf-posting-context > div { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 2px; }
.mmf-forum .mmf-posting-context small { color: var(--mmf-muted); font-size: .66rem; }
.mmf-forum .mmf-posting-context strong { color: var(--mmf-text); font-size: .86rem; overflow-wrap: anywhere; }
.mmf-forum .mmf-posting-context > a { font-size: .7rem; font-weight: 800; color: var(--mmf-accent); white-space: nowrap; }
@media(max-width:920px) {
  .mmf-forum .mmf-postbit { grid-template-columns: 190px minmax(0,1fr); }
  .mmf-forum .mmf-comment { grid-template-columns: 184px minmax(0,1fr); }
}
@media(max-width:600px) {
  .mmf-forum .mmf-postbit { grid-template-columns: 1fr; }
  .mmf-forum .mmf-comment { display: block; }
  .mmf-forum .mmf-author-card { align-items: flex-start !important; }
  .mmf-forum .mmf-author-card .mmf-author-details { align-items: stretch; text-align: left; width: 100%; }
  .mmf-forum .mmf-author-card .mmf-author-line { justify-content: flex-start; }
  .mmf-forum .mmf-author-card .mmd-mm-avatar-shell { --mmd-frame-size: 44px !important; width: 44px !important; height: 44px !important; }
  .mmf-forum .mmf-postbit-author .mmf-avatar,
  .mmf-forum .mmf-comment-top .mmf-avatar { width: 44px !important; height: 44px !important; }
  .mmf-forum .mmf-postbit-author .mmf-author-avatar-link,
  .mmf-forum .mmf-comment-top .mmf-author-avatar-link { margin: 4px 5px 0 0; }
  .mmf-forum .mmf-usercard-extras { gap: 8px; margin-top: 7px; }
  .mmf-forum .mmf-usercard-pills,
  .mmf-forum .mmf-usercard-award-list { justify-content: flex-start; text-align: left; }
  .mmf-forum .mmf-usercard-label { text-align: left; }
  .mmf-forum .mmf-usercard-stats { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .mmf-forum .mmf-usercard-stats span { font-size: .56rem; }
  .mmf-forum .mmf-usercard-profile-link { justify-content: flex-start; }
  .mmf-forum .mmf-comment-top > form { flex-shrink: 0; margin-left: auto; }
  .mmf-forum .mmf-posting-context { padding: 10px 11px; }
  .mmf-forum .mmf-posting-context > a { white-space: normal; }
}
@media(max-width:375px) {
  .mmf-forum .mmf-usercard-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mmf-forum .mmf-posting-context { flex-wrap: wrap; }
  .mmf-forum .mmf-posting-context > a { margin-left: 35px; }
}

/* 5.8.3: keep equipped PNG avatar frames aligned in forum author cards. */

.mmf-forum .mmf-author-card .mmd-mm-avatar-shell > .mmd-mm-frame-art {
  position: absolute !important; inset: -5px !important;
  width: calc(100% + 10px) !important; height: calc(100% + 10px) !important;
  display: block !important; overflow: visible !important; pointer-events: none !important;
  z-index: 8 !important;
}
.mmf-forum .mmf-author-card .mmd-mm-avatar-shell > .mmd-mm-frame-art > img {
  display: block !important; position: absolute !important; inset: 0 !important;
  width: 100% !important; height: 100% !important;
  max-width: 100% !important; max-height: 100% !important;
  object-fit: contain !important; border: 0 !important; border-radius: 0 !important;
  box-shadow: none !important;
}


/* 5.8.4: cleaner forum member card */
.mmf-forum .mmf-author-card{align-items:center;text-align:center}
.mmf-forum .mmf-author-card .mmf-author-details{align-items:center;text-align:center}
.mmf-forum .mmf-author-card .mmf-author-line{justify-content:center}
.mmf-forum .mmf-author-card .mmd-mm-avatar-shell{--mmd-frame-size:68px!important;width:68px!important;height:68px!important}
.mmf-forum .mmf-postbit-author .mmf-avatar,.mmf-forum .mmf-comment-top .mmf-avatar{width:68px!important;height:68px!important}
.mmf-forum .mmf-usercard-extras{gap:8px;margin-top:8px}
.mmf-forum .mmf-usercard-line,.mmf-forum .mmf-usercard-awards{gap:4px}
.mmf-forum .mmf-usercard-label{font-size:.56rem;letter-spacing:.12em;color:color-mix(in srgb,var(--mmf-muted) 88%,white)}
.mmf-forum .mmf-usercard-pills{gap:4px}
.mmf-forum .mmf-usercard-pills .mmf-role-badge,
.mmf-forum .mmf-usercard-pills .mmf-user-flair,
.mmf-forum .mmf-usercard-pills .mmf-site-role-badge,
.mmf-forum .mmf-usercard-pills .mmd-flair,
.mmf-forum .mmf-usercard-pills .mmd-shop-flair,
.mmf-forum .mmf-usercard-pills .mmd-mm-collector{min-height:20px;padding:4px 8px!important;border-radius:999px!important;font-size:.6rem!important}
.mmf-forum .mmf-usercard-summary{font-size:.66rem;color:var(--mmf-muted);line-height:1.35;text-align:center}
.mmf-forum .mmf-usercard-award-list--preview{justify-content:center}
.mmf-forum .mmf-usercard-award{padding:4px 7px;border-radius:999px;font-size:.58rem;line-height:1.15}
.mmf-forum .mmf-usercard-more{display:inline-flex;align-items:center;justify-content:center;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--mmf-accent) 10%,var(--mmf-alt));border:1px solid color-mix(in srgb,var(--mmf-accent) 30%,transparent)}
.mmf-forum .mmf-usercard-drawer{width:100%;border:1px solid var(--mmf-border);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));overflow:hidden}
.mmf-forum .mmf-usercard-drawer summary{list-style:none;cursor:pointer;padding:8px 10px;color:var(--mmf-text);font-size:.66rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px}
.mmf-forum .mmf-usercard-drawer summary::-webkit-details-marker{display:none}
.mmf-forum .mmf-usercard-drawer summary::after{content:'+';font-size:.85rem;color:var(--mmf-accent)}
.mmf-forum .mmf-usercard-drawer[open] summary::after{content:'−'}
.mmf-forum .mmf-usercard-drawer-panel{padding:0 10px 10px;display:flex;flex-direction:column;gap:8px}
.mmf-forum .mmf-usercard-drawer-section{display:flex;flex-direction:column;gap:5px}
.mmf-forum .mmf-usercard-stats{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:10px}
.mmf-forum .mmf-usercard-stats span{padding:8px 4px;font-size:.58rem;gap:2px}
.mmf-forum .mmf-usercard-stats span small{font-size:.55rem;color:var(--mmf-muted);font-weight:700}
.mmf-forum .mmf-usercard-stats b{font-size:.82rem}
.mmf-forum .mmf-usercard-profile-link{font-size:.64rem}
@media(max-width:600px){
 .mmf-forum .mmf-author-card{align-items:flex-start;text-align:left}
 .mmf-forum .mmf-author-card .mmf-author-details,.mmf-forum .mmf-author-card .mmf-author-line{align-items:flex-start;justify-content:flex-start;text-align:left}
 .mmf-forum .mmf-author-card .mmd-mm-avatar-shell{--mmd-frame-size:52px!important;width:52px!important;height:52px!important}
 .mmf-forum .mmf-postbit-author .mmf-avatar,.mmf-forum .mmf-comment-top .mmf-avatar{width:52px!important;height:52px!important}
 .mmf-forum .mmf-usercard-summary{text-align:left}
 .mmf-forum .mmf-usercard-award-list--preview,.mmf-forum .mmf-usercard-drawer summary{justify-content:flex-start}
}
