/* Supplied transparent art stays in the existing stage, anchored at its lower edge. */
.real-portrait { position:relative; background:none!important; border:0!important; border-radius:0; overflow:visible; }
.real-portrait > .portrait-image { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; object-position:center bottom; }
.real-portrait > .portrait-caption { position:absolute; left:50%; bottom:0; transform:translateX(-50%); max-width:100%; white-space:nowrap; padding:2px 7px; border-radius:6px; background:rgba(255,248,232,.65); font-size:12px; color:#342f29; }
.real-portrait > .empress-overlay { position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:90%; height:11%; object-fit:contain; z-index:2; pointer-events:none; }
.real-portrait:has(.empress-overlay) > .portrait-caption { bottom:12%; }
.portrait-missing > .portrait-caption { white-space:normal; }
body:is([data-version='4.4.9'],[data-version='4.4.10']) .scene-visual { align-items:end; padding-bottom:8px; }
body:is([data-version='4.4.9'],[data-version='4.4.10']) .portrait-slot.real-portrait { height:96%; opacity:.65; transform:scale(.94); transform-origin:center bottom; }
body:is([data-version='4.4.9'],[data-version='4.4.10']) .portrait-slot.portrait-focus { opacity:1; transform:none; }
body:is([data-version='4.4.9'],[data-version='4.4.10']) .scene-visual[data-portrait-mode='single'] .portrait-slot { max-width:80%; opacity:1; transform:none; }
body:is([data-version='4.4.9'],[data-version='4.4.10']) .scene-visual[data-portrait-mode='pair'] .portrait-slot { max-width:48%; }
body:is([data-version='4.4.9'],[data-version='4.4.10']) .scene-visual[data-portrait-mode='multiple'] .portrait-slot { max-width:32%; }
body:is([data-version='4.4.9'],[data-version='4.4.10']) .portrait-detail { display:grid; grid-template-columns:minmax(120px,.7fr) minmax(0,1.3fr); gap:16px; min-height:230px; }
body:is([data-version='4.4.9'],[data-version='4.4.10']) .portrait-detail > .game-portrait { width:100%; height:clamp(180px,42svh,410px); max-width:100%; margin:0; position:sticky; top:0; }
body:is([data-version='4.4.9'],[data-version='4.4.10']) .portrait-detail-info { min-width:0; }
body:is([data-version='4.4.9'],[data-version='4.4.10']) .character-title { display:flex; justify-content:start; align-items:center; gap:10px; max-width:none; margin:0 0 10px; padding:0; }
body:is([data-version='4.4.9'],[data-version='4.4.10']) .character-title > h2 { margin:0; }
body:is([data-version='4.4.9'],[data-version='4.4.10']) .empress-heading { width:130px; height:44px; object-fit:contain; }
body:is([data-version='4.4.9'],[data-version='4.4.10']) .game-content[data-page='report'] > .game-portrait,body:is([data-version='4.4.9'],[data-version='4.4.10']) .game-content[data-page='result'] > .game-portrait { float:left; width:30%; max-width:220px; height:clamp(160px,42svh,330px); margin:0 18px 12px 0; }
body:is([data-version='4.4.9'],[data-version='4.4.10']) .game-content[data-page='result'] > button { position:relative; z-index:2; }
@media (orientation:portrait) and (max-width:700px) {
 body:is([data-version='4.4.9'],[data-version='4.4.10']) .scene-visual { padding-bottom:0; }
 body:is([data-version='4.4.9'],[data-version='4.4.10']) .portrait-detail { grid-template-columns:1fr; gap:12px; }
 body:is([data-version='4.4.9'],[data-version='4.4.10']) .portrait-detail > .game-portrait { height:220px; position:relative; }
 body:is([data-version='4.4.9'],[data-version='4.4.10']) .empress-heading { width:95px; height:33px; }
 body:is([data-version='4.4.9'],[data-version='4.4.10']) .character-title { flex-wrap:wrap; gap:4px; }
}