.prologue-screen{position:fixed;inset:0;z-index:18;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#303543;padding:18px 3%;overflow:auto}
.prologue-top{width:100%;max-width:1100px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#d8c9ce;font-size:11px;letter-spacing:.13em}.prologue-top button{background:transparent;color:#d8c9ce;border-color:#6d6673;font-size:11px}
.prologue-screen canvas{width:100%;max-width:1100px;max-height:62vh;object-fit:contain;border-radius:12px 12px 0 0;cursor:pointer}
.prologue-dialogue{width:100%;max-width:1100px;background:#fff7ee;border:1px solid #d9bfcb;border-top:4px solid #bf8fa8;border-radius:0 0 13px 13px;padding:19px 28px;color:#79566d;min-height:170px}
.prologue-dialogue strong{font-size:12px;color:#b5829d}.prologue-dialogue p{font-size:clamp(15px,1.6vw,21px);line-height:1.85;min-height:2em;margin:10px 0;white-space:pre-wrap}.prologue-dialogue button{display:block;margin-left:auto;color:#8d647b;border:0;background:#f4e6eb;font-size:12px}
@media(max-width:650px){.prologue-screen{padding:12px}.prologue-dialogue{padding:15px;min-height:205px}.prologue-screen canvas{max-height:48vh}}
/* Anchor the typewriter text to the left; never center the growing line. */
.prologue-dialogue p{text-align:left;overflow-wrap:anywhere;min-height:3.7em}