/* Shared standalone Resident Card view. Live text remains deterministic. */
.mo-mirror-mount #moCard .resident-founder-badge { position:absolute; z-index:3; left:5.5%; top:0; height:13%; display:flex; align-items:center; max-width:68%; color:#fffdfb; font:900 clamp(12px,3.1cqw,22px)/1 'Jost',sans-serif; letter-spacing:.035em; text-transform:none; white-space:nowrap; }
.mo-mirror-mount #moCard .resident-founder-badge[hidden] { display:none; }
.mo-mirror-mount #moCard:has(.resident-founder-badge:not([hidden])) > div:first-child > span:first-child { visibility:hidden; }
.mo-mirror-mount #moCard:is([data-finish="gettingready"],[data-finish="skates"],[data-finish="boombox"],[data-finish="computer"]) .resident-founder-badge { top:1.5%; height:12.5%; color:#4b168c; }
.mo-mirror-mount #moCard:has(.resident-founder-badge:not([hidden])) > div:first-child {
  left:1.5%; right:1.5%; top:1.5%; height:12.5%; padding:0 4%; box-sizing:border-box;
  background:#e2e9fa url('/assets/resident-card/founder-holographic-foil-preview.png') center / 100% 100% no-repeat;
  border-bottom:1px solid #ae8dd1; box-shadow:inset 0 1px 0 #fff9; align-items:center!important; text-shadow:none;
}
.mo-mirror-mount #moCard:has(.resident-founder-badge:not([hidden])) .resident-founder-badge { top:1.5%; height:12.5%; color:#11183b; font-size:clamp(12px,3.4cqw,24px); letter-spacing:0; }
.mo-mirror-mount #moCard:has(.resident-founder-badge:not([hidden])) :is(#residentNo,#moResidentNo) { color:#11183b!important; font:800 clamp(12px,3cqw,21px)/1 'Jost',sans-serif!important; letter-spacing:.035em; text-shadow:none; }
.resident-card-shared-view { position:relative; width:min(100%,720px); aspect-ratio:1.8047; margin:0 auto; }
.resident-card-shared-view .mo-mirror-mount { position:absolute; inset:0; width:100%; height:100%; }
.mo-mirror-mount #moCard { container-type:inline-size; }
.resident-card-shared-view #residentNo { color:#fff !important; }

/* Crop only the Card plane from the active v6 vanity; no salon scene enters Closet. */
.mo-mirror-mount #moCard:is([data-finish="classic"],[data-finish="pinklilac"],[data-finish="peach"],[data-finish="mint"],[data-finish="lavender"],[data-finish="holo"]) { background:url('/assets/building-interiors/maikeover/maikeover-vanity-resident-card-candidate-v6.png') 54.6% 45.9% / 266.24% 270.4% no-repeat !important; }
.resident-card-shared-view #moCard[data-finish="gettingready"],.resident-card-shared-view #moCard:is([data-finish="skates"],[data-finish="boombox"],[data-finish="computer"]) { background:transparent !important; }
.resident-card-shared-view #moCard[data-finish="gettingready"] #residentNo,.resident-card-shared-view #moCard:is([data-finish="skates"],[data-finish="boombox"],[data-finish="computer"]) #residentNo { color:#24112e !important; text-shadow:none; }
.mo-mirror-mount #moCard > div:first-child { font-size:clamp(10px,2.6cqw,14px) !important; }
.mo-mirror-mount #moCard .mo-card-ai { font-size:1em; line-height:inherit; vertical-align:baseline; }
@media(max-width:700px) {
  .mo-room__canvas { width:calc(100% - 24px); aspect-ratio:1.8047; margin:20px auto; }
  .mo-room__canvas .mo-room__backdrop { display:none; }
  .mo-room__canvas .mo-mirror-mount { inset:0; width:100%; height:100%; }
  .mo-mirror-mount #moName { font-size:22px !important; }
  .mo-mirror-mount #moHandle { font-size:12px !important; }
  .mo-mirror-mount #moHandle + div { font-size:12px !important; line-height:1.2 !important; }
}