/* v460: reviewed generic portraits 55–62 only. Derived from head-focus.json. */
.npc-portrait.new-spouse-list-frame-v460 { height:auto; min-height:210px; aspect-ratio:5 / 2; }
@media (max-width:768px) { .npc-portrait.new-spouse-list-frame-v460 { min-height:180px; } }
@media (max-width:480px) { .npc-portrait.new-spouse-list-frame-v460 { min-height:160px; } }
.npc-detail-portrait img[src$="portrait_random_55.webp"],
.avatar img[src$="portrait_random_55.webp"],
.new-spouse-archive-frame-v460 img[src$="portrait_random_55.webp"] {
  width: 232.727273%; height: auto; max-width: none; max-height: none;
  position: absolute; left: -70.454545%; top: -12.272727%;
  transform: none; object-fit: initial; display: block;
}
.npc-portrait img[src$="portrait_random_55.webp"],
.banner img[src$="portrait_random_55.webp"],
.npc-card:hover .npc-portrait img[src$="portrait_random_55.webp"] {
  width: max(calc(100% * 1.03643725 + 1.03643725px), calc(var(--new-spouse-list-height) * 1.86861314 + 1.86861314px));
  height: auto; max-width: none; max-height: none; position: absolute; left: 50%; top: 50%;
  transform: translate(-51.757813%, -17.838542%); transform-origin: center;
  object-fit: initial; display: block; transition: none;
}
.npc-detail-portrait img[src$="portrait_random_56.webp"],
.avatar img[src$="portrait_random_56.webp"],
.new-spouse-archive-frame-v460 img[src$="portrait_random_56.webp"] {
  width: 232.727273%; height: auto; max-width: none; max-height: none;
  position: absolute; left: -74.545455%; top: -13.181818%;
  transform: none; object-fit: initial; display: block;
}
.npc-portrait img[src$="portrait_random_56.webp"],
.banner img[src$="portrait_random_56.webp"],
.npc-card:hover .npc-portrait img[src$="portrait_random_56.webp"] {
  width: max(calc(100% * 1.07563025 + 1.07563025px), calc(var(--new-spouse-list-height) * 1.84172662 + 1.84172662px));
  height: auto; max-width: none; max-height: none; position: absolute; left: 50%; top: 50%;
  transform: translate(-53.515625%, -18.098958%); transform-origin: center;
  object-fit: initial; display: block; transition: none;
}
.npc-detail-portrait img[src$="portrait_random_57.webp"],
.avatar img[src$="portrait_random_57.webp"],
.new-spouse-archive-frame-v460 img[src$="portrait_random_57.webp"] {
  width: 227.555556%; height: auto; max-width: none; max-height: none;
  position: absolute; left: -70.666667%; top: -6%;
  transform: none; object-fit: initial; display: block;
}
.npc-portrait img[src$="portrait_random_57.webp"],
.banner img[src$="portrait_random_57.webp"],
.npc-card:hover .npc-portrait img[src$="portrait_random_57.webp"] {
  width: max(calc(100% * 1.06444906 + 1.06444906px), calc(var(--new-spouse-list-height) * 2.03174603 + 2.03174603px));
  height: auto; max-width: none; max-height: none; position: absolute; left: 50%; top: 50%;
  transform: translate(-53.027344%, -16.40625%); transform-origin: center;
  object-fit: initial; display: block; transition: none;
}
.npc-detail-portrait img[src$="portrait_random_58.webp"],
.avatar img[src$="portrait_random_58.webp"],
.new-spouse-archive-frame-v460 img[src$="portrait_random_58.webp"] {
  width: 243.809524%; height: auto; max-width: none; max-height: none;
  position: absolute; left: -66.190476%; top: -16.190476%;
  transform: none; object-fit: initial; display: block;
}
.npc-portrait img[src$="portrait_random_58.webp"],
.banner img[src$="portrait_random_58.webp"],
.npc-card:hover .npc-portrait img[src$="portrait_random_58.webp"] {
  width: max(calc(100% * 1.04918033 + 1.04918033px), calc(var(--new-spouse-list-height) * 1.84172662 + 1.84172662px));
  height: auto; max-width: none; max-height: none; position: absolute; left: 50%; top: 50%;
  transform: translate(-47.65625%, -18.098958%); transform-origin: center;
  object-fit: initial; display: block; transition: none;
}
.npc-detail-portrait img[src$="portrait_random_59.webp"],
.avatar img[src$="portrait_random_59.webp"],
.new-spouse-archive-frame-v460 img[src$="portrait_random_59.webp"] {
  width: 238.139535%; height: auto; max-width: none; max-height: none;
  position: absolute; left: -80.930233%; top: -14.651163%;
  transform: none; object-fit: initial; display: block;
}
.npc-portrait img[src$="portrait_random_59.webp"],
.banner img[src$="portrait_random_59.webp"],
.npc-card:hover .npc-portrait img[src$="portrait_random_59.webp"] {
  width: max(calc(100% * 1.11062907 + 1.11062907px), calc(var(--new-spouse-list-height) * 1.84172662 + 1.84172662px));
  height: auto; max-width: none; max-height: none; position: absolute; left: 50%; top: 50%;
  transform: translate(-54.980469%, -18.098958%); transform-origin: center;
  object-fit: initial; display: block; transition: none;
}
.npc-detail-portrait img[src$="portrait_random_60.webp"],
.avatar img[src$="portrait_random_60.webp"],
.new-spouse-archive-frame-v460 img[src$="portrait_random_60.webp"] {
  width: 249.756098%; height: auto; max-width: none; max-height: none;
  position: absolute; left: -66.585366%; top: -4.634146%;
  transform: none; object-fit: initial; display: block;
}
.npc-portrait img[src$="portrait_random_60.webp"],
.banner img[src$="portrait_random_60.webp"],
.npc-card:hover .npc-portrait img[src$="portrait_random_60.webp"] {
  width: max(calc(100% * 1.07112971 + 1.07112971px), calc(var(--new-spouse-list-height) * 2.28571429 + 2.28571429px));
  height: auto; max-width: none; max-height: none; position: absolute; left: 50%; top: 50%;
  transform: translate(-46.679688%, -14.583333%); transform-origin: center;
  object-fit: initial; display: block; transition: none;
}
.npc-detail-portrait img[src$="portrait_random_61.webp"],
.avatar img[src$="portrait_random_61.webp"],
.new-spouse-archive-frame-v460 img[src$="portrait_random_61.webp"] {
  width: 232.727273%; height: auto; max-width: none; max-height: none;
  position: absolute; left: -63.863636%; top: -10.909091%;
  transform: none; object-fit: initial; display: block;
}
.npc-portrait img[src$="portrait_random_61.webp"],
.banner img[src$="portrait_random_61.webp"],
.npc-card:hover .npc-portrait img[src$="portrait_random_61.webp"] {
  width: max(calc(100% * 1.02195609 + 1.02195609px), calc(var(--new-spouse-list-height) * 1.91044776 + 1.91044776px));
  height: auto; max-width: none; max-height: none; position: absolute; left: 50%; top: 50%;
  transform: translate(-48.925781%, -17.447917%); transform-origin: center;
  object-fit: initial; display: block; transition: none;
}
.npc-detail-portrait img[src$="portrait_random_62.webp"],
.avatar img[src$="portrait_random_62.webp"],
.new-spouse-archive-frame-v460 img[src$="portrait_random_62.webp"] {
  width: 217.87234%; height: auto; max-width: none; max-height: none;
  position: absolute; left: -55.744681%; top: -3.191489%;
  transform: none; object-fit: initial; display: block;
}
.npc-portrait img[src$="portrait_random_62.webp"],
.banner img[src$="portrait_random_62.webp"],
.npc-card:hover .npc-portrait img[src$="portrait_random_62.webp"] {
  width: max(calc(100% * 1.03018109 + 1.03018109px), calc(var(--new-spouse-list-height) * 2.048 + 2.048px));
  height: auto; max-width: none; max-height: none; position: absolute; left: 50%; top: 50%;
  transform: translate(-48.535156%, -16.276042%); transform-origin: center;
  object-fit: initial; display: block; transition: none;
}
.npc-portrait:has(> img[src$="portrait_random_55.webp"]),
.npc-portrait:has(> img[src$="portrait_random_56.webp"]),
.npc-portrait:has(> img[src$="portrait_random_57.webp"]),
.npc-portrait:has(> img[src$="portrait_random_58.webp"]),
.npc-portrait:has(> img[src$="portrait_random_59.webp"]),
.npc-portrait:has(> img[src$="portrait_random_60.webp"]),
.npc-portrait:has(> img[src$="portrait_random_61.webp"]),
.npc-portrait:has(> img[src$="portrait_random_62.webp"]) { height: auto; min-height: 210px; aspect-ratio: 5 / 2; }
.npc-portrait img[src$="portrait_random_55.webp"],
.npc-portrait img[src$="portrait_random_56.webp"],
.npc-portrait img[src$="portrait_random_57.webp"],
.npc-portrait img[src$="portrait_random_58.webp"],
.npc-portrait img[src$="portrait_random_59.webp"],
.npc-portrait img[src$="portrait_random_60.webp"],
.npc-portrait img[src$="portrait_random_61.webp"],
.npc-portrait img[src$="portrait_random_62.webp"] { --new-spouse-list-height: 210px; }
.banner img[src$="portrait_random_55.webp"],
.banner img[src$="portrait_random_56.webp"],
.banner img[src$="portrait_random_57.webp"],
.banner img[src$="portrait_random_58.webp"],
.banner img[src$="portrait_random_59.webp"],
.banner img[src$="portrait_random_60.webp"],
.banner img[src$="portrait_random_61.webp"],
.banner img[src$="portrait_random_62.webp"] { --new-spouse-list-height: 76px; }
@media (max-width: 768px) {
.npc-portrait:has(> img[src$="portrait_random_55.webp"]),
.npc-portrait:has(> img[src$="portrait_random_56.webp"]),
.npc-portrait:has(> img[src$="portrait_random_57.webp"]),
.npc-portrait:has(> img[src$="portrait_random_58.webp"]),
.npc-portrait:has(> img[src$="portrait_random_59.webp"]),
.npc-portrait:has(> img[src$="portrait_random_60.webp"]),
.npc-portrait:has(> img[src$="portrait_random_61.webp"]),
.npc-portrait:has(> img[src$="portrait_random_62.webp"]) { min-height: 180px; }
.npc-portrait img[src$="portrait_random_55.webp"],
.npc-portrait img[src$="portrait_random_56.webp"],
.npc-portrait img[src$="portrait_random_57.webp"],
.npc-portrait img[src$="portrait_random_58.webp"],
.npc-portrait img[src$="portrait_random_59.webp"],
.npc-portrait img[src$="portrait_random_60.webp"],
.npc-portrait img[src$="portrait_random_61.webp"],
.npc-portrait img[src$="portrait_random_62.webp"] { --new-spouse-list-height: 180px; }
}
@media (max-width: 480px) {
.npc-portrait img[src$="portrait_random_55.webp"],
.npc-portrait img[src$="portrait_random_56.webp"],
.npc-portrait img[src$="portrait_random_57.webp"],
.npc-portrait img[src$="portrait_random_58.webp"],
.npc-portrait img[src$="portrait_random_59.webp"],
.npc-portrait img[src$="portrait_random_60.webp"],
.npc-portrait img[src$="portrait_random_61.webp"],
.npc-portrait img[src$="portrait_random_62.webp"] { --new-spouse-list-height: 160px; }
.npc-portrait:has(> img[src$="portrait_random_55.webp"]),
.npc-portrait:has(> img[src$="portrait_random_56.webp"]),
.npc-portrait:has(> img[src$="portrait_random_57.webp"]),
.npc-portrait:has(> img[src$="portrait_random_58.webp"]),
.npc-portrait:has(> img[src$="portrait_random_59.webp"]),
.npc-portrait:has(> img[src$="portrait_random_60.webp"]),
.npc-portrait:has(> img[src$="portrait_random_61.webp"]),
.npc-portrait:has(> img[src$="portrait_random_62.webp"]) { min-height: 160px; }
.banner img[src$="portrait_random_55.webp"],
.banner img[src$="portrait_random_56.webp"],
.banner img[src$="portrait_random_57.webp"],
.banner img[src$="portrait_random_58.webp"],
.banner img[src$="portrait_random_59.webp"],
.banner img[src$="portrait_random_60.webp"],
.banner img[src$="portrait_random_61.webp"],
.banner img[src$="portrait_random_62.webp"] { --new-spouse-list-height: 54px; }
}