/* Approved Getting Ready v2 art. Other finish treatments remain unchanged. */
.mo-mirror-mount #moCard[data-finish="gettingready"] { container-type: inline-size; }
.mo-mirror-mount #moCard[data-finish="gettingready"]::before {
  background: #15bce0 url('/assets/resident-card/backgrounds/getting-ready-v2.png') center / cover no-repeat;
  opacity: 1;
  mix-blend-mode: normal;
}
.mo-mirror-mount #moCard[data-finish="gettingready"] > div:first-child {
  left: 1.5%; right: 1.5%; top: 1.5%; padding: 2% 4%;
  background: #f254a9;
  border-bottom: 2px solid #24112e;
  color: #24112e !important;
}
.mo-mirror-mount #moCard[data-finish="gettingready"]::after {
  content: ''; position: absolute; z-index: 1;
  left: 16%; top: 29%; width: 46%; height: 56%;
  background: #18bce0f2;
}
.mo-mirror-mount #moCard[data-finish="gettingready"] #moAvatar {
  background: #b9edf7 !important;
  border: 2px solid #24112e !important;
  box-sizing: border-box;
}
.mo-mirror-mount #moCard[data-finish="gettingready"] #moName { left: 18%; top: 31%; width: 43%; font-size: 5.7cqw !important; }
.mo-mirror-mount #moCard[data-finish="gettingready"] #moHandle { left: 18%; top: 43%; width: 43%; font-size: max(12px, 2.7cqw) !important; }
.mo-mirror-mount #moCard[data-finish="gettingready"] #moHandle + div { left: 18%; top: 52%; width: 43%; font-size: max(12px, 2.6cqw) !important; line-height: 1.2 !important; }
.mo-mirror-mount #moCard[data-finish="gettingready"] #moName,
.mo-mirror-mount #moCard[data-finish="gettingready"] #moHandle,
.mo-mirror-mount #moCard[data-finish="gettingready"] #moHandle + div,
.mo-mirror-mount #moCard[data-finish="gettingready"] #moHandle + div strong,
.mo-mirror-mount #moCard[data-finish="gettingready"] #moResidentNo { color: #24112e !important; text-shadow: none; }
.mo-mirror-mount #moCard[data-finish="gettingready"] .mo-card-ai { font-size: 1em; line-height: inherit; vertical-align: baseline; }
@media (max-width: 700px) {
  .mo-room__canvas:has(#moCard[data-finish="gettingready"]) {
    width: calc(100% - 24px); aspect-ratio: 1681 / 936; margin: 20px auto;
  }
  .mo-room__canvas:has(#moCard[data-finish="gettingready"]) .mo-room__backdrop { display: none; }
  .mo-room__canvas:has(#moCard[data-finish="gettingready"]) .mo-mirror-mount {
    left: 0; top: 0; width: 100%; height: 100%;
  }
  .mo-mirror-mount #moCard[data-finish="gettingready"] > div:first-child { font-size: 2.8cqw !important; }
}
.closet-page .card-face[data-finish="gettingready"] {
  background-size: contain !important;
  background-color: #15bce0 !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  color: #24112e;
  padding-bottom: 64px;
}
.closet-page .card-face[data-finish="gettingready"] .card-flip-toggle { top: auto; bottom: 12px; }
.closet-page .card-face[data-finish="gettingready"] .card-corner-header {
  background: #f254a9; color: #24112e;
  padding: 12px 16px; border-bottom: 2px solid #24112e;
}
.closet-page .card-face[data-finish="gettingready"] .card-info,
.closet-page .card-face[data-finish="gettingready"] .card-back-body {
  padding: 16px; background: #b9edf7; color: #24112e;
}
.closet-page .card-face[data-finish="gettingready"] .card-avatar {
  background: #b9edf7; border-color: #24112e;
}
.closet-page .card-face[data-finish="gettingready"] .card-name,
.closet-page .card-face[data-finish="gettingready"] .card-archetype,
.closet-page .card-face[data-finish="gettingready"] .resident-no,
.closet-page .card-face[data-finish="gettingready"] .card-fact {
  color: #24112e;
}