.prologue55{--pro-gold:#e8c782;background:#0d1720;color:#f1e8d6;display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);height:min(760px,calc(100dvh - 90px));min-height:500px;overflow:hidden;border:1px solid #8c7448;position:relative;width:100%;box-sizing:border-box}
.prologue55 *{box-sizing:border-box}.prologue55 .proVisual{position:relative;min-height:0;overflow:hidden;background:#152734}.prologue55 .proPicture{position:absolute;inset:0}.prologue55 .proPicture>img{width:100%;height:100%;object-fit:cover;object-position:45% center;display:block}.prologue55 .isMap .proPicture{inset:0;display:grid;place-items:center}.prologue55 .isMap img{object-fit:contain}.prologue55 .proMap{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.proMap text{font-family:Batang,serif;fill:#ffefc4;stroke:#15242b;stroke-width:5px;paint-order:stroke;stroke-linejoin:round;text-anchor:middle;font-weight:700;font-size:34px}.proMap .minor{font-size:21px}.proMap .riverLabels text{font:700 23px sans-serif}.proMap .riverLabels path{fill:none;stroke:#f7d48c;stroke-width:3}.proMap .mapLocations text{font:700 20px sans-serif}.proMap circle{fill:#f6df9b;stroke:#141d20;stroke-width:3}.proMap .riverClaims path{stroke:#ffe6a5;stroke-width:2;opacity:.85}.prologue55 .proDate{position:absolute;left:20px;top:20px;background:#0c1821e8;color:#e9cb8b;border-left:3px solid #d7b36b;font-size:14px;padding:10px 14px}.prologue55 .proMapNote{position:absolute;left:0;right:0;bottom:0;padding:9px;background:#0c1821e8;text-align:center;color:#b8c5c7;font:12px sans-serif}.prologue55 .proCopy{display:flex;flex-direction:column;padding:clamp(22px,3vw,46px);min-width:0;overflow:auto;background:linear-gradient(150deg,#172a36,#0b141c)}.prologue55 .proKicker{font-size:12px;letter-spacing:2px;color:#c5ad78;display:flex;justify-content:space-between;gap:12px}.prologue55 h1{font:700 clamp(25px,2.5vw,39px)/1.4 Batang,serif;color:var(--pro-gold);margin:28px 0 20px}.prologue55 .proText{font:18px/1.95 system-ui,sans-serif;color:#ebe7de;white-space:normal;min-height:0;margin:0}.prologue55 .proNote{font:12px/1.6 sans-serif;color:#9bb0bb;margin:18px 0 0}.prologue55 nav{margin-top:auto;padding-top:28px;display:flex;gap:7px;flex-wrap:wrap}.prologue55 button{min-height:44px;border:1px solid #5b6970;background:#172630;color:#dfddd3;padding:9px 12px;font:14px sans-serif;cursor:pointer}.prologue55 button:disabled{opacity:.35;cursor:default}.prologue55 button:focus-visible{outline:2px solid #ffdb86;outline-offset:3px}.prologue55 .proNext{margin-left:auto;background:#b59455;color:#111b21;border-color:#e5c17c;font-weight:700}.proPreviewRoot{position:fixed;inset:0;background:#060d12f5;z-index:100000;display:grid;place-items:center;padding:24px}.proPreviewRoot .prologue55{max-width:1400px;height:min(800px,94dvh)}
body:has(.prologue55.storyScene) #side{display:none!important}body:has(.prologue55.storyScene) .body{display:block!important}body:has(.prologue55.storyScene) #main{width:100%!important;min-width:0!important}.prologue55 ~ .storyReviewBar{display:none}
@media(max-width:700px){.prologue55{grid-template-columns:1fr!important;grid-template-rows:minmax(180px,42%) minmax(0,1fr);height:calc(100dvh - 62px);min-height:0;border-left:0;border-right:0}.prologue55 .proCopy{padding:17px 20px max(12px,env(safe-area-inset-bottom))}.prologue55 h1{font-size:25px;margin:13px 0}.prologue55 .proText{font-size:16px;line-height:1.8}.prologue55 .proKicker{font-size:10px;letter-spacing:1px}.prologue55 nav{padding-top:15px}.prologue55 button{font-size:12px;padding:9px 10px}.prologue55 .proDate{top:9px;left:10px;font-size:11px;padding:7px 10px}.prologue55 .proMapNote{font-size:9px;padding:5px}.prologue55 .proNote{font-size:11px;margin-top:10px}.proPreviewRoot{padding:0}.proPreviewRoot .prologue55{height:100dvh;max-height:none}.prologue55 .isMap .proPicture{inset:0 -12%;}.prologue55 .isMap .proDate{max-width:90%}}
@media(max-height:500px) and (min-width:600px){.prologue55,.proPreviewRoot .prologue55{grid-template-columns:minmax(0,1fr) minmax(290px,.85fr)!important;grid-template-rows:1fr;height:calc(100dvh - 54px);min-height:0}.prologue55 .proCopy{padding:14px 20px}.prologue55 h1{font-size:24px;margin:10px 0}.prologue55 .proText{font-size:14px;line-height:1.7}.prologue55 nav{padding-top:12px}.proPreviewRoot{padding:8px}.proPreviewRoot .prologue55{height:calc(100dvh - 16px)}}
@media(prefers-reduced-motion:reduce){.prologue55 *{animation:none!important;transition:none!important}}