:root{--paper:#f2f0eb;--ink:#242521;--muted:#62615b;--line:#b8b6ad;--link:#375e77;--panel:#eae7df;--art-paper:#f2f0eb;--serif:"JH Body","PMingLiU",serif;--hand:"JH Hand","JH Body","PMingLiU",serif;--title:"JH Title","JH Body","PMingLiU",serif;color-scheme:light dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;color:var(--ink);background:var(--paper);font:400 16px/1.9 var(--serif)}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;min-height:44px;padding:8px 14px}a{color:var(--link);text-underline-offset:6px;text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--link);outline-offset:5px}
h1,h2,h3,p,figure{margin:0}h2{font:400 clamp(30px,3.5vw,48px)/1.5 var(--hand);letter-spacing:.12em}h3{font:900 24px/1.5 var(--title);letter-spacing:.16em}img{display:block;max-width:100%;height:auto}picture{display:block}small,.fine{font-size:12px;line-height:1.9;letter-spacing:.05em;color:var(--muted)}.fine{margin-top:24px}.wrap{width:min(1200px,calc(100% - 112px));margin:auto}
.chapter{position:relative;padding:100px 0 116px}.section-title{margin-bottom:40px}.section-title>p:last-child{margin-top:14px;color:var(--muted)}.folio{font-size:12px;letter-spacing:.24em;color:var(--muted);margin-bottom:16px}
.seal{display:inline-block;width:72px;height:72px;flex-shrink:0;font-style:normal}.seal svg{display:block;width:100%;height:100%}.skip{position:fixed;top:-80px;z-index:99;background:var(--paper);padding:12px}.skip:focus{top:0}
.masthead{position:absolute;z-index:10;top:max(20px,env(safe-area-inset-top));left:max(40px,env(safe-area-inset-left));right:max(40px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.15em}.masthead nav{display:flex;gap:28px}.masthead nav a{padding:10px 0}.masthead button{display:none}
.hero{height:100vh;height:100svh;min-height:0;position:relative;isolation:isolate}.hero-image{position:absolute;inset:0 0 104px;overflow:visible}.hero-image picture{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start}.hero-image img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:left center;}.hero-original{opacity:0;transition:opacity .35s}.hero-image.loaded .hero-original{opacity:1}.hero-image.loaded .blur{opacity:0}.blur{transition:opacity .4s}.hero-image.failed .blur{opacity:1}
.title-block{position:absolute;right:10%;top:14%;display:grid;grid-template-columns:30px 100px;gap:18px;align-items:start}.title-block h1{grid-column:2;grid-row:1;font:900 clamp(60px,6vw,88px)/1.12 var(--title);width:1em;letter-spacing:0}.title-block h1 span{display:block}.motto{grid-column:1;grid-row:1;writing-mode:vertical-rl;font:20px/1.5 var(--hand);letter-spacing:.18em;white-space:nowrap;padding-top:8px}.hero-seal{grid-row:2;grid-column:2;transform:rotate(-3deg);width:62px;height:62px}.title-block small{grid-column:1/3;font-size:10px;letter-spacing:.12em;text-align:center;color:var(--muted)}
.hero-caption{position:absolute;left:56px;right:56px;bottom:max(14px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto;gap:10px;font-size:14px}.hero-caption p span{margin-left:24px;color:var(--muted)}.hero-caption button{grid-column:2;grid-row:1;border-bottom:1px solid var(--line)}.down{grid-column:1/3;justify-self:center;display:flex;align-items:center;gap:16px;font-size:12px;min-height:44px;padding:4px}.down span{font-size:20px}.ink-rain{display:none}
.enter h1 span{animation:write-in .45s ease-out both}.enter h1 span:nth-child(1){animation-delay:.3s}.enter h1 span:nth-child(2){animation-delay:.65s}.enter h1 span:nth-child(3){animation-delay:1s}.enter h1 span:nth-child(4){animation-delay:1.35s}.enter .hero-seal{animation:stamp-in .08s ease-out 1.9s both}
@keyframes write-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes stamp-in{from{opacity:0;transform:scale(1.18) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(-3deg)}}
.real .section-title{display:flex;gap:50px;align-items:end}.real .section-title .folio{align-self:start;padding-top:16px;white-space:nowrap}.real .section-title>p:last-child{max-width:16em;font-size:14px;margin-left:auto}
.painting{display:grid;grid-template-columns:28% 1fr;gap:32px;align-items:center}.illustration{position:relative;min-width:0}.illustration picture{aspect-ratio:3/4}.illustration img{width:100%;height:100%;object-fit:cover;object-position:34% center}.illustration figcaption{font-size:12px;letter-spacing:.2em;margin-top:10px;color:var(--muted)}
.sword-manual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sword-manual figure{position:relative;padding:12px 0 12px 20px;border-left:1px solid var(--line)}.sword-manual picture{aspect-ratio:16/9}.sword-manual img{width:100%;height:100%;object-fit:contain}.sword-manual figcaption{writing-mode:vertical-rl;position:absolute;top:12px;left:0;font:16px/1 var(--hand);letter-spacing:.3em}
.motion-window{width:min(320px,45%);margin:28px 0 0 auto;color:var(--ink)}.motion-window video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--art-paper);}.motion-window button{font-size:12px;display:block;width:100%;border-bottom:1px solid var(--line)}.caption{font-size:12px;color:var(--muted);margin-top:18px;letter-spacing:.08em}.trial-space{margin-top:16px;display:flex;gap:20px;align-items:center;color:var(--muted);font:18px/1.6 var(--hand)}.trial-space::before{content:"";width:36px;border-top:1px solid var(--line)}.trial-space span{font:12px var(--serif)}
.scrolls{display:grid;grid-template-columns:1fr 1fr .19fr .19fr;gap:28px;align-items:stretch}.scroll{border-top:5px solid var(--ink);border-bottom:5px solid var(--ink);height:560px;position:relative;padding:0;overflow:hidden;border-radius:0}.portrait{background:var(--paper);text-align:left}.portrait picture,.portrait img{width:100%;height:100%;object-fit:contain;object-position:center top}.portrait img{transition:transform .45s}.portrait:hover img{transform:scale(1.015)}.inscription{position:absolute;top:28px;right:18px;writing-mode:vertical-rl;display:flex;flex-direction:column;gap:8px;background:var(--paper);padding:8px 6px;font-size:12px}.inscription strong{font:900 24px var(--title);letter-spacing:.2em}.inscription em{font-style:normal;letter-spacing:.2em}.unroll{position:absolute;bottom:16px;right:16px;font-size:12px;letter-spacing:.2em;background:var(--paper);padding:4px 8px}.closed{display:grid;place-items:center;background:var(--paper)}.closed span{writing-mode:vertical-rl;letter-spacing:.4em;color:var(--muted);font-size:14px}.people-hint{text-align:right}
.weapon-layout{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.weapon-wide{grid-column:1/4}.weapon-wide img{width:100%;aspect-ratio:8/5;object-fit:contain}.weapon-lines{position:absolute;left:0;top:0;width:100%;height:auto;pointer-events:none;fill:var(--muted);stroke:var(--muted);stroke-width:1}.weapon-lines path{fill:none}.weapon-note{position:relative;padding-top:18px;border-top:1px solid var(--line)}.weapon-note picture{display:none}.weapon-note h3{margin-bottom:14px}.weapon-note p{font-size:14px;max-width:20em;color:var(--muted)}
.sect{display:flex;align-items:center;gap:40px;padding:35px 0;border-top:1px solid var(--line)}.sect div{flex:1}.sect h3{font-size:32px;margin-bottom:8px}.sect p{color:var(--muted)}.sect button{color:var(--link);border-bottom:1px solid var(--link);white-space:nowrap}.sect button[aria-pressed=true]{color:var(--ink)}
.decree-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.decree-layout>div>p:not(.folio){margin:24px 0;color:var(--muted)}.decree-layout a{display:inline-block;font-size:13px;padding:12px 0}.decree-paper{width:340px;max-width:100%;height:480px;padding:36px 28px;background:var(--panel);transform:rotate(1deg);position:relative;writing-mode:vertical-rl;display:flex;gap:26px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.decree-paper h3{font:900 32px/1.5 var(--title);letter-spacing:.4em}.decree-text{display:flex;flex-direction:column;gap:18px;font-size:17px;letter-spacing:.14em;line-height:1.7}.decree-text .signature{position:relative;margin:0;font:16px var(--serif)}.official{width:58px;height:58px;position:absolute;left:-12px;top:110px;transform:rotate(6deg);writing-mode:horizontal-tb}.name-line{position:relative;margin-top:36px}.name-line>span{display:inline-block;writing-mode:vertical-rl}.decree-stamp{position:absolute;width:72px;height:72px;right:-20px;top:110px;writing-mode:horizontal-tb;opacity:0;transform:scale(1.2) rotate(-3deg);transition:transform .08s,opacity .08s}.stamped .decree-stamp{opacity:1;transform:scale(1) rotate(-3deg)}
.current-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;margin-bottom:32px}.time-sheet{padding:24px 0}.time-sheet ol{display:grid;grid-template-columns:repeat(12,1fr);list-style:none;padding:0;margin:24px 0 20px;border-block:1px solid var(--line)}.time-sheet li{text-align:center;padding:10px 0;color:var(--muted);font-size:14px}.time-sheet li[aria-current]{color:var(--paper);background:var(--ink)}#now-time{font-size:14px}.status{display:flex;align-items:center;gap:14px;margin-top:25px;font-size:15px}.lamp{font-size:30px;color:var(--ink)}.notices{display:grid;gap:24px}.notices article{padding:24px 28px;border-block:1px solid var(--line);transform:rotate(-1deg)}.notices article:nth-child(2){transform:rotate(.7deg)}.notices .folio{margin-bottom:8px}.notices small{display:block;text-align:right;margin-top:12px}
.invite-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:26px;align-items:center}.invite-layout>picture{min-width:0}.invite-layout>picture img{width:100%;height:auto}.invite-copy{min-width:0}.invite-lines{display:flex;flex-direction:row-reverse;gap:35px;min-height:335px;justify-content:center}.invite-lines h2{writing-mode:vertical-rl;font:34px/1.4 var(--hand);letter-spacing:.15em}.invite-lines>p{writing-mode:vertical-rl;font:18px/2 var(--hand);letter-spacing:.15em}.main-button{display:flex;justify-content:space-between;align-items:center;gap:28px;width:260px;min-height:64px;padding:10px 18px;background:var(--ink);color:var(--paper);text-decoration:none;letter-spacing:.22em;margin:28px auto 0}.main-button .seal{width:40px;height:40px}.invite-copy>.fine{text-align:center}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:80px}.wordmark{font:900 32px/1.5 var(--title);letter-spacing:.3em;margin-bottom:16px}.colophon-motto{margin-bottom:24px}.footer-grid>div>p:not(.wordmark){font-size:14px}.footer-links a{display:flex;align-items:center;min-height:44px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--link);text-decoration:none}.bottom-row{display:flex;align-items:center;justify-content:space-between;margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}.quality{display:flex;gap:8px;align-items:center;font-size:13px}.quality button[aria-pressed=true]{text-decoration:underline;text-underline-offset:6px}.signature{display:flex;align-items:center;gap:18px;font:24px var(--hand)}.signature .seal{width:48px;height:48px}
dialog{width:min(780px,95vw);max-height:94svh;padding:50px 28px 28px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}dialog::backdrop{background:rgba(22,23,22,.76)}dialog picture{width:100%}dialog img{max-height:72svh;object-fit:contain;margin:auto}dialog h2{font-size:24px;margin-bottom:16px}dialog p{font-size:14px;margin-top:18px}.dialog-close{position:absolute;top:6px;right:12px;color:var(--link)}
.hero-image,.portrait picture,.illustration picture,.weapon-wide,.weapon-note picture,.invite-layout>picture,dialog picture,.sword-manual picture,.motion-window video{}
.motion-window video{}
@media(min-width:1600px){.hero-image{right:8%}.title-block{right:12%}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-caption{left:32px;right:32px}.hero-caption p span{display:block;margin:0}.title-block{right:6%;grid-template-columns:24px 78px;gap:8px}.title-block h1{font-size:65px}.title-block .motto{font-size:18px}.scrolls{gap:16px}.scroll{height:470px}.decree-layout{gap:48px}.current-layout{gap:35px}.real .section-title{gap:24px}.painting{gap:18px}.invite-lines{gap:24px}}
@media(max-width:767px){
.wrap{width:calc(100% - 40px)}.chapter{padding:66px 0 76px}.section-title{margin-bottom:30px}.folio{margin-bottom:12px}.masthead{left:max(20px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));font-size:10px;letter-spacing:.07em}.masthead button{display:block;font:22px var(--hand)}.masthead nav{display:none;position:absolute;top:48px;right:0;min-width:180px;padding:20px;background:var(--paper);border:1px solid var(--line);gap:12px;flex-wrap:wrap}.masthead nav.open{display:flex}.masthead nav a{min-width:52px}
.hero-image{inset:0 0 102px}.hero-image picture{align-items:flex-end;justify-content:center}.hero-image img{object-position:center bottom}.title-block{right:10%;top:62px;grid-template-columns:23px 52px;gap:9px}.title-block h1{font-size:48px;line-height:1.06}.motto{font-size:15px!important;letter-spacing:.12em;padding-top:0}.hero-seal{grid-column:1;grid-row:2;width:38px;height:38px;margin-left:-10px}.title-block small{grid-column:2;grid-row:2;writing-mode:vertical-rl;text-align:left;justify-self:center;font-size:9px;max-height:65px}.hero-caption{left:20px;right:20px;bottom:max(5px,env(safe-area-inset-bottom));font-size:13px;gap:2px;grid-template-columns:1fr 44px}.hero-caption p{line-height:1.85}.hero-caption p span{font-size:11px;white-space:nowrap}.hero-caption button{padding:0 2px;font-size:12px}.down{font-size:11px;padding:3px 0}
.real .section-title{display:block}.real .section-title>p:last-child{margin-left:0;max-width:none;font-size:13px}.painting{grid-template-columns:1fr;gap:28px}.illustration{width:56%;margin:auto}.illustration picture{aspect-ratio:4/5}.illustration img{object-fit:contain}.illustration figcaption{text-align:center}.sword-manual{grid-template-columns:1fr;gap:16px}.sword-manual figure{padding:8px 0 8px 26px}.sword-manual picture{max-width:100%;aspect-ratio:16/9}.sword-manual figcaption{font-size:20px;top:16px}.motion-window{width:72%;margin-top:24px}.caption{font-size:10px;letter-spacing:.01em}.trial-space{font-size:16px}
.scrolls{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px;overscroll-behavior-x:contain}.scroll{flex:0 0 86%;height:480px;scroll-snap-align:center}.closed{flex-basis:22%}.inscription{right:12px;top:18px}.weapon-layout{display:block}.weapon-wide,.weapon-lines{display:none}.weapon-note{display:grid;grid-template-columns:56% 1fr;align-items:center;gap:16px;padding:20px 0}.weapon-note picture{display:block}.weapon-note img{width:100%;max-height:440px;object-fit:contain}.weapon-note h3{font-size:25px}.weapon-note p{font-size:13px}.weapon-note div{border-left:1px solid var(--line);padding-left:16px}
.sect{gap:20px;flex-wrap:wrap;padding:28px 0}.sect .seal{width:66px;height:66px}.sect div{flex-basis:calc(100% - 86px)}.sect h3{font-size:29px}.sect p{font-size:14px}.sect button{margin-left:86px;font-size:14px}.decree-layout{grid-template-columns:1fr;gap:40px}.decree-layout>div>p:not(.folio){font-size:14px}.decree-paper{margin:auto;width:310px;height:450px;gap:18px;padding:28px 20px}.decree-text{gap:16px;font-size:16px}.current-layout{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.time-sheet{padding:0}.time-sheet ol{margin:16px 0}.notices{gap:16px}.notices article{padding:16px 20px}.notices article>p:not(.folio){font-size:14px}.status{margin-top:14px}.current-layout .fine{margin-top:16px}
.invite-layout{grid-template-columns:1fr;gap:28px}.invite-layout>picture{width:100%;aspect-ratio:4/5}.invite-layout>picture img{width:100%;height:100%;object-fit:contain}.invite-lines{min-height:315px;gap:32px}.invite-lines h2{font-size:30px}.invite-lines>p{font-size:16px}.invite-copy .folio{text-align:center}.footer-grid{grid-template-columns:1fr;gap:28px}.bottom-row{margin-top:32px;gap:20px;flex-wrap:wrap}.quality{gap:2px}.signature{font-size:20px}.signature .seal{width:38px;height:38px}.wordmark{font-size:29px}.footer-grid>div>p:not(.wordmark){font-size:13px}dialog{padding:52px 14px 22px}dialog img{max-height:67svh}
}
@media(max-width:767px) and (max-height:700px){.title-block{top:54px;right:8%;grid-template-columns:20px 43px;gap:7px}.title-block h1{font-size:40px}.motto{font-size:13px!important}.hero-seal{width:32px;height:32px}.title-block small{max-height:55px}.hero-image{bottom:98px}}
@media(max-width:767px) and (orientation:landscape){.hero{min-height:540px}.hero-image{inset:0 0 106px}.hero-image img{object-position:left center}.title-block{top:70px;right:8%;transform:scale(.8);transform-origin:top right}}
@media(prefers-color-scheme:dark){
:root{--paper:#24272b;--ink:#e9e6de;--muted:#bbb9b1;--line:#666a6c;--link:#a9c5d6;--panel:#303438;--art-paper:#d5d3cf}
.hero-image,.portrait picture,.illustration picture,.weapon-wide,.weapon-note picture,.invite-layout>picture,dialog picture,.sword-manual picture{}.motion-window video{}
.hero-image img{}.hero-caption{background:var(--paper)}.seal{outline:1px solid #a6a49b;outline-offset:1px}.main-button{background:#e9e6de;color:#242521}.main-button .seal{outline-color:#242521}.official{outline:none}
}
@media(prefers-color-scheme:dark) and (max-width:767px) and (orientation:portrait){.hero-image img{}.title-block small{background:var(--paper);padding:4px 3px;max-height:76px}}
[data-tier=su] .portrait img{transition:none}[data-tier=su] .decree-stamp{opacity:1;transform:rotate(-3deg)}[data-motion=off] *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.decree-stamp{opacity:1;transform:rotate(-3deg)}}
body{background-image:url(assets/paper.webp);background-size:512px 512px;background-repeat:repeat;background-attachment:scroll}
.chapter{content-visibility:auto;contain:layout paint;contain-intrinsic-size:auto 850px}
.chapter::before{content:none}
.hero-image{inset:0 0 130px}
.hero-image picture{width:100%;height:100%;align-items:flex-start}
.hero-image img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:left top}
.hero-image .blur img{width:100%;height:100%}
.masthead{top:12px;min-height:42px}
.title-block{top:88px;right:5%;grid-template-columns:26px 90px;gap:12px}
.title-block h1{font-size:clamp(56px,6vw,86px)}
.title-block small{white-space:nowrap;writing-mode:horizontal-tb;max-height:none;padding:0;background:transparent}
.hero-seal{width:54px;height:54px}
.hero-caption{background:transparent}
.painting{grid-template-columns:1fr 1.5fr;align-items:start}
.illustration picture{aspect-ratio:16/9}
.illustration img{object-fit:contain;object-position:center}
.sword-manual{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-block:1px solid var(--line);padding-block:12px}
.sword-manual figure{padding:0 18px 0 0;border-left:0;border-right:1px solid var(--line)}
.sword-manual figure:last-child{border-right:0}
.sword-manual picture{aspect-ratio:640/430}
.sword-manual figcaption{top:0;left:auto;right:1px;font:12px/1.2 var(--hand);letter-spacing:0}
.motion-window video{mask-image:none}
.scroll.portrait{display:grid;grid-template-columns:minmax(0,1fr) 76px;grid-template-rows:1fr 40px;background:transparent;overflow:visible;height:560px}
.portrait picture{grid-column:1;grid-row:1;min-height:0;padding:12px 3px}
.portrait img{object-fit:contain;object-position:center}
.inscription{position:static;grid-column:2;grid-row:1;justify-self:end;padding:16px 4px;background:transparent;max-height:100%;display:block}
.inscription strong,.inscription>span,.inscription em{display:block;margin-left:6px}
.unroll{position:static;grid-column:1/3;grid-row:2;justify-self:end;background:transparent}
.weapon-aside{position:absolute;font:13px/1.4 var(--hand);writing-mode:vertical-rl;color:var(--ink)}
.sword-aside{top:24%;left:6%}.staff-aside{top:18%;left:71%}.qin-aside{top:20%;left:84%}
.weapon-wide{isolation:isolate}
.weapon-wide img,.weapon-note img{position:relative}
.invite-layout{grid-template-columns:minmax(0,1.5fr) 1fr}
.invite-layout>picture{aspect-ratio:3/2}
.invite-layout>picture img{width:100%;height:100%;object-fit:contain}
.portrait picture,.illustration picture,.weapon-wide,.weapon-note picture,.invite-layout>picture,dialog picture,.sword-manual{position:relative;isolation:isolate}
@media(min-width:1600px){.hero-image{right:0}.title-block{right:5%}}
@media(max-width:1100px){.scroll.portrait{height:500px;grid-template-columns:minmax(0,1fr) 64px}.inscription strong{font-size:21px}}
@media(max-width:900px) and (orientation:portrait){
.hero-image{inset:52px 100px 126px 0}
.hero-image img{object-fit:contain;object-position:left bottom}
.title-block{top:65px;right:14px;grid-template-columns:19px 48px;gap:8px}
.title-block h1{font-size:45px;line-height:1.08}
.title-block .motto{font-size:14px!important;letter-spacing:.12em}
.hero-seal{grid-column:2;grid-row:2;margin:0;width:40px;height:40px}
.title-block small{grid-column:1/3;grid-row:3;font-size:9px;justify-self:center}
.masthead{left:20px;right:12px}
.hero-caption{left:20px;right:20px;font-size:13px}
.hero-caption p span{display:block;margin:0;font-size:11px}
}
@media(max-width:767px){
.painting{grid-template-columns:1fr;gap:24px}.illustration{width:72%}
.illustration picture{aspect-ratio:9/16;max-height:360px}
.scroll.portrait{height:490px;grid-template-columns:minmax(0,1fr) 64px}
.inscription{padding:14px 2px}.inscription em{font-size:11px}
.weapon-aside{display:none}
.invite-layout{grid-template-columns:1fr;gap:32px}.invite-layout>picture{aspect-ratio:3/2}
}
@media(max-height:700px) and (orientation:portrait){
.title-block{top:58px}.title-block h1{font-size:39px}.title-block .motto{font-size:12px!important}
.title-block small{max-height:none}.hero-image{bottom:100px}
}
@media(max-height:650px) and (orientation:landscape){
.hero{min-height:0}.hero-image{inset:52px 0 95px}
.title-block{top:58px;right:4%;grid-template-columns:19px 48px;gap:6px;transform:none}
.title-block h1{font-size:clamp(28px,6.5vh,42px);line-height:1.04}
.title-block .motto{font-size:12px!important;letter-spacing:.06em}
.hero-seal{width:32px;height:32px;grid-column:2;grid-row:2;margin:0}
.title-block small{font-size:9px;grid-column:1/3;grid-row:3;writing-mode:horizontal-tb}
.hero-caption{left:28px;right:28px;bottom:3px;font-size:12px;gap:0}
.hero-caption p span{display:block;margin:0;font-size:10px}.down{font-size:11px;min-height:38px}
}
@media(prefers-color-scheme:dark){
body{background-image:none;background-color:#24272b}
.hero-image{right:22%;isolation:isolate}
.hero-image::before,.portrait picture::before,.illustration picture::before,.weapon-wide::before,.weapon-note picture::before,.invite-layout>picture::before,dialog picture::before,.sword-manual::before{content:"";position:absolute;inset:0;z-index:-1;background:url(assets/paper-deckle.webp) center/100% 100% no-repeat;pointer-events:none}
.hero-image img{object-fit:contain}
.hero-image::before{inset:0 0 auto;aspect-ratio:16/9;max-height:100%}
.title-block{right:5%}.title-block small{background:transparent}
.hero-caption{background:transparent}
.sword-manual{--line:#777064;color:#242521;padding:18px 0}
.weapon-aside{color:#242521}
.weapon-lines{stroke:#55534d;fill:#55534d}
.inscription,.unroll{background:transparent}
.decree-paper{color:#e9e6de}
.official svg [fill="#ae3a29"]{fill:#e4a193}
.official svg [stroke="#ae3a29"]{stroke:#e4a193}
}
@media(max-width:1100px){
.sword-manual{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.sword-manual figure{height:100px;padding:0 18px 0 0}
.sword-manual figure:first-child{grid-column:1/3;border-right:0;border-bottom:1px solid var(--line);margin-bottom:10px;padding-bottom:0}
.sword-manual picture{height:100px;aspect-ratio:auto}
.sword-manual img{width:100%;height:100%;object-fit:contain}
.sword-manual figcaption{position:absolute;top:0;right:1px;margin:0;font-size:11px;line-height:1;letter-spacing:0;min-height:0;writing-mode:vertical-rl}
}
@media(prefers-color-scheme:dark) and (max-width:900px) and (orientation:portrait){
.hero-image{right:100px}.hero-image img{object-fit:contain;object-position:left bottom}
.hero-image::before{inset:auto 0 0;aspect-ratio:9/16}
.title-block{right:14px}.title-block small{padding:0;max-height:none}
}
#real{contain-intrinsic-size:auto 1100px}#people{contain-intrinsic-size:auto 1000px}#weapons{contain-intrinsic-size:auto 1200px}#sects{contain-intrinsic-size:auto 660px}#decree{contain-intrinsic-size:auto 740px}#now{contain-intrinsic-size:auto 720px}#invitation{contain-intrinsic-size:auto 780px}#colophon{contain-intrinsic-size:auto 650px}
.scroll.portrait{grid-template-columns:minmax(0,1fr) 112px}.inscription{width:112px;max-width:112px;overflow:visible;font-size:12px;line-height:1.9;padding:16px 8px}.inscription strong,.inscription>span,.inscription em{margin-left:6px}.inscription strong{font-size:24px}.inscription em{font-size:12px}
.sword-manual{padding:24px 22px}.sword-manual figure{padding-right:26px}.sword-manual figcaption{right:6px}.sword-manual figure:last-child{padding-right:26px}
.motion-window{position:relative;isolation:isolate;padding:14px 14px 0}.motion-window video{background:transparent;mix-blend-mode:multiply}.motion-window button{margin-top:14px}
.illustration picture{aspect-ratio:3/2}.illustration img{object-fit:contain}.illustration{width:100%}
.masthead nav a{text-shadow:0 0 3px var(--paper),0 0 7px var(--paper)}
@media(max-width:1100px){.sword-manual{padding:22px 18px}.sword-manual figure{padding-right:24px}.sword-manual figcaption{right:5px}.scroll.portrait{grid-template-columns:minmax(0,1fr) 106px}.inscription{width:106px;max-width:106px;padding-inline:6px}.inscription strong{font-size:22px}}
@media(max-width:900px) and (orientation:portrait){
.hero-image{inset:0 0 116px;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:fill;object-position:left top}
.title-block{top:58px}.title-block h1{font-size:40px}.title-block .motto{font-size:13px!important}
.illustration{width:90%}.illustration picture{aspect-ratio:3/2;max-height:none}
#real{contain-intrinsic-size:auto 1220px}#people{contain-intrinsic-size:auto 870px}#weapons{contain-intrinsic-size:auto 1680px}#sects{contain-intrinsic-size:auto 720px}#decree{contain-intrinsic-size:auto 980px}#now{contain-intrinsic-size:auto 930px}#invitation{contain-intrinsic-size:auto 940px}#colophon{contain-intrinsic-size:auto 850px}
}
@media(max-height:700px) and (orientation:portrait){.hero-image{bottom:104px}.title-block{top:54px}.title-block h1{font-size:36px}.hero-seal{width:32px;height:32px}}
@media(max-height:650px) and (orientation:landscape){.hero-image{inset:0 0 95px}}
@media(prefers-color-scheme:dark){
.hero-image{right:22%;bottom:auto;aspect-ratio:16/9;max-height:calc(100svh - 110px)}
.hero-image::before{inset:0;aspect-ratio:auto;max-height:none;background-image:url(assets/paper-hero-desktop.webp)}
.masthead nav{gap:18px}.masthead nav a{color:#242521;text-shadow:0 0 3px #d9d2c3,0 0 6px #d9d2c3,0 0 10px #d9d2c3}
.motion-window::before{content:"";position:absolute;inset:0 0 44px;z-index:-1;background:url(assets/paper-deckle.webp) center/100% 100% no-repeat;pointer-events:none}
.sword-manual figcaption{color:#242521}.masthead button{color:#e9e6de}
}
@media(prefers-color-scheme:dark) and (min-width:901px){.masthead nav{margin-left:auto}.masthead nav a{color:#e9e6de;text-shadow:0 0 3px #24272b,0 0 6px #24272b,0 0 10px #24272b}}
@media(prefers-color-scheme:dark) and (max-width:900px) and (orientation:portrait){
.hero-image{right:0;bottom:116px;aspect-ratio:auto;max-height:none}
.hero-image::before{inset:0;aspect-ratio:auto;background-image:url(assets/paper-hero-mobile.webp)}
.title-block{right:14px}
.masthead nav a{color:#a9c5d6;text-shadow:none}
}
@media(prefers-color-scheme:dark) and (max-height:700px) and (orientation:portrait){.hero-image{bottom:104px}}
@media(prefers-color-scheme:dark){
.hero-image{inset:0 0 116px;aspect-ratio:auto;max-height:none}
.masthead nav{gap:12px}
.illustration picture::before,.weapon-wide::before,.invite-layout>picture::before,.motion-window::before{background-image:url(assets/paper-landscape.webp)}
.sword-manual::before{background-image:url(assets/paper-wide.webp)}
}
@media(prefers-color-scheme:dark) and (max-width:1100px){.sword-manual::before{background-image:url(assets/paper-landscape.webp)}}
@media(prefers-color-scheme:dark) and (max-height:700px) and (orientation:portrait){.hero-image{bottom:104px}}
@media(prefers-color-scheme:dark) and (max-height:650px) and (orientation:landscape){.hero-image{bottom:95px}}
.decree-stamp{right:-44px}
.decree-stamp{right:28px}
@media(prefers-color-scheme:dark){
.title-block small{text-shadow:0 0 1px #24272b,0 0 1px #24272b,0 0 2px #24272b,0 0 2px #24272b,0 0 4px #24272b}
}
@media(max-width:900px) and (orientation:portrait){.hero-image img{object-fit:contain;object-position:left center}}
@media(prefers-color-scheme:dark) and (max-width:900px) and (orientation:portrait){.hero-image::before{inset:50% 0 auto;width:100%;aspect-ratio:3/4;transform:translateY(-50%)}}
@media(prefers-color-scheme:dark){.title-block small{text-shadow:0 0 1px #24272b,0 0 1px #24272b,0 0 1px #24272b,0 0 1px #24272b,0 0 1px #24272b,0 0 1px #24272b,0 0 1px #24272b,0 0 1px #24272b,0 0 1px #24272b,0 0 1px #24272b,0 0 1px #24272b,0 0 1px #24272b,0 0 1px #24272b,0 0 1px #24272b,0 0 1px #24272b,0 0 1px #24272b,0 0 1px #24272b,0 0 1px #24272b,0 0 1px #24272b,0 0 1px #24272b,0 0 4px #24272b}}
@media(prefers-color-scheme:dark) and (max-width:900px) and (orientation:landscape){.masthead nav a{text-shadow:0 0 1px #d9d2c3,0 0 1px #d9d2c3,0 0 1px #d9d2c3,0 0 1px #d9d2c3,0 0 1px #d9d2c3,0 0 1px #d9d2c3,0 0 1px #d9d2c3,0 0 1px #d9d2c3,0 0 1px #d9d2c3,0 0 1px #d9d2c3,0 0 1px #d9d2c3,0 0 1px #d9d2c3,0 0 1px #d9d2c3,0 0 1px #d9d2c3,0 0 1px #d9d2c3,0 0 1px #d9d2c3,0 0 1px #d9d2c3,0 0 1px #d9d2c3,0 0 1px #d9d2c3,0 0 1px #d9d2c3,0 0 4px #d9d2c3}}
@media(prefers-color-scheme:dark){.title-block small{color:var(--ink)}}
@media(max-height:450px) and (orientation:landscape){
.masthead nav{margin-left:auto}
.title-block{top:44px}.title-block .hero-seal{position:absolute;left:-42px;top:110px;margin:0}
.title-block small{grid-row:2}
}
@media(max-height:450px) and (orientation:landscape){.masthead{top:max(4px,env(safe-area-inset-top))}}
.motion-window video{filter:grayscale(1) contrast(1.12)}
@media(prefers-color-scheme:light){
#real{background:var(--paper) url(assets/paper.webp) 0 calc(-100svh)/512px 512px repeat}
.motion-window{isolation:auto}
}
.masthead>p{position:absolute;right:calc(5vw - 40px);top:44px;left:auto;white-space:nowrap;padding:0;color:var(--ink);font-size:11px;letter-spacing:.07em;text-shadow:none;-webkit-text-stroke:0}
.masthead nav{gap:12px;margin-left:auto}
@media(max-height:650px) and (orientation:landscape){.title-block{top:84px}.masthead>p{top:44px;right:0}.title-block .hero-seal{top:110px}}
@media(max-width:900px) and (orientation:portrait){.masthead>p{position:static;font-size:10px}.masthead nav{margin-left:auto}}
@media(prefers-color-scheme:dark) and (max-width:900px) and (orientation:portrait){
.hero-image::before{inset:auto 0 auto;top:max(58px,calc((100% - 133.333vw)/2));height:min(calc(100% - 58px),133.333vw);width:100%;max-height:100%;aspect-ratio:auto;transform:none}
}
#real{padding:48px 0 56px;contain-intrinsic-size:auto 700px}
.real .section-title{margin-bottom:24px}.real .section-title h2{font-size:40px;line-height:1.35}
.painting{grid-template-columns:1fr 1.5fr;gap:12px 32px;align-items:start}
.illustration{grid-column:1;grid-row:1/3;width:100%;align-self:center}
.sword-manual{grid-column:2;grid-row:1;grid-template-columns:1fr 1.85fr 1fr;padding:18px 20px;gap:0}
.sword-manual figure,.sword-manual figure:first-child{height:158px;grid-column:auto;border-bottom:0;border-right:1px solid var(--line);margin:0;padding:0 22px 0 0}
.sword-manual figure:last-child{border-right:0;padding-right:22px}
.sword-manual picture{height:158px;aspect-ratio:auto}.sword-manual figcaption{right:4px;top:4px;font-size:12px}
.motion-window{grid-column:2;grid-row:2;width:min(100%,380px);margin:0 auto;padding:12px 18px 0;isolation:isolate}
.motion-crop{position:relative;height:144px;overflow:hidden;mix-blend-mode:multiply}
.motion-window video{mix-blend-mode:normal;position:absolute;width:124%;max-width:none;height:auto;aspect-ratio:16/9;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain}
.motion-window::before{content:"";position:absolute;inset:0 0 44px;z-index:-1;background:url(assets/paper-landscape.webp) center/100% 100% no-repeat;pointer-events:none}
.motion-window button{margin:0;min-height:44px;padding:4px 14px}
#real .caption{margin-top:12px}#real .trial-space{margin-top:8px}
.chapter:not(.paper-ready) ::before{background-image:none!important}
@media(max-width:1100px){.painting{grid-template-columns:1fr 1.45fr;gap:12px 20px}.sword-manual{padding:16px 14px}.sword-manual figure,.sword-manual figure:first-child,.sword-manual picture{height:125px}.sword-manual figcaption{font-size:10px}.motion-crop{height:130px}}
@media(max-width:767px){
.scrolls{width:calc(100% + 40px);margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px}.scroll{flex-basis:calc((100vw - 40px)*.86)}.closed{flex-basis:calc((100vw - 40px)*.22)}
#real{padding:36px 0 42px;contain-intrinsic-size:auto 850px}.real .section-title h2{font-size:32px}.real .section-title{margin-bottom:16px}
.painting{grid-template-columns:1fr;gap:12px}.illustration{grid-column:1;grid-row:1;width:80%;margin:auto}.illustration picture{aspect-ratio:3/2}.illustration figcaption{margin-top:0}
.sword-manual{grid-column:1;grid-row:2;padding:16px 14px}.sword-manual figure,.sword-manual figure:first-child,.sword-manual picture{height:112px}.sword-manual figcaption{font-size:10px;right:4px}
.motion-window{grid-column:1;grid-row:3;width:min(100%,330px)}.motion-crop{height:120px}
}
@media(max-height:450px) and (orientation:landscape){.masthead>p{top:8px;right:230px;color:#242521}.title-block{top:44px}.title-block .hero-seal{grid-area:auto;top:110px}}
@media(max-width:767px){
.sword-manual{grid-template-columns:1.5fr 1fr;gap:8px 0}
.sword-manual figure,.sword-manual picture{height:88px}
.sword-manual figure:first-child{grid-column:1/3;height:96px;border-right:0;border-bottom:1px solid var(--line);padding-bottom:8px}
.sword-manual figure:first-child picture{height:88px}
.sword-manual figcaption{max-height:82px;line-height:1.1;right:3px}
}
@media(max-width:767px){
#real{padding:24px 0 30px;contain-intrinsic-size:auto 760px}
.real-stage{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px 14px}
.real .section-title{grid-column:1;grid-row:1;margin:0}.real .section-title .folio{padding:0;margin-bottom:6px}
.real .section-title h2{font-size:26px;line-height:1.35;letter-spacing:.03em}
.real .section-title>p:last-child{font-size:12px;line-height:1.7;margin-top:8px}
.painting{display:contents}.illustration{grid-column:2;grid-row:1;width:100%;align-self:center}
.sword-manual{grid-column:1/3;grid-row:2;padding-block:12px}
.motion-window{grid-column:1/3;grid-row:3}
#real .caption,#real .trial-space{grid-column:1/3;margin:0}
}
@media(min-width:768px) and (max-width:1100px){.sword-manual figure,.sword-manual figure:first-child,.sword-manual picture{height:100px}.sword-manual figcaption{max-height:94px}}
@media(min-width:768px) and (max-width:1100px){.motion-crop{height:144px}}
.motion-window button{margin-top:12px}
p{text-wrap:pretty}
.section-title>p:last-child,.weapon-note p,.sect p,.notices article>p:not(.folio),.footer-grid>div>p:not(.wordmark){text-wrap:balance}
.nw{white-space:nowrap}
.invite-lines h2{white-space:nowrap}
@media(max-width:767px){.sword-manual figcaption{max-height:none;white-space:nowrap}}
.chapter:not(.paper-loaded) .motion-window::before{background-color:#d9d2c3;border-radius:1% 2% 1% 2%}
@media(prefers-color-scheme:dark){
.chapter:not(.paper-loaded) :is(.illustration picture,.sword-manual,.portrait picture,.weapon-wide,.weapon-note picture,.invite-layout>picture)::before{background-color:#d9d2c3;border-radius:1% 2% 1% 2%}
.masthead nav a{color:#e9e6de;text-shadow:none;-webkit-text-stroke:0}
}
@media(prefers-color-scheme:dark) and (min-width:768px) and (max-width:950px) and (orientation:landscape){
.masthead nav a:first-child{color:#242521;transform:translateX(min(0px,calc(211px - 25vw)))}
.masthead nav a:nth-child(2){transform:translateX(clamp(0px,calc(211px - 25vw),10px))}
}
@media(prefers-color-scheme:dark) and (min-width:901px){.title-block small{justify-self:end;text-align:right;text-shadow:none}}
/* Book entry in the decree chapter: hairlines, hand title, stone-blue link; no fill, no image. */
.decree-layout .book-entry{display:grid;gap:4px;max-width:20em;min-height:44px;margin:8px 0 0;padding:18px 0 16px;border-block:1px solid var(--line);color:var(--ink);font-size:inherit;text-decoration:none}
.book-entry small{font-size:12px;letter-spacing:.24em;color:var(--muted)}
.book-entry strong{font:400 24px/1.5 var(--hand);letter-spacing:.12em}
.book-entry span{font-size:15px;letter-spacing:.08em;color:var(--muted)}
.book-entry em{justify-self:start;margin-top:6px;padding-bottom:2px;border-bottom:1px solid var(--link);color:var(--link);font-size:14px;font-style:normal;letter-spacing:.12em}
.book-entry:hover strong{color:var(--link)}
/* Notice board: a single real notice stays at the top instead of stretching to the clock column. */
.notices{align-content:start}
@media(max-width:767px){.decree-layout .book-entry{max-width:none}.book-entry strong{font-size:22px}}