/* Manga is a reading vantage of the existing portal, not a second site shell.
   Navigation, realm controls, language menu and almanac are shared components. */
.manga-site .zsub{display:none}
.manga-site #zzk-nav .nav :is(.tg,.lang-switch,.obs-almanac-trigger){min-height:32px;padding:0}
.manga-site #zzk-nav .nav-mobile-toggle{min-height:34px}
.manga-site .portal-page-title .zsubtag{text-transform:none}
.manga-site .nav-home-link .r{color:var(--seal)}
body.manga-site .top{background:linear-gradient(180deg,var(--void) 0%,color-mix(in srgb,var(--void) 94%,transparent) 70%,transparent 100%)}
.manga-site>.portal-vantage{display:none}
.manga-site .shelf{max-width:1480px;padding:82px var(--page-gutter) 100px}
.manga-site .preface{grid-template-columns:1.2fr 1fr;gap:64px;padding-bottom:56px;margin-bottom:28px}
.manga-site .preface h1{font-family:var(--mincho);font-size:clamp(48px,6.4vw,88px);letter-spacing:.08em;margin:20px 0 12px}
.manga-site .preface p:first-child{font:500 clamp(21px,2vw,28px)/1.6 var(--mincho);margin-bottom:16px}
.manga-site .preface p+p{font:14px/1.95 var(--sf);color:var(--dim);max-width:34em;margin-bottom:20px}
.manga-site .preface small{font-size:11px;letter-spacing:.14em}
.manga-site .catalog{gap:0 48px}
.manga-site .volume{position:relative;padding:32px 20px 38px;gap:26px;border-bottom:1px solid var(--hair);align-items:center;isolation:isolate}
.manga-site .volume::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent,color-mix(in srgb,var(--ink) 5%,transparent),transparent);opacity:0;transition:opacity .45s var(--ease-world);pointer-events:none}
.manga-site .volume:is(:hover,:focus-within)::before{opacity:1}
.manga-site .cover{padding:8px;background:var(--hair2);outline:1px solid var(--hair);outline-offset:0;transition:outline-color .4s var(--ease-world),box-shadow .4s var(--ease-world)}
.manga-site .volume:is(:hover,:focus-within) .cover{outline-color:var(--celadon);box-shadow:0 12px 32px color-mix(in srgb,var(--void) 60%,transparent)}
.manga-site .volume .meta{font:11px/1.8 var(--mono);color:var(--celadon);letter-spacing:.1em}
.manga-site .volume h2{font-family:var(--mincho);font-size:clamp(23px,2vw,31px);line-height:1.5;letter-spacing:.035em;margin:14px 0}
.manga-site .volume h2 a:hover{text-decoration:none;color:var(--acc)}
.manga-site .volume p{font:14px/1.9 var(--sf);color:var(--dim);margin:16px 0}
.manga-site .start{position:relative;text-decoration:none;color:var(--ink);font:14px/1.8 var(--mincho);letter-spacing:.06em;padding-block:8px;margin-bottom:8px}
.manga-site .start::after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:var(--acc);transform:scaleX(.2);transform-origin:left;transition:transform .4s var(--ease-world)}
.manga-site .volume:is(:hover,:focus-within) .start::after{transform:scaleX(1)}
.manga-site .resume{color:var(--dim);font:12px/1.9 var(--sf);text-decoration:none}
.manga-site .resume:hover{color:var(--acc)}
/* The home page's opposing viewfinder corners, also reachable by keyboard. */
.manga-site .lens>.c{position:absolute;width:17px;height:17px;pointer-events:none;opacity:.34;transition:all .5s cubic-bezier(.2,.85,.25,1)}
.manga-site .lens>.c::before,.manga-site .lens>.c::after{content:'';position:absolute;background:var(--lc,var(--dim))}
.manga-site .lens>.c::before{width:100%;height:1px}
.manga-site .lens>.c::after{width:1px;height:100%}
.manga-site .c.tr{top:14px;right:14px}
.manga-site .c.tr::before{top:0;right:0}.manga-site .c.tr::after{top:0;right:0}
.manga-site .c.bl{bottom:14px;left:14px}
.manga-site .c.bl::before{bottom:0;left:0}.manga-site .c.bl::after{bottom:0;left:0}
.manga-site .lens:is(:hover,:focus-within)>.c{opacity:1;--lc:var(--acc);width:24px;height:24px}
.manga-site .lens:is(:hover,:focus-within)>.c.tr{top:8px;right:8px}
.manga-site .lens:is(:hover,:focus-within)>.c.bl{bottom:8px;left:8px}
.manga-site .shelf-footer{font:12px/1.8 var(--mono);letter-spacing:.04em}
.manga-site.reader-view::before{display:none}
.manga-site.reader-view .top{background:var(--void)}
.manga-site.reader-view .controls button:is(:hover,:focus-visible),.manga-site.reader-view .reader-back:is(:hover,:focus-visible){color:var(--acc)}
@media(max-width:1100px){.manga-site .catalog{gap:0 24px}.manga-site .volume{gap:20px;padding-inline:16px}.manga-site .preface{gap:36px}}
@media(max-width:900px){.manga-site .shelf{padding-top:56px}.manga-site .volume{grid-template-columns:minmax(0,42%) minmax(0,1fr)}.manga-site .catalog{grid-template-columns:1fr}.manga-site .volume h2{font-size:30px}.manga-site .volume .cover{max-width:none}}
@media(max-width:540px){.manga-site .shelf{padding:36px 20px 72px}.manga-site .preface{grid-template-columns:1fr;gap:24px;padding-bottom:32px;margin-bottom:8px}.manga-site .preface h1{font-size:48px}.manga-site .preface .eyebrow{font-size:10px;letter-spacing:.07em}.manga-site .volume{padding:28px 4px;gap:20px;grid-template-columns:minmax(0,40%) minmax(0,1fr)}.manga-site .volume h2{font-size:23px;margin:10px 0}.manga-site .volume p{font-size:13px;margin:12px 0}.manga-site .volume .meta{font-size:10px}.manga-site .cover{padding:5px}.manga-site .start{font-size:13px}.manga-site .shelf-footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){.manga-site .lens>.c,.manga-site .volume::before,.manga-site .cover,.manga-site .start::after{transition:none}}