.reader-page{background:#181D19;color:#E4EAE3;min-height:80vh;padding-bottom:55px}.reader-page .reader-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 0;font-size:13px}.reader-page .reader-tools a{color:#F2D33C}.reader-page .reader-controllers{display:flex;gap:6px}.reader-page button{background:#315C43;color:white;border:1px solid #71957A;border-radius:6px;padding:8px 12px}.reader-panels>div{padding:18px;background:#27322A;border:1px solid #718374;margin-bottom:10px}.reader-panels>div[hidden]{display:none}.reader-panels a{display:block;padding:8px;border-bottom:1px solid #57665A}.reader-panels label{display:inline-flex;gap:12px;align-items:center;margin:5px 20px 5px 0}.reader-panels select{background:#F6F5ED;border:0;padding:8px}.reader-canvas{width:min(82%,860px);margin:auto;transition:width .15s}.reader-caption{text-align:center;padding:22px 8px}.reader-caption h1{color:#F6F5ED;font-size:31px}.reader-caption p{font-size:13px;color:#AEBCAF}.reader-pages{display:flex;flex-direction:column;gap:12px}.panel-page{height:clamp(280px,45vw,560px);background:#F6F5ED;color:#20231F;display:flex;flex-direction:column;justify-content:space-between;border:7px solid #fff;box-shadow:0 5px 16px #0005;padding:26px;position:relative;overflow:hidden}.panel-page:nth-child(2n){background:#FFF5BF}.panel-page:nth-child(3n){background:#E9EFF9}.panel-index{font-size:12px;font-weight:900;letter-spacing:3px}.panel-dialogue{max-width:80%;align-self:center;border:3px solid #20231F;padding:20px 26px;background:#fff;box-shadow:8px 8px 0 #315C43}.panel-dialogue>span{font-size:10px;letter-spacing:2px;font-weight:900;color:#315C43}.panel-dialogue p{font-weight:800;font-size:clamp(17px,2.5vw,30px);line-height:1.55}.panel-stamp{font-size:12px;align-self:flex-end}.story-image{display:block;width:100%;height:auto;object-fit:contain}.reader-pages.mode-single>.panel-page,.reader-pages.mode-single>.story-image{display:none}.reader-pages.mode-single>.current-page{display:flex}.reader-pages.mode-single>.story-image.current-page{display:block}.reader-pages.mode-double{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.reader-pages.mode-double>.panel-page{height:350px}.reader-pages.mode-double>.panel-page .panel-dialogue{max-width:100%;padding:10px}.reader-pages.mode-double>.panel-page .panel-dialogue p{font-size:18px}.reader-counter{text-align:center;color:#AFC9B2;padding:13px}.reader-turn{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.reader-turn button:disabled{opacity:.4;cursor:not-allowed}.reader-chapters{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.reader-chapters a,.reader-chapters span{display:inline-block;background:#315C43;color:white;padding:10px 16px;border-radius:6px;text-align:center}.reader-page+.footer{margin-top:0}.reader-page~.mobile-tabs{display:none}@media(max-width:700px){.reader-page .reader-tools{flex-wrap:wrap}.reader-tools>div:nth-child(2){order:3;width:100%}.reader-canvas{width:100%!important}.panel-page{height:390px;padding:14px}.panel-dialogue{max-width:100%;padding:16px}.reader-pages.mode-double{display:flex;flex-direction:column}.reader-pages.mode-double>.panel-page{height:390px}.reader-chapters a,.reader-chapters span{font-size:12px;padding:8px}}