/* V12 · Memorias del Refugio. Preserve the approved illustrated plates. */
:root{--paper:#eee4cf;--ink:#0b0e10;--muted-ink:#b7b7ab;--edge:#b69761}
dialog{color:var(--paper);scrollbar-color:#8e7651 #101311;scrollbar-width:thin;overscroll-behavior:contain}
dialog::backdrop{background:#030608bc;backdrop-filter:blur(3px)}
dialog #panel-eyebrow{font-size:.8rem;line-height:1.5;letter-spacing:.16em;color:#d2b477}
dialog #panel-body{line-height:1.65;overflow-wrap:anywhere}
dialog #panel-footer{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid #ad915347;padding-top:18px}
dialog #panel-footer button{min-height:46px;white-space:normal}
button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #f1d99c;outline-offset:4px}
.choice{transition:border-color .18s,background .18s,transform .18s}
.choice:not(:disabled):hover{transform:translateY(-2px);border-color:#d9bd80}
.choice.selected{box-shadow:inset 3px 0 #d1b36b;background:linear-gradient(110deg,#65543144,#0b1014e0)}
.choice:disabled{opacity:.65;filter:saturate(.55);cursor:not-allowed}
.choice small{line-height:1.55;font-size:.9rem}
.choice em{font-size:.8rem;line-height:1.5}
.topic-list button{min-height:62px;padding:15px 18px;border-bottom:1px solid #a1875438;gap:16px}
.topic-list button strong{font-family:Georgia,serif;font-size:1.1rem}
.topic-list button small{font-size:.8rem;color:#d0c0a4}
dialog[data-kind=chronicle]{background:linear-gradient(105deg,#151714f5,#0b1010f7);border-color:#9b895f}
dialog[data-kind=chronicle] #panel-body{border-left:1px solid #9b895f5c;padding-left:22px}
dialog[data-kind=dialogue] .dialogue-location{font-size:.8rem;letter-spacing:.1em;color:#c2b38e}
dialog[data-kind=dialogue] .spoken{font-size:clamp(1.05rem,1.6vw,1.4rem);line-height:1.7;max-width:43em;min-height:5.1em}
dialog[data-kind=dialogue] .dialogue-count{font-size:.8rem;font-variant-numeric:tabular-nums;letter-spacing:.18em;color:#b6a579}
dialog[data-kind=dialogue] #panel-footer{margin-top:8px}
dialog[data-scene="boss-4"],dialog[data-scene="phase-4"],dialog[data-scene="fall-4"]{background:linear-gradient(90deg,#08090bdd,#171015b0),url('assets/art/v11-bajo-el-linde.png') center/cover;border-color:#b87176}
dialog[data-scene="boss-4"] #panel-body,dialog[data-scene="phase-4"] #panel-body,dialog[data-scene="fall-4"] #panel-body{background:#100c10ba}
#interact-prompt{max-width:min(92vw,560px);white-space:normal;line-height:1.4}
#reward-action{min-height:46px}
.setting{gap:18px;min-height:54px}.setting span{line-height:1.5}.setting input[type=range]{min-height:36px}
@media(max-width:750px){
 dialog #panel-footer button{flex:1 1 140px;font-size:1rem}
 dialog[data-kind=dialogue]{padding:20px;bottom:max(12px,env(safe-area-inset-bottom));max-height:85dvh}
 dialog[data-kind=dialogue] #panel-portrait{position:relative;top:0;left:0;float:left;width:88px;height:102px;margin:0 16px 10px 0;animation:none}
 dialog[data-kind=dialogue] .dialogue-page{clear:both}
 dialog[data-kind=dialogue] .spoken{min-height:0}
 dialog[data-kind=chronicle] #panel-body{padding-left:12px}
 .topic-list button{display:flex;flex-wrap:wrap;gap:8px}.topic-list button strong{flex:1;min-width:140px}
 .setting{flex-wrap:wrap}.setting input[type=range]{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 dialog::backdrop{backdrop-filter:none}.choice:not(:disabled):hover{transform:none}
}