:root{--ink:#090609;--wine:#7d1d32;--red:#d14145;--gold:#d7ad70;--paper:#fff5ec;--muted:#d9c9c1;--line:rgba(215,173,112,.4)}*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;background:radial-gradient(circle at 50% -20%,#251017 0,transparent 42rem),var(--ink);color:var(--paper);font-family:"Yu Gothic UI",Meiryo,sans-serif;letter-spacing:.06em}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* top gate */.landing{position:relative;isolation:isolate;min-height:100svh;overflow:hidden}.manor-backdrop,.atmosphere{position:absolute;inset:0;pointer-events:none}.manor-backdrop{z-index:-3;background:linear-gradient(90deg,rgba(4,2,4,.38),transparent 30%,transparent 70%,rgba(4,2,4,.38)),url("assets/landing/official-manor-exterior.png") center/cover no-repeat;filter:brightness(.58) saturate(.82)}.atmosphere{z-index:-2;background:linear-gradient(180deg,rgba(3,1,3,.7),rgba(11,3,6,.08) 45%,rgba(2,1,3,.86)),radial-gradient(ellipse at 50% 56%,transparent 15%,rgba(7,2,5,.45) 85%)}.entrance{position:relative;display:grid;place-items:center;min-height:100svh;transition:opacity .45s ease,visibility .45s ease}.gate{position:absolute;z-index:1;top:0;bottom:0;width:min(34vw,510px);display:flex;align-items:end;overflow:hidden;transition:transform 1.35s cubic-bezier(.2,.72,.18,1)}.gate img{width:100%;height:auto;max-height:100svh;object-fit:contain;object-position:bottom}.gate-left{left:0}.gate-right{right:0;transform:scaleX(-1)}.entrance-copy{z-index:2;display:grid;justify-items:center;gap:9px;padding:24px;text-align:center;text-shadow:0 2px 18px #000}.eyebrow{margin:0;color:#ebcfa5;font-size:clamp(9px,1.1vw,12px);font-weight:600;letter-spacing:.27em}.entrance-mark{display:grid;place-items:center;width:clamp(58px,7vw,88px);aspect-ratio:1;margin:4px 0;color:#f4d0a6;border:1px solid var(--gold);border-radius:50%;font:clamp(25px,3vw,42px)/1 Georgia,serif;letter-spacing:-.14em;box-shadow:0 0 24px rgba(206,50,49,.5),inset 0 0 20px rgba(55,4,12,.8)}.entrance-title{margin:2px 0 0;font:clamp(31px,5.5vw,84px)/1.05 Georgia,"Times New Roman",serif;letter-spacing:.24em}.entrance-kana,.entrance-motto{margin:0;font:clamp(11px,1.3vw,16px)/1.5 "Yu Mincho",serif;letter-spacing:.36em}.entrance-motto{margin-top:5px;padding:7px 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.enter-button{display:grid;grid-template-columns:auto auto;gap:0 10px;align-items:center;margin-top:13px;border:0;background:transparent;color:#fff0e8;font:clamp(28px,4vw,54px)/1 Georgia,serif;letter-spacing:.17em;cursor:pointer;text-shadow:0 0 14px #d4162c;transition:transform .2s,color .2s}.enter-button span{color:var(--red)}.enter-button small{grid-column:1/-1;color:#f0d3be;font:12px/1.5 "Yu Mincho",serif;letter-spacing:.25em;text-shadow:none}.enter-button:hover{transform:scale(1.05);color:#fff}.enter-button:focus-visible,.story-door:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:5px}.home{position:relative;z-index:3;display:grid;min-height:100svh;align-content:center;gap:clamp(14px,3vh,30px);padding:clamp(22px,4vw,54px) 28px;text-align:center;opacity:0;transform:translateY(18px);transition:opacity .7s ease .38s,transform .7s ease .38s}.site-heading h1{margin:5px 0 0;font:clamp(33px,5vw,70px)/1.1 Georgia,"Yu Mincho",serif;letter-spacing:.2em;text-shadow:0 2px 20px #000}.crest{margin:2px 0;color:var(--gold);font-size:21px}.tagline{margin:7px 0 0;font:clamp(12px,1.4vw,17px)/1.4 "Yu Mincho",serif;letter-spacing:.28em}.door-menu{width:min(100%,1050px);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,2vw,28px);justify-self:center}.story-door{position:relative;display:grid;place-items:center;aspect-ratio:3/5;min-height:220px;color:var(--paper);text-decoration:none;isolation:isolate;filter:drop-shadow(0 16px 12px rgba(0,0,0,.58));transition:transform .28s ease,filter .28s ease}.story-door img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1}.story-door:after{content:"";position:absolute;inset:10% 16%;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(10,0,3,.58));mix-blend-mode:multiply}.door-copy{display:grid;justify-items:center;align-content:center;gap:7px;width:70%;min-height:42%;padding:12px 4px;background:linear-gradient(90deg,transparent,rgba(9,2,5,.76) 19%,rgba(9,2,5,.76) 81%,transparent);text-shadow:0 2px 5px #000}.door-copy small{color:var(--gold);font:12px Georgia,serif;letter-spacing:.2em}.door-copy strong{font:clamp(14px,1.65vw,21px)/1.04 Georgia,serif;letter-spacing:.1em}.door-copy em{font:normal 11px/1.4 "Yu Mincho",serif;letter-spacing:.13em}.story-door:hover{transform:translateY(-9px) scale(1.025);filter:drop-shadow(0 22px 17px rgba(0,0,0,.7)) brightness(1.12)}.story-door--sub{filter:hue-rotate(8deg) drop-shadow(0 16px 12px rgba(0,0,0,.58))}.story-door--if{filter:hue-rotate(-14deg) saturate(.82) drop-shadow(0 16px 12px rgba(0,0,0,.58))}.story-door--artbook{filter:hue-rotate(20deg) sepia(.18) drop-shadow(0 16px 12px rgba(0,0,0,.58))}.site-note{margin:0;color:rgba(255,241,231,.72);font-size:10px}.landing.is-open .gate-left{transform:translateX(-108%)}.landing.is-open .gate-right{transform:translateX(108%) scaleX(-1)}.landing.is-open .entrance{opacity:0;visibility:hidden;pointer-events:none}.landing.is-open .home{opacity:1;transform:none}
/* story portals and book shelves */.wrap{width:min(100% - 40px,1080px);margin:auto}body>header{position:relative;border-bottom:1px solid var(--line);background:rgba(4,2,4,.88);padding:17px 0}.brand{display:inline-block;color:var(--paper);text-decoration:none;font:clamp(18px,2.6vw,28px) Georgia,serif;letter-spacing:.16em}.brand small{display:block;margin-top:4px;color:var(--gold);font:9px/1.3 Georgia,serif;letter-spacing:.28em}nav:not(.door-menu){display:flex;flex-wrap:wrap;gap:18px;margin-top:14px;font:11px Georgia,serif;letter-spacing:.15em}nav:not(.door-menu) a{color:var(--muted);text-decoration:none}nav:not(.door-menu) a:hover{color:#fff}body>main.wrap{padding:clamp(48px,8vw,94px) 0 70px}.breadcrumb{color:var(--muted);font-size:11px}.breadcrumb a{color:var(--gold);text-underline-offset:4px}.wrap>.eyebrow{margin-top:27px}.wrap>h1{margin:9px 0 0;font:clamp(38px,6vw,76px)/1.06 Georgia,"Yu Mincho",serif;letter-spacing:.1em}.lead{max-width:620px;color:var(--muted);line-height:2;font-size:14px}.grid,.collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px}.card,.collection{position:relative;display:grid;min-height:260px;align-content:end;overflow:hidden;border:1px solid var(--line);padding:25px;background:linear-gradient(155deg,rgba(135,20,39,.48),rgba(7,4,7,.96));color:var(--paper);text-decoration:none;box-shadow:inset 0 0 0 6px rgba(0,0,0,.22);transition:transform .3s,box-shadow .3s}.card:before,.collection:before{content:"✦";position:absolute;top:25px;left:50%;transform:translateX(-50%);color:var(--gold);font-size:31px}.card:after,.collection:after{content:"";position:absolute;inset:12px;border:1px solid rgba(215,173,112,.28);pointer-events:none}.card h2,.collection h2{position:relative;margin:12px 0 6px;font:clamp(21px,2.5vw,33px)/1.1 Georgia,"Yu Mincho",serif;letter-spacing:.08em}.card p,.collection p{position:relative;margin:0;color:var(--muted);font-size:12px;line-height:1.8}.number{position:relative;color:var(--gold);font:11px Georgia,serif;letter-spacing:.2em}.card:hover,.collection:hover{transform:translateY(-8px);box-shadow:0 18px 24px rgba(0,0,0,.5),inset 0 0 26px rgba(205,32,48,.45)}.collections{grid-template-columns:repeat(3,minmax(0,1fr))}.collection{min-height:220px}.chapter-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}.chapter{position:relative;display:flex;min-height:188px;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:24px 20px;border:1px solid rgba(215,173,112,.3);background:linear-gradient(90deg,#17080d 0 12%,#3c101a 12% 16%,#11070b 16% 100%);box-shadow:inset 0 0 26px rgba(0,0,0,.55),0 9px 20px rgba(0,0,0,.28);color:var(--paper);text-decoration:none;transition:transform .25s,box-shadow .25s}.chapter:before{content:"BOOK";position:absolute;right:14px;top:17px;color:rgba(215,173,112,.34);font:9px Georgia,serif;letter-spacing:.2em;writing-mode:vertical-rl}.chapter span{color:var(--gold);font:12px Georgia,serif;letter-spacing:.15em}.chapter strong{margin-top:8px;font:500 15px/1.55 "Yu Mincho",serif}.chapter small{color:var(--muted);font-size:11px}.chapter:hover{transform:translateY(-7px) rotate(-.5deg);box-shadow:0 18px 25px rgba(0,0,0,.55),inset 0 0 26px rgba(148,20,40,.4)}body>footer{border-top:1px solid var(--line);padding:24px 0 34px;color:var(--muted);font-size:10px}
@media(max-width:800px){.door-menu{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,570px)}.story-door{min-height:0;max-height:310px}.gate{width:47vw}.grid,.collections,.chapter-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.wrap{width:min(100% - 28px,1080px)}.manor-backdrop{background-position:57% center}.gate{width:60vw;opacity:.94}.entrance-title{font-size:clamp(29px,10vw,46px)}.home{padding:20px 13px;align-content:start}.door-menu{gap:0;max-width:420px}.story-door{aspect-ratio:4/5;filter:drop-shadow(0 8px 7px rgba(0,0,0,.55))}.door-copy{gap:4px;min-height:38%;width:74%}.door-copy strong{font-size:14px}.door-copy em{font-size:9px}.grid,.collections,.chapter-list{grid-template-columns:1fr}.card,.collection{min-height:190px}.chapter{min-height:145px}body>main.wrap{padding:42px 0 56px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
 .story-door.is-entering{transform:scale(.76);opacity:0;filter:brightness(1.8) blur(2px)}.portal-opening{transform:scale(.86)!important;opacity:0;filter:brightness(1.8) blur(2px)}.portal-leaving main.wrap{transition:opacity .3s;opacity:.15}

/* Desktop corrections and book / bookmark system */
@media (min-width:1000px){.entrance-copy{transform:translateY(-1vh)}.door-menu{width:min(86vw,1040px)}}
.card,.collection{min-height:300px;padding:34px 28px 32px 44px;border:0;border-radius:3px 10px 10px 3px;background:linear-gradient(90deg,#310912 0 13px,#7a1429 13px 18px,#1a080d 18px 24px,#501020 24px 27px,#18060b 27px 100%);box-shadow:inset -10px 0 0 rgba(255,238,208,.055),inset 0 0 0 1px rgba(212,168,104,.48),0 16px 24px rgba(0,0,0,.45)}
.card:before,.collection:before{content:"";top:-7px;left:auto;right:30px;width:27px;height:112px;transform:none;background:url("assets/landing/bookmark-ribbon.png") center top/100% 100% no-repeat;clip-path:none;box-shadow:0 5px 9px rgba(0,0,0,.42)}
.card:after,.collection:after{inset:13px 13px 13px 37px;border-color:rgba(226,190,130,.48);border-radius:2px 7px 7px 2px}.card h2,.collection h2{margin:12px 0 9px;font-size:clamp(25px,3vw,39px);text-shadow:0 2px 2px #000}.card p,.collection p{max-width:16em}.number{margin-bottom:auto;color:#e9c07c}.card:hover,.collection:hover{transform:translateY(-10px) rotate(-.35deg);box-shadow:inset -10px 0 0 rgba(255,238,208,.07),inset 0 0 0 1px #e5bf82,0 23px 30px rgba(0,0,0,.58)}
.chapter{min-height:230px;padding:27px 38px 30px 37px;border:0;border-radius:2px 9px 9px 2px;background:linear-gradient(90deg,#3c0a15 0 11px,#981d35 11px 17px,#211018 17px 21px,#0e080c 21px 100%);box-shadow:inset -9px 0 0 rgba(255,243,220,.065),inset 0 0 0 1px rgba(221,182,115,.46),0 12px 20px rgba(0,0,0,.42)}
.chapter:before{content:"";right:22px;top:-3px;width:20px;height:92px;background:url("assets/landing/bookmark-ribbon.png") center top/100% 100% no-repeat;writing-mode:initial;clip-path:none}.chapter:after{content:"";position:absolute;inset:12px 12px 12px 30px;border:1px solid rgba(221,182,115,.26);border-radius:1px 6px 6px 1px;pointer-events:none}.chapter span,.chapter strong{position:relative}.chapter span{font-size:13px}.chapter strong{font-size:16px}.chapter:hover{transform:translateY(-9px) rotate(-.35deg);box-shadow:inset -9px 0 0 rgba(255,243,220,.09),inset 0 0 0 1px #e3be7f,0 22px 27px rgba(0,0,0,.56)}
@media(max-width:500px){.card,.collection{min-height:240px}.chapter{min-height:185px}}

/* Story = book cover. Episode = bookmark inside an open book. */
.grid,.collections{align-items:stretch}.card,.collection{display:grid;place-items:center;align-content:center;min-height:390px;padding:56px 42px 46px;background:linear-gradient(90deg,#21070d 0 18px,#741427 18px 23px,#17070c 23px 100%);text-align:center;isolation:isolate}.card:after,.collection:after{inset:17px 16px 17px 38px;border:1px solid rgba(230,197,142,.56);background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 42%)}.card:before,.collection:before{right:34px;width:25px;height:118px}.card .number,.collection .number{position:absolute;top:58px;left:51px;right:56px;color:rgba(232,205,158,.76);font:11px/1.2 Georgia,serif;letter-spacing:.22em}.card h2,.collection h2{z-index:1;margin:22px 0 11px;font:clamp(26px,2.8vw,42px)/1.18 Georgia,"Yu Mincho",serif;letter-spacing:.12em;text-shadow:0 2px 2px #000}.card p,.collection p{z-index:1;max-width:18em;margin:0;color:#e8d5c7;font:12px/1.8 "Yu Mincho",serif;letter-spacing:.12em}.card h2:after,.collection h2:after{content:"";display:block;width:52px;height:1px;margin:18px auto 0;background:var(--gold);box-shadow:0 0 9px rgba(222,172,90,.6)}
.chapter-list{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin-top:42px;padding:clamp(35px,5vw,62px);border:1px solid rgba(207,176,126,.62);border-radius:5px;background:linear-gradient(90deg,#e7d4b8 0 49.45%,#9c7c5f 49.7% 50.3%,#f0dec4 50.55% 100%);box-shadow:0 28px 55px rgba(0,0,0,.5),inset 0 0 42px rgba(85,49,31,.22)}.chapter-list:before{content:"SELECT A BOOKMARK";grid-column:1/-1;display:block;margin:0 0 18px;color:#56351f;font:12px Georgia,serif;letter-spacing:.24em;text-align:center}.chapter{display:grid;grid-template-columns:52px 1fr;align-items:center;min-height:74px;padding:11px 46px 11px 16px;border:0;border-radius:1px 0 0 1px;background:linear-gradient(90deg,#5f0f22 0,#a42b3b 42%,#6f1024 100%);box-shadow:0 5px 8px rgba(53,20,20,.28);color:#fff4e8;overflow:visible}.chapter:after{content:"";inset:auto -13px 0 auto;width:13px;height:100%;border:0;border-radius:0;background:linear-gradient(90deg,rgba(40,9,16,.55),transparent);pointer-events:none}.chapter:before{right:14px;top:0;width:17px;height:61px;background:url("assets/landing/bookmark-ribbon.png") center top/100% 100% no-repeat}.chapter span{align-self:center;color:#ffdaa0;font:14px Georgia,serif;letter-spacing:.12em}.chapter strong{margin:0;font:500 14px/1.45 "Yu Mincho",serif;text-align:left}.chapter small{color:#ffe2c8}.chapter:hover{transform:translateX(9px);background:linear-gradient(90deg,#801326,#c63d4b 45%,#8c1428 100%);box-shadow:0 8px 13px rgba(53,20,20,.38)}
@media(max-width:800px){.card,.collection{min-height:340px}.chapter-list{padding:34px;gap:9px 18px}}@media(max-width:560px){.grid,.collections{grid-template-columns:1fr}.card,.collection{min-height:300px}.chapter-list{grid-template-columns:1fr;padding:26px 20px;background:#ead7ba}.chapter-list:before{margin-bottom:9px}.chapter{min-height:68px}.chapter:hover{transform:translateX(5px)}}

/* Rendered hardcover artwork; all cover titles remain selectable HTML text. */
.card,.collection{min-height:450px;padding:65px 64px 58px;background:transparent;box-shadow:none}.card:after,.collection:after{inset:0;z-index:0;border:0;border-radius:0;background:url("assets/landing/hardcover-book.png") center/contain no-repeat;pointer-events:none}.card:before,.collection:before{z-index:2;right:calc(50% - 94px);top:15px;width:19px;height:95px}.card .number,.collection .number{z-index:1;top:102px;left:19%;right:19%;color:#ebcd98;text-shadow:0 1px 2px #000}.card h2,.collection h2{max-width:8em;z-index:1;margin:26px 0 12px;color:#fff6eb;font-size:clamp(24px,2.4vw,35px);text-shadow:0 2px 4px #050102}.card p,.collection p{z-index:1;max-width:15em;color:#f6dfc7;text-shadow:0 1px 3px #050102}.card h2:after,.collection h2:after{background:#e2bc7d}.card:hover,.collection:hover{transform:translateY(-10px) rotate(-.35deg);box-shadow:none;filter:brightness(1.12) drop-shadow(0 22px 20px rgba(0,0,0,.58))}.collection:nth-child(2):after{filter:hue-rotate(9deg)}.collection:nth-child(3):after{filter:hue-rotate(-10deg)}
@media(max-width:800px){.card,.collection{min-height:420px}}@media(max-width:560px){.card,.collection{min-height:390px;max-width:360px;margin-inline:auto;width:100%}.card .number,.collection .number{top:88px}}
.card:before,.collection:before{display:none}

/* Rendered episode bookmark artwork; labels remain HTML for search and accessibility. */
.chapter-list{gap:15px 25px}.chapter{aspect-ratio:3.05/1;min-height:0;padding:18px 48px 18px 35px;border:0;border-radius:0;background:url("assets/landing/episode-bookmark.png") center/100% 100% no-repeat;box-shadow:none;color:#fff7ed}.chapter:before,.chapter:after{display:none}.chapter span{color:#f4cd88;font-size:13px;text-shadow:0 1px 2px #150207}.chapter strong{font-size:15px;line-height:1.42;text-shadow:0 1px 3px #150207}.chapter:hover{transform:translateX(8px);background:url("assets/landing/episode-bookmark.png") center/100% 100% no-repeat;filter:brightness(1.14) drop-shadow(0 9px 8px rgba(50,8,18,.34));box-shadow:none}.card h2{white-space:nowrap;font-size:clamp(21px,2.1vw,31px)}
@media(max-width:800px){.chapter-list{gap:12px 19px}.chapter{padding:14px 38px 14px 27px}.chapter strong{font-size:14px}}@media(max-width:560px){.chapter-list{gap:11px}.chapter{aspect-ratio:3/1;padding:12px 32px 12px 24px}.chapter strong{font-size:13px}.card h2{font-size:clamp(20px,7vw,28px)}}

/* The bookmark board is an actual open-book page image, not a flat color panel. */
.chapter-list{border:0;border-radius:5px;background:#e9d7bd url("assets/landing/open-book-pages.png") center/100% 100% no-repeat;box-shadow:0 28px 55px rgba(0,0,0,.5)}.chapter-list:before{color:#56351f;text-shadow:0 1px 0 rgba(255,255,255,.6)}
@media(max-width:560px){.chapter-list{grid-template-columns:1fr;padding:26px 18px;background:#ead9bf url("assets/landing/open-book-pages.png") 23% center/auto 100% no-repeat}.chapter-list:before{margin-bottom:10px}.chapter{width:100%;aspect-ratio:3/1}}