#prologue{position:absolute;inset:0;z-index:12;overflow:hidden;isolation:isolate;touch-action:manipulation}
#prologue.hidden{display:none!important}#prologueCanvas{position:absolute;inset:0;width:100%;height:100%}
#prologueSkip{position:absolute;top:calc(14px + env(safe-area-inset-top));right:12px;z-index:3;min-height:44px;min-width:128px;padding:4px 8px;border:9px solid transparent;border-image:url('assets/ui/ornate/paper-button.png') 42 65 58 fill stretch;background:none;color:#573723;font:900 12px WallRushKR,system-ui;filter:drop-shadow(0 2px 3px #1a102b88)}
#prologueCaption{position:absolute;left:5%;right:5%;bottom:calc(32px + env(safe-area-inset-bottom));padding:10px 12px 13px;border:16px solid transparent;border-image:url('assets/ui/ornate/paper-button.png') 42 65 58 fill stretch;color:#5b3522;text-align:center;line-height:1.65;font:800 clamp(13px,3.8vw,17px)/1.65 WallRushKR,system-ui;white-space:pre-line;pointer-events:none;transition:opacity .2s,transform .2s;background:none;filter:drop-shadow(0 3px 8px #10132c80)}
#prologueCaption b{display:block;color:#a43a29;font-size:11px;margin-bottom:4px;letter-spacing:.1em}
#prologueChapter{position:absolute;top:22px;left:15px;font:900 10px WallRushKR,system-ui;letter-spacing:.15em;color:#ffe6ac;text-shadow:0 2px 4px #141325;pointer-events:none}
#replayPrologue{grid-column:1/-1;min-height:30px;font-size:10px;padding:3px 7px;border:7px solid transparent;border-image:url('assets/ui/ornate/paper-button.png') 42 65 58 fill stretch;background:none;color:#673f26}
@media(max-height:680px){#prologueCaption{bottom:18px;border-width:12px;padding:7px 5px;font-size:12px}#replayPrologue{min-height:26px;font-size:9px;border-width:5px}}