.manga-story{display:grid;gap:26px}.story-panel{margin:0;position:relative}.story-panel img{display:block;width:100%;height:auto}.narration{width:min(650px,calc(100% - 28px));margin:34px auto;padding:18px 22px;border-left:3px solid var(--accent);background:#15161b;color:#d8d8dc;font-size:16px}.narration--panel{position:absolute;left:18px;bottom:18px;width:min(460px,calc(100% - 36px));margin:0;background:rgba(9,10,13,.88)}.bubble,.thought,.announcement,.dialogue-pair{position:absolute;max-width:min(330px,70%);padding:13px 17px;background:#fff;color:#111;border:2px solid #111;border-radius:6px;font-weight:750;line-height:1.35;box-shadow:5px 5px 0 rgba(0,0,0,.35)}.bubble--left{left:18px;top:18px}.bubble--right{right:18px;top:18px}.thought{right:18px;bottom:18px;border-radius:24px;font-style:italic}.thought--dark{background:rgba(9,10,13,.9);color:#fff;border-color:#fff}.announcement{left:50%;bottom:18px;transform:translateX(-50%);width:min(620px,calc(100% - 36px));max-width:none;text-align:center;background:#efe3c2}.dialogue-pair{right:18px;top:18px;display:grid;gap:9px}.dialogue-pair span:last-child{padding-top:9px;border-top:1px solid #bbb;color:#9d2430}.reader-main{width:min(940px,100%)}
@media(max-width:600px){.manga-story{gap:16px}.bubble,.thought,.announcement,.dialogue-pair{font-size:12px;padding:9px 11px;max-width:76%;box-shadow:3px 3px 0 rgba(0,0,0,.35)}.narration{font-size:14px;margin:20px auto}.narration--panel{left:9px;bottom:9px;width:calc(100% - 18px);font-size:12px;padding:10px 12px}.bubble--left{left:9px;top:9px}.bubble--right,.dialogue-pair{right:9px;top:9px}.thought{right:9px;bottom:9px}.announcement{bottom:9px;width:calc(100% - 18px)}}