.interlude-panel{position:absolute;inset:0;z-index:42;pointer-events:none;color:#fff0c8;container-type:inline-size}
.interlude-label{position:absolute;top:4%;left:4%;font-weight:900;font-size:clamp(14px,2.1cqw,28px);text-shadow:0 2px 5px #000,1px 1px #000}
.interlude-dialogue{position:absolute;bottom:4%;left:4%;right:4%;display:flex;align-items:center;gap:2%;padding:1.3% 2%;min-height:14%;border:2px solid #d2b272;border-radius:13px;background:linear-gradient(110deg,#13201bed,#101519f5);box-shadow:0 7px 24px #0006}
.interlude-face{width:8%;aspect-ratio:1;flex:none;border:2px solid #e0bd70;border-radius:7px;background-repeat:no-repeat}
.interlude-dialogue strong{font-size:clamp(15px,2.1cqw,29px);color:#eaca8b}.interlude-dialogue p{margin:.35em 0 0;font-size:clamp(14px,2.2cqw,32px);font-weight:800;line-height:1.5}
.interlude-panel[data-kind=quake] .interlude-dialogue{bottom:8%;background:linear-gradient(90deg,#21100deb,#401310bf);border-color:#ffaf62}.interlude-panel[data-kind=quake] p{font-size:clamp(25px,4.5cqw,68px);font-style:italic;letter-spacing:.06em;color:#ffe399;text-shadow:3px 3px #7b1818}
@media(prefers-reduced-motion:reduce){.interlude-panel{scroll-behavior:auto}}