#modal.event-interrupt {position:fixed;inset:0;margin:auto;width:min(780px,calc(100vw - 28px));height:fit-content;max-width:780px;max-height:calc(100dvh - 24px);border:3px solid #8d643b;background:#211c17;color:#e6cca1;padding:18px;transform:none;overflow-x:hidden;overflow-y:auto;}
#modal.event-interrupt h2 {margin:10px 0 18px;font-size:1.65rem;}
.encounter-scene {display:grid;grid-template-columns:1.2fr 1fr;gap:0 20px;}
.encounter-scene>.encounter-art {grid-column:1;grid-row:1;align-self:start;}
.encounter-scene>.eyebrow {grid-column:1;grid-row:2;margin-top:8px;}
.encounter-scene>.encounter-dialogue {grid-column:2;grid-row:1/3;flex-direction:column;margin:0;gap:10px;}
.encounter-scene>details,.encounter-scene>.hint {grid-column:1/-1;}
.event-interrupt::backdrop {background:rgba(9,8,7,.88);}
.encounter-art {display:block;width:100%;max-height:350px;object-fit:contain;background:#120f0c;image-rendering:pixelated;}
.encounter-dialogue {display:flex;align-items:flex-start;gap:20px;margin:18px 0;line-height:1.65;}
.encounter-portrait {width:96px;height:120px;object-fit:contain;flex-shrink:0;image-rendering:pixelated;border:2px solid #88613a;}
#modal.event-interrupt .modal-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;position:static;margin:18px 0 0;padding:18px 0 0;background:transparent;backdrop-filter:none;}
.encounter-dialogue>div {min-width:0;overflow-wrap:anywhere;}
.event-interrupt button {min-height:44px;white-space:normal;text-align:left;}
.event-interrupt pre {white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;}
@media(max-width:560px){#modal.event-interrupt {padding:14px;width:calc(100% - 16px);}#modal.event-interrupt .modal-actions {grid-template-columns:1fr;}.encounter-scene {display:block;}.encounter-scene>.encounter-dialogue {flex-direction:row;gap:12px;}.encounter-portrait {width:64px;height:80px;}.event-interrupt .activity-report {display:block;}}