/* Readable real dialogue over separately framed scene artwork. */
.field-panel.retreat-panel{display:flex;flex-direction:column;max-width:1200px;overflow:auto}
.retreat-panel .retreatLayout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:center;min-height:0}
.retreatArt{position:relative;width:100%;overflow:hidden;border:1px solid #9e9467;border-radius:10px;background:#10272d;box-shadow:0 8px 20px #0006}
.retreatArt>img{position:absolute;left:0;top:var(--retreat-top);width:100%;height:auto;max-width:none;max-height:none;display:block}
.retreatDialogue{min-width:0;overflow:auto;line-height:1.5}
.retreatDialogue p{margin:0 0 16px;font-size:17px}
.retreatDialogue p:last-child{margin-bottom:0}
.retreatDialogue strong{color:#c7e897}
#retreatActions{flex-shrink:0;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid #8b8d6555}
.retreatCount{align-self:center;margin-right:auto;color:#c5d5bd;font-variant-numeric:tabular-nums}
.compact-ui .field-panel.retreat-panel{height:100%;width:100%;max-height:100%;overflow:auto}
.compact-ui .retreat-panel .retreatLayout{flex:1;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px;overflow:auto}
.compact-ui .retreat-panel h2{margin:3px 0 8px;font-size:22px;line-height:1.15}
.compact-ui .retreat-panel .eyebrow{flex-shrink:0;font-size:11px}
.compact-ui .retreatDialogue p{font-size:15px;line-height:1.4;margin:0 0 10px}
.compact-ui #retreatActions{margin-top:8px;padding-top:7px}
.compact-ui #retreatActions button{min-height:38px;font-size:13px;padding:6px 10px}
@media(max-width:600px){.retreat-panel .retreatLayout,.compact-ui .retreat-panel .retreatLayout{display:flex;flex-direction:column;align-items:stretch;overflow:auto}.retreatArt{flex-shrink:0}.retreatDialogue{overflow:visible}#retreatActions{flex-wrap:wrap}}
@media(max-height:380px) and (min-width:601px){.compact-ui .retreat-panel h2{font-size:19px;margin:2px 0 5px}.compact-ui .retreatDialogue p{font-size:14px;line-height:1.3}.compact-ui #retreatActions button{min-height:34px;font-size:12px}.compact-ui #retreatActions{gap:6px}}
