.manga-section{background:linear-gradient(155deg,#f7fbfe,#edf7fd 58%,#f7fbfe)}
.manga-edition{font:9px/1.7 Arial,sans-serif;letter-spacing:.17em;text-align:right;color:#5b8aa6}
.manga-reader{max-width:520px;margin:26px auto 0}
.manga-direction{font-size:11px;text-align:center;color:#487893;letter-spacing:.04em;margin-bottom:18px}
.manga-direction>span{display:inline-block;margin-left:9px;font-size:17px}
.manga-book{position:relative;isolation:isolate;outline-offset:10px;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}
.manga-book:active{cursor:grabbing}
.manga-book:focus-visible{outline:2px solid #60b1ed;outline-offset:8px}
.manga-book:before,.manga-book:after{content:"";position:absolute;inset:4px -4px -4px 4px;border:1px solid #bccbd3;border-radius:2px 4px 4px 2px;background:repeating-linear-gradient(to bottom,#fdfcfa 0 2px,#dce3e6 2px 3px);z-index:-1}
.manga-book:before{inset:8px -8px -8px 8px;box-shadow:0 13px 22px #214f6a20}
.manga-stage{position:relative;aspect-ratio:.84;perspective:1700px;overflow:hidden;background:#fffdf9;border-radius:2px;box-shadow:-5px 3px 16px #284c661a}
.manga-page{position:absolute;inset:0;transform-origin:100% 50%;transform-style:preserve-3d;background:#fffdf9;will-change:auto}
.manga-page[hidden]{display:none}
.manga-page.is-turning{will-change:transform;z-index:3}
.manga-front,.manga-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #d7e0e4;border-radius:2px;background:#fffdf9}
.manga-front{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:13px;padding:20px 24px 17px 20px;transform:translateZ(.2px);overflow:hidden}
.manga-front:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to left,#3452651c,transparent 15px),linear-gradient(to right,#284f6408,transparent 9px)}
.manga-page.is-turning .manga-front:after{background:linear-gradient(to left,#2c455b33,transparent 22%),linear-gradient(to right,#ffffff00,#243a4d26);opacity:var(--turn-shade,.6)}
.manga-back{transform:rotateY(180deg);background:linear-gradient(to right,#bfcbd0,#efeee9 8%,#fffdf9 28%,#e8ebeb);box-shadow:0 0 24px #26425322}
.manga-page-header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#7294a7;font-size:9px;letter-spacing:.06em;padding-bottom:9px;border-bottom:1px solid #dbe5ea}
.manga-page-header>span:first-child{font:10px Georgia,serif;letter-spacing:.13em}
.manga-panel{display:block;width:100%;height:100%;min-height:0;overflow:hidden;pointer-events:none}
.manga-caption{font-size:13px;line-height:1.85;color:#456276;min-height:3.7em;padding:0 4px}
.manga-page-footer{display:flex;align-items:center;justify-content:center;position:relative;min-height:17px;color:#6a8798}
.manga-folio{font:11px Georgia,serif;letter-spacing:.12em}
.manga-swipe{position:absolute;right:1px;bottom:0;font-size:9px;letter-spacing:.05em;color:#4f7c97}
.manga-controls{display:flex;align-items:center;justify-content:space-between;margin-top:25px;gap:15px}
.manga-controls button{border:1px solid #b9d5e6;background:#ffffffb3;border-radius:50px;min-width:97px;min-height:42px;display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px;color:#285e80;transition:background .15s}
.manga-controls button:hover:not(:disabled){background:#dcedf8}
.manga-controls button:disabled{opacity:.36;cursor:default}
.manga-status{font:italic 16px Georgia,serif;letter-spacing:.09em;color:#417393}
.manga-page-index{display:flex;justify-content:center;gap:4px;margin-top:13px}
.manga-page-index button{width:40px;height:40px;border:0;background:transparent;position:relative;color:#7798ab;font:11px Arial,sans-serif}
.manga-page-index button:after{content:"";position:absolute;left:10px;right:10px;bottom:5px;height:2px;background:#cbdfea;transition:background .2s}
.manga-page-index button[aria-current=step]{color:#176c9e;font-weight:700}
.manga-page-index button[aria-current=step]:after{background:#4c9dd1}
.manga-section .instruction-end{margin-top:27px}
@media(max-width:700px){
 .manga-edition{display:none}.manga-reader{margin-top:20px;max-width:440px;padding-right:7px}
 .manga-direction{font-size:10px;margin-bottom:14px}.manga-direction>span{font-size:14px;margin-left:6px}
 .manga-front{padding:13px 14px 12px 11px;gap:9px}.manga-page-header{font-size:7px;padding-bottom:7px}.manga-page-header>span:first-child{font-size:8px}
 .manga-caption{font-size:11px;line-height:1.8;min-height:3.6em;padding:0 2px}.manga-folio{font-size:10px}.manga-swipe{font-size:8px}
 .manga-controls{margin-top:23px}.manga-controls button{min-width:89px;min-height:42px;font-size:11px}.manga-status{font-size:14px}
 .manga-page-index{margin-top:7px}.manga-section .instruction-end{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.manga-page{will-change:auto}.manga-controls button,.manga-page-index button:after{transition:none}}
