.rome-encounter-shade{position:absolute;inset:0;background:#160b083b;z-index:6}
@keyframes rome-encounter-fade-in{from{opacity:0}to{opacity:1}}
.rome-encounter-opening{animation:rome-encounter-fade-in 320ms ease-out both}
@media(prefers-reduced-motion:reduce){.rome-encounter-opening{animation:none}}
.panel.rome-encounter-panel{inset:7.5% 5% 4%;padding:18px 22px;display:flex;flex-direction:column;overflow:hidden;gap:12px}
.rome-encounter-scroll-hint{font-size:.73rem;color:#755328;text-align:right;line-height:1;flex-shrink:0}
.rome-encounter-scroll-hint[hidden]{display:none}
.rome-encounter-body{display:grid;grid-template-columns:minmax(155px,24%) 1fr;gap:22px;min-height:90px;flex:1;overflow:hidden}
.rome-encounter-body figure{margin:0;display:flex;flex-direction:column;min-height:0;align-items:center}
.rome-encounter-body img{display:block;min-height:0;max-height:calc(100% - 28px);max-width:100%;width:auto;height:auto;flex:none;object-fit:contain;background:#3c2025;border:2px solid #af7e2b}
.rome-encounter-body figcaption{font-weight:bold;text-align:center;color:#641e28;margin-top:6px;font-size:.94rem;flex-shrink:0}
.rome-encounter-prose{min-height:0;overflow-y:auto;padding:0 10px 4px 0;scrollbar-width:thin;scrollbar-color:#98713d #e9d6ac;outline:none}
.rome-encounter-prose:focus,.rome-encounter-prose:focus-visible{outline:none;border:0;box-shadow:none}
.rome-encounter-prose p{margin:0 0 12px;font-size:clamp(.95rem,1.58vw,1.1rem);line-height:1.38}
.rome-encounter-prose .rome-encounter-conclusion{padding-top:12px}
.rome-encounter-choices{display:flex;flex-direction:column;gap:7px;flex-shrink:0;border-top:1px solid #b4975f;padding-top:10px;max-height:51%;overflow-y:auto;scrollbar-width:thin}
.rome-encounter-choices:has([data-encounter-finish]){border-top:0}
.rome-encounter-choices .choice{text-align:left;padding:9px 12px;font-size:clamp(.86rem,1.4vw,1rem);line-height:1.2;transform:none;margin:0}
.rome-encounter-choices .choice.accept{text-align:center;align-self:flex-end;min-width:200px}
.rome-audience-records{max-height:70%;overflow-y:auto;margin:12px 0}
.rome-audience-records p{font-size:.95rem}
@media(min-width:651px) and (max-height:760px){.panel.rome-encounter-panel{top:5%;bottom:auto;height:min(calc(100dvh - 155px),91%);padding:34px 20px 12px;gap:8px}.rome-encounter-prose p{font-size:.95rem;line-height:1.3;margin-bottom:10px}.rome-encounter-choices{padding-top:7px;gap:6px}.rome-encounter-choices .choice{padding:7px 10px;font-size:.84rem}}
@media(max-width:650px){.panel.rome-encounter-panel{inset:10% 2% 2%;padding:12px;gap:9px}.rome-encounter-body{grid-template-columns:100px 1fr;gap:12px}.rome-encounter-body figcaption{font-size:.7rem}.rome-encounter-prose p{font-size:.86rem}.rome-encounter-choices{max-height:49%}.rome-encounter-choices .choice{padding:8px;font-size:.78rem}}