#cutscene .memory-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:6px 8px;flex:none}
#cutscene .memory-toolbar button{margin:0;min-height:44px;font-size:12px}
#prologue{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;background:#07121b}
.prologue-view{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}
#prologueCanvas{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;flex-shrink:1}
.prologue-copy{padding:18px max(22px,calc((100vw - 1080px)/2));background:#0d1d29;border-top:1px solid #486170;flex:none}
#prologueText{font-size:clamp(16px,2vw,21px);line-height:1.55;margin:9px 0 15px;min-height:3.2em}
.prologue-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.prologue-controls button{font-size:12px}.prologue-controls small{margin-left:auto;color:#b2c8ce}
@media(orientation:portrait){.prologue-view{flex:none;min-height:180px}#prologueCanvas{width:100%;max-height:40dvh}.prologue-copy{padding:14px 16px}}
@media(max-height:500px) and (orientation:landscape){#prologue{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr);overflow:hidden}.prologue-copy{padding:10px 12px;overflow:auto;border-top:0;border-left:1px solid #486170}.prologue-view{height:100%}#prologueText{font-size:15px;line-height:1.45}.prologue-controls{gap:5px}.prologue-controls button{padding:6px 8px}}

.opening-review{margin:16px 0;padding:12px;border:1px solid #486170;border-radius:8px;background:#0d1d29}.opening-review .buttonrow{margin-top:8px;flex-wrap:wrap}