@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600&display=swap');
:root{--background:#202426;--surface:#282f33;--paper:#f2eddf;--cream:#ddd3bd;--ink:#eee9dd;--muted:#b6b9b3;--brand:#71c8bc;--primary:#71c8bc;--primary-hover:#8bd3c9;--line:#45615e;--gold:#c7ab61;--navy:#253440;--serif:'Noto Serif KR',Batang,serif;--sans:'Noto Sans KR',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:5px}h1,h2,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:500;word-break:keep-all}button{border:0}main:focus{outline:0}.masthead{height:90px;margin:0 6%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.masthead>a{font-family:Georgia,serif;font-size:19px;letter-spacing:.08em}.masthead>a span{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.25em;margin-top:5px}.edition{font-size:12px;letter-spacing:.09em;display:flex;align-items:center;gap:14px}.edition i{height:12px;border-left:1px solid var(--line)}.progress{height:2px;position:sticky;top:0;z-index:10;background:transparent}.progress>div{height:100%;background:var(--primary);transition:width .5s}.intro{max-width:1200px;margin:auto;min-height:calc(100svh - 162px);display:grid;grid-template-columns:1fr 1.1fr;align-items:center;padding:48px 7% 20px;position:relative;gap:32px}.eyebrow{font-size:12px;letter-spacing:.19em;font-weight:500;color:var(--primary)}.intro-note p{font-family:var(--serif);font-size:30px;line-height:1.75;margin:24px 0}.small{font-size:14px;color:var(--muted)}.notebook-wrap{perspective:1400px;padding:4px 20px 16px}.notebook{background:var(--primary);color:var(--ink);border-radius:2px 8px 8px 2px;min-height:535px;padding:30px 35px 24px 43px;position:relative;box-shadow:7px 9px 0 -3px #bab7aa,11px 14px 0 -7px #777e79,14px 24px 32px -24px #10161999;transform:rotate(-3deg);transform-origin:left center;transition:transform .65s,opacity .6s;border-left:8px solid #214942;display:flex;flex-direction:column}.notebook:before{content:'';position:absolute;inset:12px 12px 12px 9px;border:1px solid #71c8bc40;pointer-events:none}.cover-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.14em}.cover-main{text-align:center;margin:48px 0 35px}.cover-series{font-family:var(--serif);font-size:19px;letter-spacing:.03em}.cover-main h1{font-size:52px;letter-spacing:.02em;line-height:1.45;margin:9px 0 24px}.cover-rule{width:25px;border-top:1px solid var(--gold);margin:0 auto 23px}.episode{font-family:Georgia,serif;font-size:15px;letter-spacing:.17em}.pre-release{font-size:13px;letter-spacing:.4em;margin:8px 0 0}.cover-button{background:transparent;color:var(--ink);border-top:1px solid #71c8bc66;border-bottom:1px solid #71c8bc66;display:flex;justify-content:space-between;padding:17px 4px;font-size:14px;position:relative;margin-top:auto}.cover-button:hover{background:#ffffff09}.cover-bottom{text-align:center;font-size:9px;letter-spacing:.15em;margin-top:22px}.intro-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:24px;font-size:11px;letter-spacing:.08em;color:var(--muted)}.site-footer{margin:22px 6% 0;padding:20px 0;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px}.sheet{max-width:920px;margin:40px auto 60px;background:var(--surface);padding:40px 65px 56px;border:1px solid var(--line)}.folio{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px;letter-spacing:.12em;padding-bottom:20px;border-bottom:1px solid var(--line)}.section-heading{margin:52px 0 32px}.section-heading h1{font-size:37px;line-height:1.6;margin:15px 0}.section-heading h1>span{display:block;font-size:21px;margin-top:2px}.section-heading>p{font-size:14px;color:var(--muted);line-height:1.8}.video-frame{aspect-ratio:16/9;width:100%;background:#1b2227}.video-frame iframe{width:100%;height:100%;border:0}.video-caption{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);margin:15px 0}.video-caption a{text-decoration:underline;text-underline-offset:4px}.prototype-note{font-family:var(--sans);font-size:12px!important;line-height:1.8!important;color:var(--muted);font-weight:400}.center-cta{text-align:center;margin-top:45px}.center-cta>p{font-family:var(--serif);font-size:19px}.primary{background:var(--brand);color:#17312e;padding:19px 24px;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:35px;width:100%;max-width:370px;margin:25px auto 0;font-size:15px;transition:background .2s}.primary:hover{background:var(--primary-hover)}.reading{max-width:760px;margin:30px auto 60px;background:var(--paper);border:1px solid var(--line)}.reading-title{padding:36px 60px 20px}.reading-title>.eyebrow{display:block;margin:48px 0 18px}.reading-title h1{font-size:30px;line-height:1.65}.cast-list{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:30px 0 0;padding:20px 0;font-size:14px}.cast-list small{display:block;font-size:11px;color:var(--muted);margin-top:7px}.paper-page{padding:40px 60px 20px;position:relative}.paper-page .folio{border:0;padding-bottom:22px}.paper-page h2{font-size:22px;margin:25px 0 26px;line-height:1.7}.chapter-no{font-family:Georgia,serif;color:var(--primary);font-size:17px;display:block;margin-bottom:12px}.paper-page p{font-family:var(--serif);font-size:18px;line-height:2.15;word-break:keep-all;overflow-wrap:break-word;margin-bottom:25px}.page-number{text-align:center;font-family:Georgia,serif;font-size:12px;color:var(--muted);padding:24px 0;border-bottom:1px solid var(--line)}.paper-page.in-view:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;animation:pageTurn .8s ease-out;pointer-events:none}@keyframes pageTurn{from{box-shadow:0 -10px 20px #436a6233;transform:scaleX(.5)}to{box-shadow:0 0 0 transparent;transform:scaleX(1)}}.pause{background:var(--navy);padding:65px 45px;text-align:center;margin-top:40px}.pause h2{font-size:55px;margin:25px 0}.pause>p{font-family:var(--serif);font-size:20px;line-height:1.9}.pause .prototype-note{margin-top:22px}.mobile-break{display:none}.clue-section{max-width:760px}.clues{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;gap:20px;align-items:center;padding:22px 0;cursor:pointer;font-family:var(--serif);font-size:18px;line-height:1.6}summary::-webkit-details-marker{display:none}summary small{display:block;font-family:var(--sans);font-size:11px;color:var(--muted);margin-bottom:3px}.clue-number{font-family:Georgia,serif;font-size:32px;color:var(--primary)}.plus{margin-left:auto;font-family:var(--sans);font-weight:400;font-size:24px}details[open] .plus{transform:rotate(45deg)}details>p{font-size:15px;line-height:1.9;margin:0 0 26px 52px;color:var(--ink)}fieldset{padding:0;border:0;margin:45px 0 0}legend{font-family:var(--serif);font-size:24px;margin-bottom:24px}.suspect{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--line);margin:10px 0;cursor:pointer;min-height:78px}.suspect:has(input:checked){border-color:var(--primary);background:#284a46}.suspect input{width:18px;height:18px;accent-color:var(--primary);margin:0}.suspect .letter{font-family:Georgia,serif;font-size:22px;color:var(--primary)}.suspect small{font-size:12px;display:block;color:var(--muted);margin-top:5px}.text-button{display:block;background:transparent;color:var(--muted);font-size:13px;min-height:48px;padding:12px;margin:20px auto 0;text-decoration:underline;text-underline-offset:5px}.recorded{text-align:center;min-height:580px}.record-stamp{display:inline-block;border:1px solid #7f393b;color:var(--primary);font-size:12px;letter-spacing:.2em;padding:9px 17px;margin:65px 0 26px;transform:rotate(-5deg)}.recorded h1{font-size:34px;line-height:1.65}.recorded>p{font-size:15px;line-height:1.9}.your-choice{display:inline-block;font-family:var(--serif);border-bottom:1px solid var(--line);padding:0 20px 18px;margin-bottom:28px}.deduction-title{text-align:center;padding:35px 50px 60px}.deduction-title>.eyebrow{display:block;margin-top:80px}.deduction-title h1{font-size:52px;line-height:1.5;margin:28px 0}.deduction-title>p{font-family:var(--serif);font-size:17px;line-height:1.9}.scroll-hint{display:block;font-size:12px;color:var(--muted);margin-top:42px}.result{padding:60px;text-align:center}.result h2{font-size:29px;margin:20px 0 35px}.result dl{border-top:1px solid var(--line);margin:0}.result dl>div{padding:21px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;text-align:left}.result dt{color:var(--muted);font-size:14px}.result dd{margin:0;font-size:17px}.result>p{font-family:var(--serif);font-size:16px;line-height:1.9;margin:28px 0}.ending{max-width:1060px;margin:40px auto 70px;padding:20px 40px}.end-layout{display:grid;grid-template-columns:300px 1fr;gap:80px;align-items:center;margin:65px 0}.book-placeholder{background:var(--navy);min-height:430px;padding:40px 30px;display:flex;flex-direction:column;border:1px solid var(--line);color:var(--ink)}.book-placeholder>span{font-size:10px;letter-spacing:.15em}.book-placeholder h2{font-size:26px;line-height:1.8;margin:50px 0 20px}.placeholder-rule{width:30px;border-top:1px solid var(--primary);margin:10px 0 20px}.book-placeholder>p{font-size:13px}.book-placeholder small{margin-top:auto;font-size:12px;color:var(--muted)}.book-placeholder:has(img){padding:0;min-height:0}.book-placeholder img{width:100%;height:auto;display:block}.end-copy h1{font-size:28px;line-height:1.85;margin:25px 0}.end-copy h2{font-family:var(--sans);font-size:15px;margin-top:30px}.end-copy>p{font-size:14px;color:var(--muted);line-height:1.8}.shops{display:flex;gap:8px;margin-top:30px}.shop{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--brand);color:#17312e;font-size:13px;padding:16px 13px;min-height:50px;flex:1}.end-copy .text-button{margin:25px 0 0;padding-left:0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);width:max-content;max-width:90%;padding:15px 24px;background:var(--navy);color:white;font-size:14px;line-height:1.7;opacity:0;pointer-events:none;transition:.2s;z-index:20}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1400px){.intro{min-height:740px}.notebook{min-height:565px}}
@media(max-width:700px){.masthead{height:72px;margin:0 22px}.masthead>a{font-size:15px}.masthead>a span{font-size:8px}.edition{font-size:10px;gap:8px}.intro{display:flex;flex-direction:column;gap:0;padding:28px 26px 14px;min-height:calc(100svh - 146px)}.intro-note{text-align:center}.intro-note>.eyebrow{font-size:10px}.intro-note p{font-size:18px;margin:12px 0 26px;line-height:1.7}.intro-note p br{display:none}.intro-note .small{display:none}.notebook-wrap{width:100%;max-width:340px;padding:0 12px 10px}.notebook{min-height:432px;padding:26px 28px 20px 32px;transform:rotate(-3deg)}.cover-main{margin:30px 0 27px}.cover-series{font-size:16px}.cover-main h1{font-size:43px;line-height:1.4;margin:10px 0 20px}.cover-rule{margin-bottom:18px}.episode{font-size:13px}.pre-release{font-size:12px}.cover-top{font-size:9px}.cover-bottom{font-size:8px;margin-top:19px}.cover-button{font-size:13px;padding:15px 0}.intro-bottom{width:100%;margin-top:29px;padding-top:16px;font-size:9px;gap:15px}.site-footer{margin:15px 22px 0;flex-direction:column;gap:8px;padding:16px 0;font-size:10px}.sheet{margin:20px 14px 35px;padding:26px 22px 36px}.folio{font-size:10px;padding-bottom:18px}.section-heading{margin:34px 0 25px}.section-heading h1{font-size:29px;line-height:1.6}.section-heading>p{font-size:13px}.video-caption{flex-direction:column;gap:9px;font-size:11px}.center-cta{margin-top:32px}.center-cta>p{font-size:17px}.primary{padding:18px 19px;font-size:14px;gap:12px}.reading{margin:16px 10px 30px}.reading-title{padding:26px 24px 10px}.reading-title h1{font-size:27px}.reading-title>.eyebrow{margin-top:35px}.paper-page{padding:32px 24px 16px}.paper-page p{font-size:17px;line-height:2.1;word-break:normal}.paper-page h2{font-size:21px;margin:17px 0 24px}.cast-list{gap:12px;font-size:13px}.cast-list small{font-size:10px}.pause{padding:48px 24px}.pause h2{font-size:46px}.pause>p{font-size:18px}.mobile-break{display:block}summary{gap:14px;font-size:16px}.clue-number{font-size:27px}details>p{margin-left:40px;font-size:14px}legend{font-size:22px}.recorded{min-height:560px}.recorded h1{font-size:29px}.deduction-title{padding:26px 24px 45px}.deduction-title h1{font-size:43px}.deduction-title>.eyebrow{margin-top:60px;font-size:11px}.result{padding:44px 24px}.result dl>div{align-items:center}.result dt{font-size:13px}.result dd{font-size:16px}.ending{margin:20px auto 30px;padding:20px 26px}.end-layout{grid-template-columns:1fr;gap:36px;margin:35px 0}.book-placeholder{width:215px;min-height:310px;margin:auto;padding:26px 24px}.book-placeholder h2{font-size:21px;margin:35px 0 15px}.book-placeholder>span{font-size:8px}.end-copy{text-align:center}.end-copy h1{font-size:25px;line-height:1.8}.end-copy .text-button{margin-left:auto;margin-right:auto}.shop{padding:16px 12px;font-size:12px}.end-copy>.eyebrow{font-size:11px}}
@media(max-width:360px){.intro{padding-left:20px;padding-right:20px}.notebook{min-height:410px}.cover-main h1{font-size:39px}.paper-page,.reading-title{padding-left:20px;padding-right:20px}.section-heading h1{font-size:25px}.shops{gap:5px}.shop{padding:14px 9px}.edition{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Supplied cover: retain the original image ratio and the existing book tilt. */
.actual-book-wrap{width:100%;max-width:400px;justify-self:center}
.notebook.actual-book{display:block;min-height:0;padding:0;border:0;border-radius:1px;background:transparent;box-shadow:5px 6px 0 -2px #bab7aa,8px 10px 0 -4px #777e79,12px 20px 28px -20px #10161980}
.notebook.actual-book:before{display:none}
.intro-book-image{display:block;width:100%;height:auto;object-fit:contain;border-radius:1px}
.intro-book-caption{display:flex;justify-content:center;gap:15px;align-items:center;margin:30px 0 13px;font-size:12px;color:var(--primary);letter-spacing:.14em}
.intro-book-caption span+span{border-left:1px solid var(--line);padding-left:15px}
.intro-open-button{width:100%;background:var(--brand);color:#17312e;min-height:52px;padding:16px 20px;border:0;margin-top:0}
.intro-open-button:hover{background:var(--primary-hover)}
@media(max-width:700px){.actual-book-wrap{max-width:310px;padding:0 12px 10px}.notebook.actual-book{min-height:0}.intro-book-caption{margin-top:25px}.intro-open-button{font-size:14px}.intro-note p{margin-bottom:30px}}

/* Intro only: a centered single-column book and call to action. */
.intro{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;padding-top:34px}
.intro .actual-book-wrap{width:clamp(280px,calc((100svh - 280px) * .68 + 40px),440px);max-width:100%;flex:none}
.intro .intro-bottom{width:100%;margin-top:32px;flex:none}
@media(min-width:1400px){.intro{min-height:calc(100svh - 162px)}}
@media(max-width:700px){.intro{padding-top:28px;padding-bottom:14px}.intro .actual-book-wrap{width:clamp(240px,calc((100svh - 265px) * .68 + 24px),340px);max-width:100%}.intro .intro-bottom{margin-top:28px}}

/* Two contrast contexts: charcoal interface and warm paper for long reading. */
.reading{--ink:#283331;--muted:#626c64;--primary:#22645c;--line:#a7bab0;color:var(--ink)}
.pause{--ink:#eee9dd;--muted:#b6b9b3;--primary:#71c8bc;--line:#45615e;color:var(--ink)}
.section-heading h1,.recorded h1,.reading-title h1,.paper-page h2,.deduction-title h1,.result h2,.end-copy h1{color:var(--primary)}
.plus,.masthead>a,.edition{color:var(--primary)}
.book-placeholder h2{color:var(--brand)}
.primary,.intro-open-button,.shop{color:#17312e}
.shop:hover{background:var(--primary-hover)}
.suspect input{accent-color:#71c8bc}
#toast{color:#eee9dd}
::selection{background:#71c8bc;color:#17312e}

/* Original prose: dialogue and translator notes retain their supplied paragraphs. */
.paper-page p.dialogue{text-indent:0;margin-left:.35em}
.paper-page p.source-note{font-family:var(--sans);font-size:14px;line-height:1.9;color:var(--muted)}
.result dd{overflow-wrap:anywhere}

/* Shared publisher branding across every screen. */
body .global-branding{display:block}
body .masthead #home{min-width:0;flex-shrink:1}
.title-logo{width:200px;max-width:100%;height:auto;object-fit:contain}
body .site-footer{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:20px}
.j-logo{width:88px;max-width:100%;height:auto;object-fit:contain}
.brand-copy{margin:0;justify-self:end;text-align:right;line-height:1.75;color:var(--muted)}
.brand-copy span{display:block;font-size:12px;white-space:nowrap}
.brand-copy strong{display:block;font-size:14px;font-weight:500;color:var(--ink)}
@media(max-width:700px){.title-logo{width:160px}.j-logo{width:72px}body .site-footer{gap:14px}.brand-copy strong{font-size:13px}}
@media(max-width:400px){body .site-footer{grid-template-columns:1fr;gap:12px}.title-logo{width:150px}.j-logo{justify-self:start}.brand-copy{justify-self:end}}

/* Shared footer: copy left, transparent publisher mark right. */
body .site-footer{grid-template-columns:1fr auto}
body .brand-copy{order:-1;justify-self:start;text-align:left}
body .j-logo{justify-self:end}
@media(max-width:400px){body .site-footer{grid-template-columns:1fr}}

/* Preserve the intro rhythm as empty space after removing its two taglines. */
.intro .intro-spacer{border-top:0;min-height:37px}
@media(max-width:700px){.intro .intro-spacer{min-height:30px}}

.video-frame video{display:block;width:100%;height:100%;object-fit:contain}

/* Final page only: series covers and selected volume details. */
.ending .ending-heading{margin:46px 0 48px}
.ending .ending-heading h1{font-size:27px;line-height:1.85;margin:20px 0 0;color:var(--primary)}
.ending .series-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(380px,1fr);gap:48px;align-items:center}
.ending .series-covers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.ending .series-book{padding:0;background:none;color:var(--muted);min-width:0;text-align:center}
.ending .series-cover{display:block;aspect-ratio:494/726;width:100%;outline:1px solid transparent;outline-offset:4px}
.ending .series-cover img{display:block;width:100%;height:100%;object-fit:contain}
.ending .series-book[aria-pressed="true"] .series-cover{outline-color:var(--primary)}
.ending .series-book[aria-pressed="true"] .volume-label{color:var(--primary)}
.ending .volume-label{display:block;font-size:14px;margin-top:17px}
.ending .pending-cover{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:20px 9px;border:1px solid var(--line);background:var(--navy);color:var(--muted)}
.ending .pending-cover>span{font-family:var(--serif);font-size:13px;line-height:1.9;word-break:keep-all}
.ending .pending-cover strong{font-family:Georgia,serif;font-size:38px;font-weight:400;color:var(--primary)}
.ending .pending-cover small{font-size:12px}
.ending .series-info{min-width:0}
.ending .series-info h2{font-size:25px;line-height:1.65;margin:18px 0 22px;color:var(--ink)}
.ending .book-credits{font-size:14px;line-height:1.9;color:var(--muted);white-space:nowrap}
.ending .book-credits span{white-space:nowrap}
@media(max-width:800px){.ending .book-credits{white-space:normal}}
.ending .book-description{font-family:var(--serif);font-size:18px;line-height:1.9;margin:26px 0 0}
.ending .series-info .shops{gap:7px}
.ending .series-info .shop{font-size:12px;padding:16px 10px}
.ending>.text-button{margin-top:42px}
@media(max-width:800px){.ending .series-layout{grid-template-columns:1fr;gap:38px}.ending .series-covers{max-width:560px;width:100%;margin:0 auto}.ending .series-info{max-width:560px;width:100%;margin:0 auto}.ending .ending-heading h1{font-size:24px}.ending .ending-heading{margin:34px 0 40px}}
@media(max-width:400px){.ending .series-covers{gap:10px}.ending .pending-cover{padding:14px 5px}.ending .pending-cover>span{font-size:12px}.ending .pending-cover strong{font-size:29px}.ending .pending-cover small{font-size:12px}.ending .ending-heading h1{font-size:22px}.ending .series-info h2{font-size:23px}}

/* Opening keeps a visible paper block beneath the moving front cover. */
.notebook.actual-book{isolation:isolate;perspective:1200px;box-shadow:10px 16px 24px -18px #10161980}
.actual-book .book-leaf{position:absolute;inset:2px 0 0 2px;background:var(--paper);border:1px solid #c9c5b8;border-radius:1px;box-shadow:1px 1px 2px #10161926;transform-origin:left center;transition:transform .65s cubic-bezier(.25,.65,.3,1);pointer-events:none}
.actual-book .leaf-base{transform:translate(6px,6px);z-index:0}
.actual-book .leaf-middle{transform:translate(4px,4px);z-index:1}
.actual-book .leaf-top{transform:translate(2px,2px);z-index:2;background:linear-gradient(90deg,#d9d4c7,var(--paper) 9%)}
.actual-book .intro-book-image{position:relative;z-index:3;transform-origin:left center;backface-visibility:hidden;transition:transform .65s cubic-bezier(.25,.65,.3,1);box-shadow:1px 1px 3px #10161926}
.opening .actual-book .intro-book-image{transform:rotateY(-78deg)}
.opening .actual-book .leaf-top{transform:translate(2px,2px) rotateY(-12deg)}
.opening .actual-book .leaf-middle{transform:translate(4px,4px) rotateY(-5deg)}
.transition-out{animation:contentFadeOut .18s ease-in both}
.transition-in{animation:contentFadeIn .22s ease-out both}
@keyframes contentFadeOut{from{opacity:1}to{opacity:0}}
@keyframes contentFadeIn{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.opening .actual-book .intro-book-image{transform:none}.opening .actual-book .leaf-top{transform:translate(2px,2px)}.opening .actual-book .leaf-middle{transform:translate(4px,4px)}}

/* Final-page series share the existing cover and information layout. */
.ending .series-info h2{margin-top:0}
.ending .release-notice{margin:30px 0 0;font-size:14px;line-height:1.9;color:var(--primary)}
.ending .series-layout+.series-layout{margin-top:88px}
.ending [data-series="new"] .series-covers{grid-template-columns:repeat(2,minmax(0,1fr));width:calc((100% - 28px) * 2 / 3 + 14px);margin-left:0;margin-right:0}
@media(max-width:800px){.ending .series-layout+.series-layout{margin-top:64px}.ending [data-series="new"] .series-covers{width:calc((min(100%, 560px) - 28px) * 2 / 3 + 14px);margin-left:auto;margin-right:auto}}
@media(max-width:400px){.ending [data-series="new"] .series-covers{width:calc((100% - 20px) * 2 / 3 + 10px)}}

/* New series only: fixed title lines and cover-matched purchase buttons. */
.ending [data-series="new"] .book-title-line{display:block;white-space:nowrap}
.ending [data-series="new"] .shops[data-volume="1"]{--shop-color:#88b0e0;--shop-hover:#9dbfe8}
.ending [data-series="new"] .shops[data-volume="2"]{--shop-color:#b8acd4;--shop-hover:#c7bde0}
.ending [data-series="new"] .shop{background:var(--shop-color);color:#202426}
.ending [data-series="new"] .shop:hover{background:var(--shop-hover)}

/* One complete case per reading screen. */
.reading .case-next{padding:8px 60px 44px}
@media(max-width:700px){.reading .case-next{padding:4px 24px 34px}}

/* Limit ordinary text copying only inside the novel's reading pages. */
.paper-page{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}