.story-campaign-mansion { --gold:#d4b681; --accent:#bb83c9; }
.story-campaign-picker { grid-template-columns:repeat(3,minmax(0,1fr)); }
.story-campaign-mansion .story-book { border-color:#645372; }
.story-campaign-mansion .story-book-art:after { content:''; position:absolute; inset:0; box-shadow:inset 0 0 60px #190e38; pointer-events:none; }
.story-campaign-mansion .story-scene-tag { background:#30233dea; color:#e8d2f2; }
.story-campaign-mansion .story-visual { background:linear-gradient(#1a1325aa,#11101ccc),var(--story-background) center/cover; }
.story-shadow .story-asset,.mansion-shadow-art { filter:saturate(.22) hue-rotate(22deg) contrast(1.18) brightness(.72); }
.story-shadow .story-visual { box-shadow:inset 0 0 0 1px #a896cf; }
.mansion-shadow-match .match-portrait { box-shadow:inset 0 0 45px #7353a744; }
.mansion-talk { width:min(760px,94vw); padding:0; display:grid; grid-template-columns:220px 1fr; overflow:hidden; background:#15131e; border:1px solid #8c6d9e; }
.mansion-talk:not([open]) { display:none; }
.mansion-talk.mansion-talk-text-only { width:min(560px,94vw); grid-template-columns:minmax(0,1fr); }
.mansion-talk-art { position:relative; min-width:0; overflow:hidden; background:#201729; }
.mansion-talk-art .portrait { width:100%; height:100%; min-height:280px; aspect-ratio:auto; }
.mansion-talk-art img { width:100%; height:100%; object-fit:cover; object-position:50% var(--talk-focus,0%); }
.mansion-talk-art[data-character="tamaki"] { --talk-focus:8%; }
.mansion-talk-art[data-character="bunny-twins"],.mansion-talk-art[data-character="yomi"] { --talk-focus:15%; }
.mansion-talk-copy { padding:28px; min-width:0; }
.mansion-talk-copy h2 { font-size:24px; color:#dec9e9; }
.mansion-talk-text { font-size:18px; line-height:1.9; white-space:pre-line; }
.mansion-finale-match .mt-battle-voice p { white-space:pre-line; }
.mansion-finale-match .round-header i { font-size:12px; letter-spacing:.03em; }
.mansion-finale-match .mt-allies span { overflow:hidden; text-overflow:ellipsis; }
.mansion-finale-match .mt-battle-actions button { overflow-wrap:anywhere; }
.mansion-finale-match .tile.ready { box-shadow:0 0 0 2px #d7b675,0 0 10px #d7b67555; }
.mansion-finale-match .tile.selected { transform:translateY(-7px); }
.mansion-finale-match .mobile-dialogue { max-height:none; }
@media(max-width:700px){
 .story-campaign-picker { flex-wrap:wrap; }
 .story-campaign-picker button { flex:1 1 30%; padding:12px 6px; min-width:0; }
 .mansion-talk { width:min(460px,94vw); grid-template-columns:1fr; max-height:90dvh; overflow:auto; }
 .mansion-talk-art { height:clamp(220px,64vw,300px); }
 .mansion-talk-art .portrait { min-height:0; }
 .mansion-talk-copy { padding:20px; }
 .mansion-talk-copy h2 { font-size:21px; }
 .mansion-talk-text { font-size:17px; }
 .mansion-talk .confirm-actions { flex-wrap:wrap; }
 .mansion-finale-match .mt-battle-voice p { font-size:15px; line-height:1.7; }
 .mansion-finale-match .mt-battle-actions { gap:7px; }
}
@media(orientation:landscape) and (max-height:520px){
 .mansion-talk { width:min(760px,94vw); grid-template-columns:150px 1fr; max-height:90dvh; overflow:auto; }
 .mansion-talk-art { height:100%; }
 .mansion-talk-copy { padding:16px; }
 .mansion-talk-text { font-size:16px; }
 .compact-landscape .mansion-finale-match .mobile-dialogue { max-height:100px; overflow:auto; }
}