/* v468：新立绘按原比例显示；不改旧角色画像与数据。 */
/* New generic candidate portraits only. Square/circle and list framing are separate. */
div:has(> img[src$="portrait_random_63.webp"]):not(.npc-portrait):not(.child-portrait) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_random_63.webp"]):not(.npc-portrait):not(.child-portrait) > img[src$="portrait_random_63.webp"],
.portrait-focus-square-v468 > img[src$="portrait_random_63.webp"] { width:243.809524% !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:-72.380952% !important; top:-15.238095% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.npc-portrait > img[src$="portrait_random_63.webp"], .npc-card:hover .npc-portrait > img[src$="portrait_random_63.webp"] { width:max(calc(100% * 1.00392157 + 1.00392157px), calc(var(--portrait-list-min-height-v468) * 1.86861314 + 1.86861314px)) !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50.195313%,-17.838542%) !important; object-fit:initial !important; display:block; transition:none !important; }
div:has(> img[src$="portrait_random_64.webp"]):not(.npc-portrait):not(.child-portrait) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_random_64.webp"]):not(.npc-portrait):not(.child-portrait) > img[src$="portrait_random_64.webp"],
.portrait-focus-square-v468 > img[src$="portrait_random_64.webp"] { width:232.727273% !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:-59.090909% !important; top:-10% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.npc-portrait > img[src$="portrait_random_64.webp"], .npc-card:hover .npc-portrait > img[src$="portrait_random_64.webp"] { width:max(calc(100% * 1.06666667 + 1.06666667px), calc(var(--portrait-list-min-height-v468) * 1.93939394 + 1.93939394px)) !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-46.875%,-17.1875%) !important; object-fit:initial !important; display:block; transition:none !important; }
div:has(> img[src$="portrait_random_65.webp"]):not(.npc-portrait):not(.child-portrait) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_random_65.webp"]):not(.npc-portrait):not(.child-portrait) > img[src$="portrait_random_65.webp"],
.portrait-focus-square-v468 > img[src$="portrait_random_65.webp"] { width:238.139535% !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:-70.697674% !important; top:-6.744186% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.npc-portrait > img[src$="portrait_random_65.webp"], .npc-card:hover .npc-portrait > img[src$="portrait_random_65.webp"] { width:max(calc(100% * 1.01386139 + 1.01386139px), calc(var(--portrait-list-min-height-v468) * 2.09836066 + 2.09836066px)) !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50.683594%,-15.885417%) !important; object-fit:initial !important; display:block; transition:none !important; }
div:has(> img[src$="portrait_random_66.webp"]):not(.npc-portrait):not(.child-portrait) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_random_66.webp"]):not(.npc-portrait):not(.child-portrait) > img[src$="portrait_random_66.webp"],
.portrait-focus-square-v468 > img[src$="portrait_random_66.webp"] { width:249.756098% !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:-71.95122% !important; top:-7.804878% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.npc-portrait > img[src$="portrait_random_66.webp"], .npc-card:hover .npc-portrait > img[src$="portrait_random_66.webp"] { width:max(calc(100% * 1.024 + 1.024px), calc(var(--portrait-list-min-height-v468) * 2.16033755 + 2.16033755px)) !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-48.828125%,-15.429688%) !important; object-fit:initial !important; display:block; transition:none !important; }
div:has(> img[src$="portrait_random_67.webp"]):not(.npc-portrait):not(.child-portrait) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_random_67.webp"]):not(.npc-portrait):not(.child-portrait) > img[src$="portrait_random_67.webp"],
.portrait-focus-square-v468 > img[src$="portrait_random_67.webp"] { width:227.555556% !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:-64.666667% !important; top:-12.888889% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.npc-portrait > img[src$="portrait_random_67.webp"], .npc-card:hover .npc-portrait > img[src$="portrait_random_67.webp"] { width:max(calc(100% * 1.00787402 + 1.00787402px), calc(var(--portrait-list-min-height-v468) * 1.80918728 + 1.80918728px)) !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50.390625%,-18.424479%) !important; object-fit:initial !important; display:block; transition:none !important; }
div:has(> img[src$="portrait_random_68.webp"]):not(.npc-portrait):not(.child-portrait) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_random_68.webp"]):not(.npc-portrait):not(.child-portrait) > img[src$="portrait_random_68.webp"],
.portrait-focus-square-v468 > img[src$="portrait_random_68.webp"] { width:227.555556% !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:-62% !important; top:-5.111111% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.npc-portrait > img[src$="portrait_random_68.webp"], .npc-card:hover .npc-portrait > img[src$="portrait_random_68.webp"] { width:max(calc(100% * 1.01587302 + 1.01587302px), calc(var(--portrait-list-min-height-v468) * 2.06451613 + 2.06451613px)) !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-49.21875%,-16.145833%) !important; object-fit:initial !important; display:block; transition:none !important; }
div:has(> img[src$="portrait_random_69.webp"]):not(.npc-portrait):not(.child-portrait) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_random_69.webp"]):not(.npc-portrait):not(.child-portrait) > img[src$="portrait_random_69.webp"],
.portrait-focus-square-v468 > img[src$="portrait_random_69.webp"] { width:232.727273% !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:-65.227273% !important; top:-19.090909% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.npc-portrait > img[src$="portrait_random_69.webp"], .npc-card:hover .npc-portrait > img[src$="portrait_random_69.webp"] { width:max(calc(100% * 1.00986193 + 1.00986193px), calc(var(--portrait-list-min-height-v468) * 1.68421053 + 1.68421053px)) !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-49.511719%,-19.791667%) !important; object-fit:initial !important; display:block; transition:none !important; }
div:has(> img[src$="portrait_random_70.webp"]):not(.npc-portrait):not(.child-portrait) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_random_70.webp"]):not(.npc-portrait):not(.child-portrait) > img[src$="portrait_random_70.webp"],
.portrait-focus-square-v468 > img[src$="portrait_random_70.webp"] { width:238.139535% !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:-65.813953% !important; top:-16.27907% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.npc-portrait > img[src$="portrait_random_70.webp"], .npc-card:hover .npc-portrait > img[src$="portrait_random_70.webp"] { width:max(calc(100% * 1.02811245 + 1.02811245px), calc(var(--portrait-list-min-height-v468) * 1.79649123 + 1.79649123px)) !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-48.632813%,-18.554688%) !important; object-fit:initial !important; display:block; transition:none !important; }
div:has(> img[src$="portrait_child_daughter_10.webp"]):not(.npc-portrait):not(.child-portrait) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_child_daughter_10.webp"]):not(.npc-portrait):not(.child-portrait) > img[src$="portrait_child_daughter_10.webp"],
.portrait-focus-square-v468 > img[src$="portrait_child_daughter_10.webp"] { width:213.333333% !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:-57.291667% !important; top:-12.5% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.child-portrait > img[src*="portrait_child_daughter_10.webp"], .npc-card:hover .child-portrait > img[src*="portrait_child_daughter_10.webp"] { width:max(calc(100% * 1.00589391 + 1.00589391px), calc(var(--portrait-list-min-height-v468) * 1.70666667 + 1.70666667px)) !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50.292969%,-19.53125%) !important; object-fit:initial !important; display:block; transition:none !important; }
div:has(> img[src$="portrait_child_daughter_11.webp"]):not(.npc-portrait):not(.child-portrait) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_child_daughter_11.webp"]):not(.npc-portrait):not(.child-portrait) > img[src$="portrait_child_daughter_11.webp"],
.portrait-focus-square-v468 > img[src$="portrait_child_daughter_11.webp"] { width:196.923077% !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:-42.884615% !important; top:-13.653846% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.child-portrait > img[src*="portrait_child_daughter_11.webp"], .npc-card:hover .child-portrait > img[src*="portrait_child_daughter_11.webp"] { width:max(calc(100% * 1.06004141 + 1.06004141px), calc(var(--portrait-list-min-height-v468) * 1.54682779 + 1.54682779px)) !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-47.167969%,-21.549479%) !important; object-fit:initial !important; display:block; transition:none !important; }
div:has(> img[src$="portrait_child_daughter_12.webp"]):not(.npc-portrait):not(.child-portrait) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_child_daughter_12.webp"]):not(.npc-portrait):not(.child-portrait) > img[src$="portrait_child_daughter_12.webp"],
.portrait-focus-square-v468 > img[src$="portrait_child_daughter_12.webp"] { width:200.784314% !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:-48.823529% !important; top:-20.196078% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.child-portrait > img[src*="portrait_child_daughter_12.webp"], .npc-card:hover .child-portrait > img[src*="portrait_child_daughter_12.webp"] { width:max(calc(100% * 1.01587302 + 1.01587302px), calc(var(--portrait-list-min-height-v468) * 1.4301676 + 1.4301676px)) !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-49.21875%,-23.307292%) !important; object-fit:initial !important; display:block; transition:none !important; }
div:has(> img[src$="portrait_child_daughter_13.webp"]):not(.npc-portrait):not(.child-portrait) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_child_daughter_13.webp"]):not(.npc-portrait):not(.child-portrait) > img[src$="portrait_child_daughter_13.webp"],
.portrait-focus-square-v468 > img[src$="portrait_child_daughter_13.webp"] { width:189.62963% !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:-38.888889% !important; top:-13.703704% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.child-portrait > img[src*="portrait_child_daughter_13.webp"], .npc-card:hover .child-portrait > img[src*="portrait_child_daughter_13.webp"] { width:max(calc(100% * 1.06666667 + 1.06666667px), calc(var(--portrait-list-min-height-v468) * 1.48837209 + 1.48837209px)) !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-46.875%,-22.395833%) !important; object-fit:initial !important; display:block; transition:none !important; }
div:has(> img[src$="portrait_child_son_9.webp"]):not(.npc-portrait):not(.child-portrait) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_child_son_9.webp"]):not(.npc-portrait):not(.child-portrait) > img[src$="portrait_child_son_9.webp"],
.portrait-focus-square-v468 > img[src$="portrait_child_son_9.webp"] { width:196.923077% !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:-43.653846% !important; top:-17.692308% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.child-portrait > img[src*="portrait_child_son_9.webp"], .npc-card:hover .child-portrait > img[src*="portrait_child_son_9.webp"] { width:max(calc(100% * 1.0513347 + 1.0513347px), calc(var(--portrait-list-min-height-v468) * 1.45454545 + 1.45454545px)) !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-47.558594%,-22.916667%) !important; object-fit:initial !important; display:block; transition:none !important; }
div:has(> img[src$="portrait_child_son_10.webp"]):not(.npc-portrait):not(.child-portrait) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_child_son_10.webp"]):not(.npc-portrait):not(.child-portrait) > img[src$="portrait_child_son_10.webp"],
.portrait-focus-square-v468 > img[src$="portrait_child_son_10.webp"] { width:222.608696% !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:-62.608696% !important; top:-26.086957% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.child-portrait > img[src*="portrait_child_son_10.webp"], .npc-card:hover .child-portrait > img[src*="portrait_child_son_10.webp"] { width:max(calc(100% * 1.01185771 + 1.01185771px), calc(var(--portrait-list-min-height-v468) * 1.46285714 + 1.46285714px)) !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50.585938%,-22.786458%) !important; object-fit:initial !important; display:block; transition:none !important; }
div:has(> img[src$="portrait_child_son_11.webp"]):not(.npc-portrait):not(.child-portrait) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_child_son_11.webp"]):not(.npc-portrait):not(.child-portrait) > img[src$="portrait_child_son_11.webp"],
.portrait-focus-square-v468 > img[src$="portrait_child_son_11.webp"] { width:186.181818% !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:-42.363636% !important; top:-16.181818% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.child-portrait > img[src*="portrait_child_son_11.webp"], .npc-card:hover .child-portrait > img[src*="portrait_child_son_11.webp"] { width:max(calc(100% * 1.00787402 + 1.00787402px), calc(var(--portrait-list-min-height-v468) * 1.40659341 + 1.40659341px)) !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-49.609375%,-23.697917%) !important; object-fit:initial !important; display:block; transition:none !important; }
div:has(> img[src$="portrait_child_son_12.webp"]):not(.npc-portrait):not(.child-portrait) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_child_son_12.webp"]):not(.npc-portrait):not(.child-portrait) > img[src$="portrait_child_son_12.webp"],
.portrait-focus-square-v468 > img[src$="portrait_child_son_12.webp"] { width:200.784314% !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:-50.392157% !important; top:-21.568627% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.child-portrait > img[src*="portrait_child_son_12.webp"], .npc-card:hover .child-portrait > img[src*="portrait_child_son_12.webp"] { width:max(calc(100% * 1 + 1px), calc(var(--portrait-list-min-height-v468) * 1.40273973 + 1.40273973px)) !important; height:auto !important; max-width:none !important; max-height:none !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50%,-23.763021%) !important; object-fit:initial !important; display:block; transition:none !important; }
.npc-portrait:has(> img[src$="portrait_random_63.webp"]),
.npc-portrait:has(> img[src$="portrait_random_64.webp"]),
.npc-portrait:has(> img[src$="portrait_random_65.webp"]),
.npc-portrait:has(> img[src$="portrait_random_66.webp"]),
.npc-portrait:has(> img[src$="portrait_random_67.webp"]),
.npc-portrait:has(> img[src$="portrait_random_68.webp"]),
.npc-portrait:has(> img[src$="portrait_random_69.webp"]),
.npc-portrait:has(> img[src$="portrait_random_70.webp"]) { height:auto !important; min-height:210px; aspect-ratio:5 / 2; overflow:hidden; --portrait-list-min-height-v468:210px; }
.child-portrait:has(> img[src$="portrait_child_daughter_10.webp"]),
.child-portrait:has(> img[src$="portrait_child_daughter_11.webp"]),
.child-portrait:has(> img[src$="portrait_child_daughter_12.webp"]),
.child-portrait:has(> img[src$="portrait_child_daughter_13.webp"]),
.child-portrait:has(> img[src$="portrait_child_son_9.webp"]),
.child-portrait:has(> img[src$="portrait_child_son_10.webp"]),
.child-portrait:has(> img[src$="portrait_child_son_11.webp"]),
.child-portrait:has(> img[src$="portrait_child_son_12.webp"]) { height:auto !important; min-height:210px; aspect-ratio:2 / 1; overflow:hidden; --portrait-list-min-height-v468:210px; }
.portrait-focus-square-v468 { position:relative; overflow:hidden; }
.portrait-focus-list-v468 { height:auto !important; min-height:210px; overflow:hidden; --portrait-list-min-height-v468:210px; }
.portrait-focus-list-v468.npc-portrait { aspect-ratio:5 / 2; }
.portrait-focus-list-v468.child-portrait { aspect-ratio:2 / 1; }
@media(max-width:768px) {
.npc-portrait:has(> img[src$="portrait_random_63.webp"]),
.npc-portrait:has(> img[src$="portrait_random_64.webp"]),
.npc-portrait:has(> img[src$="portrait_random_65.webp"]),
.npc-portrait:has(> img[src$="portrait_random_66.webp"]),
.npc-portrait:has(> img[src$="portrait_random_67.webp"]),
.npc-portrait:has(> img[src$="portrait_random_68.webp"]),
.npc-portrait:has(> img[src$="portrait_random_69.webp"]),
.npc-portrait:has(> img[src$="portrait_random_70.webp"]),
.child-portrait:has(> img[src$="portrait_child_daughter_10.webp"]),
.child-portrait:has(> img[src$="portrait_child_daughter_11.webp"]),
.child-portrait:has(> img[src$="portrait_child_daughter_12.webp"]),
.child-portrait:has(> img[src$="portrait_child_daughter_13.webp"]),
.child-portrait:has(> img[src$="portrait_child_son_9.webp"]),
.child-portrait:has(> img[src$="portrait_child_son_10.webp"]),
.child-portrait:has(> img[src$="portrait_child_son_11.webp"]),
.child-portrait:has(> img[src$="portrait_child_son_12.webp"]),
.portrait-focus-list-v468 { min-height:180px; --portrait-list-min-height-v468:180px; }
}
@media(max-width:480px) {
.npc-portrait:has(> img[src$="portrait_random_63.webp"]),
.npc-portrait:has(> img[src$="portrait_random_64.webp"]),
.npc-portrait:has(> img[src$="portrait_random_65.webp"]),
.npc-portrait:has(> img[src$="portrait_random_66.webp"]),
.npc-portrait:has(> img[src$="portrait_random_67.webp"]),
.npc-portrait:has(> img[src$="portrait_random_68.webp"]),
.npc-portrait:has(> img[src$="portrait_random_69.webp"]),
.npc-portrait:has(> img[src$="portrait_random_70.webp"]),
.child-portrait:has(> img[src$="portrait_child_daughter_10.webp"]),
.child-portrait:has(> img[src$="portrait_child_daughter_11.webp"]),
.child-portrait:has(> img[src$="portrait_child_daughter_12.webp"]),
.child-portrait:has(> img[src$="portrait_child_daughter_13.webp"]),
.child-portrait:has(> img[src$="portrait_child_son_9.webp"]),
.child-portrait:has(> img[src$="portrait_child_son_10.webp"]),
.child-portrait:has(> img[src$="portrait_child_son_11.webp"]),
.child-portrait:has(> img[src$="portrait_child_son_12.webp"]),
.portrait-focus-list-v468 { min-height:160px; --portrait-list-min-height-v468:160px; }
}

