/* Cover is an entrance to the reading room, outside the chapter's pagination. */
.reader-cover-stage{display:grid;grid-template-columns:minmax(200px,1fr) minmax(190px,.82fr);align-items:center;gap:clamp(24px,4vw,64px);padding:28px 30px 30px;border:1px solid var(--line);border-radius:14px;background:radial-gradient(ellipse at 28% 35%,#e3e1ed 0,transparent 60%),linear-gradient(135deg,#f0eef4,#f9f6f0);min-height:480px;}
.reader-cover-art{display:block;position:relative;justify-self:center;width:min(100%,360px,calc((100dvh - 275px)*2/3));padding:0;aspect-ratio:2/3;border:0;border-radius:2px;background:#202a4a;box-shadow:0 20px 36px #252c4933,0 3px 9px #252c4926;cursor:zoom-in;transition:transform .2s,box-shadow .2s;}
.reader-cover-art:hover{transform:translateY(-3px);box-shadow:0 24px 40px #252c493b;}
.reader-cover-art:focus-visible{outline:3px solid var(--primary);outline-offset:6px;}
.reader-cover-art img{display:block;width:100%;height:auto;border-radius:2px;}
.reader-cover-art>span{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);white-space:nowrap;background:none;border:0;color:var(--primary);font-size:11px;letter-spacing:.08em;padding:0;}
.reader-cover-intro{min-width:0;}
.reader-cover-world{display:block;color:var(--secondary);font-size:11px;letter-spacing:.14em;}
.reader-cover-intro h2{margin:12px 0 20px;font:600 clamp(24px,2.8vw,40px)/1.3 "Noto Serif SC","Source Han Serif SC","SimSun",serif;letter-spacing:.08em;color:var(--primary-deep);}
.reader-cover-rule{width:42px;height:2px;background:#bfa16b;margin-bottom:20px;}
.reader-cover-verse{font:15px/2.1 "Noto Serif SC","SimSun",serif;color:#4e5066;margin:0 0 22px;}
.reader-cover-caption{font-size:11px;line-height:2;color:#8e7754;}
.reader-cover-caption span{color:var(--muted);font-size:10px;}
.reader-cover-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:28px;}
.reader-cover-actions .btn{padding:11px 18px;}
.reader-cover-progress{font-size:11px;line-height:1.9;color:var(--muted);margin:14px 0 0;}
.reader-cover-dialog{width:min(720px,94vw);background:#171f36;padding:0;}
.reader-cover-dialog::backdrop{background:#11172acf;backdrop-filter:blur(5px);}
.reader-cover-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:1;padding:12px 18px;background:#1d2542;color:#ded7c8;font-size:11px;}
.reader-cover-dialog-bar .quiet{color:#ede1c8;}
.reader-cover-dialog img{display:block;width:100%;height:auto;}
@media(max-width:650px){.reader-cover-stage{grid-template-columns:1fr;gap:26px;padding:24px 20px;min-height:0;}.reader-cover-art{width:min(75%,300px);}.reader-cover-intro{text-align:center;}.reader-cover-rule{margin-left:auto;margin-right:auto;}.reader-cover-actions{justify-content:center;}.reader-cover-intro h2{font-size:30px;}.reader-cover-verse{font-size:14px;}}
@media(prefers-reduced-motion:reduce){.reader-cover-art{transition:none;}.reader-cover-art:hover{transform:none;}}