/* RORO | 무시무시한 배틀 탐험! - 그룹 1 웹툰 교정 v2
   승인된 고화질 표지 + 서로 다른 4개 스토리 컷.
   인쇄용 테두리 없음 / 이미지 자체 말풍선 / 모바일 세로 스크롤.
*/
body.rwn-reader,body.rwn-reader .reader-bg{background:#fff}
body.rwn-reader .reader-heading{display:none}
body.rwn-reader .reader-canvas{
  background:white;box-shadow:none;overflow:visible;
  width:min(760px,100%);max-width:760px;
}
.rwn-chapter{margin:0 auto;max-width:760px;width:100%;background:white}
.rwn-chapter *{box-sizing:border-box}
.rwn-cover{position:relative;margin:0;padding:0;overflow:hidden;background:#10254d}
.rwn-cover img{display:block;width:100%;height:auto;object-fit:contain}
.rwn-opening{height:95px;background:linear-gradient(180deg,#0c1e44 0%,#e8f1f8 58%,#fff 100%);position:relative}
.rwn-opening:after{content:"";position:absolute;left:50%;top:24%;height:24px;width:1px;background:#b6c9df}
.rwn-scene{display:block;position:relative;margin:0;padding:0;line-height:0;background:#153259}
.rwn-scene img{display:block;width:100%;height:auto;object-fit:contain}
.rwn-breath{height:55px;background:linear-gradient(180deg,#101f49 0%,#fff 100%);position:relative}
.rwn-breath-2{height:74px;background:linear-gradient(180deg,#12234b 0%,#d8e6f0 50%,#f8fbfd 100%)}
.rwn-portal{background:#10274c;overflow:hidden}
.rwn-glow{position:absolute;pointer-events:none;z-index:1;
  width:39%;height:62%;left:31%;top:1%;
  background:radial-gradient(ellipse at 50% 50%,rgba(139,241,255,.22),rgba(87,211,255,.055) 55%,transparent 78%);
  mix-blend-mode:screen;animation:rwn-glow 6s ease-in-out infinite alternate}
.rwn-running{background:#0e2350}
.rwn-outro{height:55px;background:linear-gradient(180deg,#12264f,#fff)}
.rwn-image-failed{background:#f5f7fa;min-height:180px;font-size:16px}
@keyframes rwn-glow{from{opacity:.38;transform:scale(.97)}to{opacity:1;transform:scale(1.03)}}
body.rwn-reader .reader-finish{padding-top:66px}
@media(max-width:760px){
  .rwn-opening{height:78px}
  .rwn-breath{height:40px}
  .rwn-breath-2{height:54px}
  .rwn-outro{height:40px}
}
@media(max-width:520px){
  .rwn-opening{height:64px}
  .rwn-opening:after{height:17px}
  .rwn-breath{height:25px}
  .rwn-breath-2{height:36px}
  .rwn-outro{height:28px}
  body.rwn-reader .reader-finish{padding-top:47px}
}
@media(prefers-reduced-motion:reduce){.rwn-glow{animation:none;opacity:.62}}

/* 3차 교정: 원작에 없는 첫 장면 설명 제거, 왕맨 독립 클로즈업 및 대사 가독성. */
.rwn-king{background:#fff9ef}
.rwn-question{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:157px;background:#fff;padding:26px 24px 31px;line-height:1.45}
.rwn-question:after{content:"";position:absolute;z-index:1;bottom:-12px;left:51%;width:23px;height:23px;background:#fff;border-right:2px solid #263247;border-bottom:2px solid #263247;transform:rotate(43deg);border-radius:0 2px 0 0}
.rwn-question-speaker{font-size:13px;color:#28648d;font-weight:850;line-height:1.3}
.rwn-question p{border:2px solid #263247;border-radius:30px;background:#fff;margin:7px 0 0;padding:12px 24px;color:#1f2839;font-size:clamp(20px,3vw,27px);font-weight:900;letter-spacing:-.4px;line-height:1.45}
.rwn-king img{width:100%;height:auto;display:block;object-fit:contain;background:#ffdd7f}
.rwn-king .rwn-image-failed{min-height:260px}
@media(max-width:520px){
 .rwn-question{min-height:122px;padding:20px 17px 25px}
 .rwn-question-speaker{font-size:11px}
 .rwn-question p{font-size:19px;padding:10px 19px;margin:5px 0 0}
 .rwn-question:after{width:18px;height:18px;bottom:-9px}
}
@media(max-width:360px){.rwn-question p{font-size:17px}}

/* 4차 검수: 컷 경계 호흡을 밝게 통일하고, 작은 화면에서 이미지 내 대사를 선명한 웹 텍스트로 대체. */
.rwn-breath,
.rwn-breath-2{background:#fff}
.rwn-breath{height:52px}
.rwn-breath-2{height:68px}
.rwn-king img{object-fit:contain}
.rwn-dialogue-ink{display:none;pointer-events:none}
@media(max-width:760px){
 .rwn-breath{height:40px}
 .rwn-breath-2{height:52px}
}
@media(max-width:520px){
 .rwn-breath{height:22px}
 .rwn-breath-2{height:34px}
 .rwn-dialogue-ink{display:block;position:absolute;inset:0;z-index:2}
 .rwn-ink{
   position:absolute;display:flex;align-items:center;justify-content:center;
   white-space:nowrap;text-align:center;line-height:1.08;letter-spacing:-.5px;
   font-size:clamp(13.5px,3.8vw,18px);font-weight:900;
   color:#14223a;background:#fff;border-radius:43%;
 }
 .rwn-dialogue-friends .rwn-ink-left{left:29.2%;top:17%;width:16.5%;height:19%}
 .rwn-dialogue-friends .rwn-ink-right{left:64.5%;top:18%;width:26%;height:23%}
 .rwn-dialogue-portal .rwn-ink-left{left:15.5%;top:46%;width:22%;height:20%}
 .rwn-dialogue-portal .rwn-ink-right{right:5.3%;top:46%;width:26%;height:20%}
}
@media(max-width:360px){
 .rwn-ink{font-size:13.5px}
 .rwn-dialogue-friends .rwn-ink-right{left:61%;width:30%}
}

/* 4차 2차 확인: 원본에 박힌 작은 글자가 겹치지 않도록 말풍선 내부를 통째로 덮어 다시 렌더링. */
@media(max-width:520px){
 .rwn-ink{
   background:#fff;
   border:1.5px solid #171e2b;
   border-radius:50%;
   box-shadow:0 0 0 1px rgba(255,255,255,.75);
   padding:0 3px;
   font-size:clamp(13.5px,3.8vw,16px);
   letter-spacing:-.65px;
   line-height:1.06
 }
 .rwn-dialogue-friends .rwn-ink-left{
   left:23.5%;top:7%;width:25.5%;height:37%
 }
 .rwn-dialogue-friends .rwn-ink-right{
   left:59.5%;top:13%;width:38%;height:38%
 }
 .rwn-dialogue-portal .rwn-ink-left{
   left:10.5%;top:38%;width:29%;height:40%
 }
 .rwn-dialogue-portal .rwn-ink-right{
   right:3%;top:41%;width:30.5%;height:40%
 }
}
@media(max-width:360px){
 .rwn-ink{font-size:13.5px}
 .rwn-dialogue-friends .rwn-ink-right{left:59.5%;width:38%}
}