/* Eight premium selectable candidates only. Large full-image preview deliberately excluded. */
div:has(> img[src$="portrait_manual_frost_gold_v468.webp"]):not(.npc-portrait):not(.manual-portrait-large-frame-v307) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_manual_frost_gold_v468.webp"]):not(.npc-portrait):not(.manual-portrait-large-frame-v307) > img[src$="portrait_manual_frost_gold_v468.webp"],
.manual-focus-square-v468 > img[src$="portrait_manual_frost_gold_v468.webp"] { position:absolute !important; width:387.878788% !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:auto !important; left:-130.681818% !important; top:0% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.npc-portrait > img[src$="portrait_manual_frost_gold_v468.webp"], .npc-card:hover .npc-portrait > img[src$="portrait_manual_frost_gold_v468.webp"] { width:max(calc(100% * 1.07337526 + 1.07337526px),calc(100% * 1.55151515 + 3.87878788px),calc(var(--manual-list-min-height-v468) * 3.87878788 + 3.87878788px)) !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:auto !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-46.582031%,-8.59375%) !important; object-fit:initial !important; display:block; transition:none !important; }
.manual-portrait-choice-v307:has(> .manual-portrait-thumb-v307 > img[src$="portrait_manual_frost_gold_v468.webp"]) { display:block; white-space:normal; }
.manual-portrait-thumb-v307 > img[src$="portrait_manual_frost_gold_v468.webp"], .manual-portrait-choice-v307:hover .manual-portrait-thumb-v307 > img[src$="portrait_manual_frost_gold_v468.webp"] { width:100% !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:3 / 4 !important; position:static !important; transform:none !important; object-fit:contain !important; object-position:center !important; display:block; transition:none !important; }
div:has(> img[src$="portrait_manual_ink_jade_v468.webp"]):not(.npc-portrait):not(.manual-portrait-large-frame-v307) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_manual_ink_jade_v468.webp"]):not(.npc-portrait):not(.manual-portrait-large-frame-v307) > img[src$="portrait_manual_ink_jade_v468.webp"],
.manual-focus-square-v468 > img[src$="portrait_manual_ink_jade_v468.webp"] { position:absolute !important; width:276.756757% !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:auto !important; left:-83.243243% !important; top:0% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.npc-portrait > img[src$="portrait_manual_ink_jade_v468.webp"], .npc-card:hover .npc-portrait > img[src$="portrait_manual_ink_jade_v468.webp"] { width:max(calc(100% * 1.03853955 + 1.03853955px),calc(100% * 1.10702703 + 2.76756757px),calc(var(--manual-list-min-height-v468) * 2.76756757 + 2.76756757px)) !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:auto !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-48.144531%,-12.044271%) !important; object-fit:initial !important; display:block; transition:none !important; }
.manual-portrait-choice-v307:has(> .manual-portrait-thumb-v307 > img[src$="portrait_manual_ink_jade_v468.webp"]) { display:block; white-space:normal; }
.manual-portrait-thumb-v307 > img[src$="portrait_manual_ink_jade_v468.webp"], .manual-portrait-choice-v307:hover .manual-portrait-thumb-v307 > img[src$="portrait_manual_ink_jade_v468.webp"] { width:100% !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:3 / 4 !important; position:static !important; transform:none !important; object-fit:contain !important; object-position:center !important; display:block; transition:none !important; }
div:has(> img[src$="portrait_manual_jade_orchid_v468.webp"]):not(.npc-portrait):not(.manual-portrait-large-frame-v307) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_manual_jade_orchid_v468.webp"]):not(.npc-portrait):not(.manual-portrait-large-frame-v307) > img[src$="portrait_manual_jade_orchid_v468.webp"],
.manual-focus-square-v468 > img[src$="portrait_manual_jade_orchid_v468.webp"] { position:absolute !important; width:256% !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:auto !important; left:-80% !important; top:0% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.npc-portrait > img[src$="portrait_manual_jade_orchid_v468.webp"], .npc-card:hover .npc-portrait > img[src$="portrait_manual_jade_orchid_v468.webp"] { width:max(calc(100% * 1.01587302 + 1.01587302px),calc(100% * 1.024 + 2.56px),calc(var(--manual-list-min-height-v468) * 2.56 + 2.56px)) !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:auto !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50.78125%,-13.020833%) !important; object-fit:initial !important; display:block; transition:none !important; }
.manual-portrait-choice-v307:has(> .manual-portrait-thumb-v307 > img[src$="portrait_manual_jade_orchid_v468.webp"]) { display:block; white-space:normal; }
.manual-portrait-thumb-v307 > img[src$="portrait_manual_jade_orchid_v468.webp"], .manual-portrait-choice-v307:hover .manual-portrait-thumb-v307 > img[src$="portrait_manual_jade_orchid_v468.webp"] { width:100% !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:3 / 4 !important; position:static !important; transform:none !important; object-fit:contain !important; object-position:center !important; display:block; transition:none !important; }
div:has(> img[src$="portrait_manual_burgundy_snow_v468.webp"]):not(.npc-portrait):not(.manual-portrait-large-frame-v307) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_manual_burgundy_snow_v468.webp"]):not(.npc-portrait):not(.manual-portrait-large-frame-v307) > img[src$="portrait_manual_burgundy_snow_v468.webp"],
.manual-focus-square-v468 > img[src$="portrait_manual_burgundy_snow_v468.webp"] { position:absolute !important; width:253.465347% !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:auto !important; left:-78.217822% !important; top:0% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.npc-portrait > img[src$="portrait_manual_burgundy_snow_v468.webp"], .npc-card:hover .npc-portrait > img[src$="portrait_manual_burgundy_snow_v468.webp"] { width:max(calc(100% * 1.01185771 + 1.01185771px),calc(100% * 1.01386139 + 2.53465347px),calc(var(--manual-list-min-height-v468) * 2.53465347 + 2.53465347px)) !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:auto !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50.585938%,-13.151042%) !important; object-fit:initial !important; display:block; transition:none !important; }
.manual-portrait-choice-v307:has(> .manual-portrait-thumb-v307 > img[src$="portrait_manual_burgundy_snow_v468.webp"]) { display:block; white-space:normal; }
.manual-portrait-thumb-v307 > img[src$="portrait_manual_burgundy_snow_v468.webp"], .manual-portrait-choice-v307:hover .manual-portrait-thumb-v307 > img[src$="portrait_manual_burgundy_snow_v468.webp"] { width:100% !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:3 / 4 !important; position:static !important; transform:none !important; object-fit:contain !important; object-position:center !important; display:block; transition:none !important; }
div:has(> img[src$="portrait_manual_peony_gold_v468.webp"]):not(.npc-portrait):not(.manual-portrait-large-frame-v307) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_manual_peony_gold_v468.webp"]):not(.npc-portrait):not(.manual-portrait-large-frame-v307) > img[src$="portrait_manual_peony_gold_v468.webp"],
.manual-focus-square-v468 > img[src$="portrait_manual_peony_gold_v468.webp"] { position:absolute !important; width:238.139535% !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:auto !important; left:-68.604651% !important; top:-25.581395% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.npc-portrait > img[src$="portrait_manual_peony_gold_v468.webp"], .npc-card:hover .npc-portrait > img[src$="portrait_manual_peony_gold_v468.webp"] { width:max(calc(100% * 1.00392157 + 1.00392157px),calc(100% * 0.63015385 + 1.57538462px),calc(var(--manual-list-min-height-v468) * 1.57538462 + 1.57538462px)) !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:auto !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-49.804688%,-21.158854%) !important; object-fit:initial !important; display:block; transition:none !important; }
.manual-portrait-choice-v307:has(> .manual-portrait-thumb-v307 > img[src$="portrait_manual_peony_gold_v468.webp"]) { display:block; white-space:normal; }
.manual-portrait-thumb-v307 > img[src$="portrait_manual_peony_gold_v468.webp"], .manual-portrait-choice-v307:hover .manual-portrait-thumb-v307 > img[src$="portrait_manual_peony_gold_v468.webp"] { width:100% !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:3 / 4 !important; position:static !important; transform:none !important; object-fit:contain !important; object-position:center !important; display:block; transition:none !important; }
div:has(> img[src$="portrait_manual_dew_lotus_v468.webp"]):not(.npc-portrait):not(.manual-portrait-large-frame-v307) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_manual_dew_lotus_v468.webp"]):not(.npc-portrait):not(.manual-portrait-large-frame-v307) > img[src$="portrait_manual_dew_lotus_v468.webp"],
.manual-focus-square-v468 > img[src$="portrait_manual_dew_lotus_v468.webp"] { position:absolute !important; width:384.962406% !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:auto !important; left:-125.18797% !important; top:0% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.npc-portrait > img[src$="portrait_manual_dew_lotus_v468.webp"], .npc-card:hover .npc-portrait > img[src$="portrait_manual_dew_lotus_v468.webp"] { width:max(calc(100% * 1.09871245 + 1.09871245px),calc(100% * 1.53984962 + 3.84962406px),calc(var(--manual-list-min-height-v468) * 3.84962406 + 3.84962406px)) !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:auto !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-45.507813%,-8.658854%) !important; object-fit:initial !important; display:block; transition:none !important; }
.manual-portrait-choice-v307:has(> .manual-portrait-thumb-v307 > img[src$="portrait_manual_dew_lotus_v468.webp"]) { display:block; white-space:normal; }
.manual-portrait-thumb-v307 > img[src$="portrait_manual_dew_lotus_v468.webp"], .manual-portrait-choice-v307:hover .manual-portrait-thumb-v307 > img[src$="portrait_manual_dew_lotus_v468.webp"] { width:100% !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:3 / 4 !important; position:static !important; transform:none !important; object-fit:contain !important; object-position:center !important; display:block; transition:none !important; }
div:has(> img[src$="portrait_manual_purple_lantern_v468.webp"]):not(.npc-portrait):not(.manual-portrait-large-frame-v307) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_manual_purple_lantern_v468.webp"]):not(.npc-portrait):not(.manual-portrait-large-frame-v307) > img[src$="portrait_manual_purple_lantern_v468.webp"],
.manual-focus-square-v468 > img[src$="portrait_manual_purple_lantern_v468.webp"] { position:absolute !important; width:235.9447% !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:auto !important; left:-69.815668% !important; top:0% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.npc-portrait > img[src$="portrait_manual_purple_lantern_v468.webp"], .npc-card:hover .npc-portrait > img[src$="portrait_manual_purple_lantern_v468.webp"] { width:max(calc(100% * 1.01587302 + 1.01587302px),calc(100% * 0.9437788 + 2.359447px),calc(var(--manual-list-min-height-v468) * 2.359447 + 2.359447px)) !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:auto !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50.78125%,-14.127604%) !important; object-fit:initial !important; display:block; transition:none !important; }
.manual-portrait-choice-v307:has(> .manual-portrait-thumb-v307 > img[src$="portrait_manual_purple_lantern_v468.webp"]) { display:block; white-space:normal; }
.manual-portrait-thumb-v307 > img[src$="portrait_manual_purple_lantern_v468.webp"], .manual-portrait-choice-v307:hover .manual-portrait-thumb-v307 > img[src$="portrait_manual_purple_lantern_v468.webp"] { width:100% !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:3 / 4 !important; position:static !important; transform:none !important; object-fit:contain !important; object-position:center !important; display:block; transition:none !important; }
div:has(> img[src$="portrait_manual_amber_osmanthus_v468.webp"]):not(.npc-portrait):not(.manual-portrait-large-frame-v307) { position:relative; overflow:hidden; }
div:has(> img[src$="portrait_manual_amber_osmanthus_v468.webp"]):not(.npc-portrait):not(.manual-portrait-large-frame-v307) > img[src$="portrait_manual_amber_osmanthus_v468.webp"],
.manual-focus-square-v468 > img[src$="portrait_manual_amber_osmanthus_v468.webp"] { position:absolute !important; width:246.153846% !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:auto !important; left:-75% !important; top:0% !important; transform:none !important; object-fit:initial !important; display:block; transition:none !important; }
.npc-portrait > img[src$="portrait_manual_amber_osmanthus_v468.webp"], .npc-card:hover .npc-portrait > img[src$="portrait_manual_amber_osmanthus_v468.webp"] { width:max(calc(100% * 1.01587302 + 1.01587302px),calc(100% * 0.98461538 + 2.46153846px),calc(var(--manual-list-min-height-v468) * 2.46153846 + 2.46153846px)) !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:auto !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50.78125%,-13.541667%) !important; object-fit:initial !important; display:block; transition:none !important; }
.manual-portrait-choice-v307:has(> .manual-portrait-thumb-v307 > img[src$="portrait_manual_amber_osmanthus_v468.webp"]) { display:block; white-space:normal; }
.manual-portrait-thumb-v307 > img[src$="portrait_manual_amber_osmanthus_v468.webp"], .manual-portrait-choice-v307:hover .manual-portrait-thumb-v307 > img[src$="portrait_manual_amber_osmanthus_v468.webp"] { width:100% !important; height:auto !important; max-width:none !important; max-height:none !important; aspect-ratio:3 / 4 !important; position:static !important; transform:none !important; object-fit:contain !important; object-position:center !important; display:block; transition:none !important; }
.npc-portrait:has(> img[src$="portrait_manual_frost_gold_v468.webp"]),
.npc-portrait:has(> img[src$="portrait_manual_ink_jade_v468.webp"]),
.npc-portrait:has(> img[src$="portrait_manual_jade_orchid_v468.webp"]),
.npc-portrait:has(> img[src$="portrait_manual_burgundy_snow_v468.webp"]),
.npc-portrait:has(> img[src$="portrait_manual_peony_gold_v468.webp"]),
.npc-portrait:has(> img[src$="portrait_manual_dew_lotus_v468.webp"]),
.npc-portrait:has(> img[src$="portrait_manual_purple_lantern_v468.webp"]),
.npc-portrait:has(> img[src$="portrait_manual_amber_osmanthus_v468.webp"]) { height:auto !important; min-height:210px; aspect-ratio:5 / 2; overflow:hidden; --manual-list-min-height-v468:210px; }
.manual-portrait-thumb-v307:has(> img[src$="portrait_manual_frost_gold_v468.webp"]),
.manual-portrait-thumb-v307:has(> img[src$="portrait_manual_ink_jade_v468.webp"]),
.manual-portrait-thumb-v307:has(> img[src$="portrait_manual_jade_orchid_v468.webp"]),
.manual-portrait-thumb-v307:has(> img[src$="portrait_manual_burgundy_snow_v468.webp"]),
.manual-portrait-thumb-v307:has(> img[src$="portrait_manual_peony_gold_v468.webp"]),
.manual-portrait-thumb-v307:has(> img[src$="portrait_manual_dew_lotus_v468.webp"]),
.manual-portrait-thumb-v307:has(> img[src$="portrait_manual_purple_lantern_v468.webp"]),
.manual-portrait-thumb-v307:has(> img[src$="portrait_manual_amber_osmanthus_v468.webp"]) { width:100%; aspect-ratio:3 / 4; height:auto; }
.manual-focus-square-v468 { position:relative; overflow:hidden; }
.manual-focus-list-v468 { height:auto !important; min-height:210px; aspect-ratio:5 / 2; overflow:hidden; --manual-list-min-height-v468:210px; }
.manual-focus-thumb-v468 { width:100%; aspect-ratio:3 / 4; height:auto; }
.manual-focus-choice-v468 { display:block; white-space:normal; }
@media(max-width:768px) {
.npc-portrait:has(> img[src$="portrait_manual_frost_gold_v468.webp"]),
.npc-portrait:has(> img[src$="portrait_manual_ink_jade_v468.webp"]),
.npc-portrait:has(> img[src$="portrait_manual_jade_orchid_v468.webp"]),
.npc-portrait:has(> img[src$="portrait_manual_burgundy_snow_v468.webp"]),
.npc-portrait:has(> img[src$="portrait_manual_peony_gold_v468.webp"]),
.npc-portrait:has(> img[src$="portrait_manual_dew_lotus_v468.webp"]),
.npc-portrait:has(> img[src$="portrait_manual_purple_lantern_v468.webp"]),
.npc-portrait:has(> img[src$="portrait_manual_amber_osmanthus_v468.webp"]),
.manual-focus-list-v468 { min-height:180px; --manual-list-min-height-v468:180px; }
}
@media(max-width:480px) {
.npc-portrait:has(> img[src$="portrait_manual_frost_gold_v468.webp"]),
.npc-portrait:has(> img[src$="portrait_manual_ink_jade_v468.webp"]),
.npc-portrait:has(> img[src$="portrait_manual_jade_orchid_v468.webp"]),
.npc-portrait:has(> img[src$="portrait_manual_burgundy_snow_v468.webp"]),
.npc-portrait:has(> img[src$="portrait_manual_peony_gold_v468.webp"]),
.npc-portrait:has(> img[src$="portrait_manual_dew_lotus_v468.webp"]),
.npc-portrait:has(> img[src$="portrait_manual_purple_lantern_v468.webp"]),
.npc-portrait:has(> img[src$="portrait_manual_amber_osmanthus_v468.webp"]),
.manual-focus-list-v468 { min-height:160px; --manual-list-min-height-v468:160px; }
}


.manual-portrait-choice-v307 { display:block; white-space:normal; }

/* v494: Every child list card uses the original 120px landscape frame.
   Keep each portrait's head-centering math; URLs with recovery parameters use the same framing.
   No state/data changes, and no spouse, detail-dialog or full-image preview changes. */
.child-card > div.child-portrait {
    height:120px !important;
    min-height:120px !important;
    max-height:120px !important;
    aspect-ratio:auto !important;
    --portrait-list-min-height-v468:120px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    flex:0 0 auto;
}