:root{--bg:#33272a;--cream:#fbf1df;--ink:#4a3438;--accent:#c8674f;--font:"Kiwi Maru", "Hiragino Maru Gothic ProN", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:auto}body{background:var(--bg);color:var(--cream);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.8}#scene{touch-action:pan-y;width:100vw;height:100lvh;display:block;position:fixed;inset:0}main{pointer-events:none}.text a,.no-webgl main{pointer-events:auto}main>section{height:100svh;position:relative}main>section:last-child{height:100lvh}.text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text a:focus-visible{left:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:10;background:var(--cream);width:auto;height:auto;color:var(--ink);outline:3px solid var(--accent);white-space:nowrap;border-radius:999px;padding:.5em 1em;position:fixed}.text:has(a:focus-visible){clip-path:none;overflow:visible}.veil{z-index:12;background:radial-gradient(ellipse at 50% 45%, #4a3431, var(--bg) 70%);opacity:0;pointer-events:none;transition:opacity .7s ease-in-out;position:fixed;inset:0}.veil.is-on{opacity:1;transition-duration:.45s}.hint{left:50%;bottom:calc(86px + env(safe-area-inset-bottom));z-index:5;color:var(--cream);letter-spacing:.2em;white-space:nowrap;text-shadow:0 1px 8px #281414b3;opacity:0;pointer-events:none;font-size:12px;transition:opacity .8s;position:fixed;translate:-50%}.is-ready .hint{opacity:.85;transition-delay:2.4s}.is-ready .hint.is-gone{opacity:0;transition-delay:0s}.shiori{--depth:0;right:max(14px, env(safe-area-inset-right));z-index:15;opacity:0;flex-direction:column;gap:16px;transition:opacity .8s .6s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.is-ready .shiori{opacity:1}.shiori:before{content:"";background:linear-gradient(var(--accent) calc(var(--depth) * 100%), #fbf1df73 0);border-radius:1px;width:2px;position:absolute;top:6px;bottom:6px;right:5px}.shiori a{height:12px;color:var(--ink);justify-content:flex-end;align-items:center;gap:10px;font-size:12px;text-decoration:none;display:flex;position:relative}.shiori a:before{content:"";position:absolute;inset:-8px -10px -8px -4px}.shiori a:after{content:"";border:2px solid var(--cream);background:#4a34388c;border-radius:50%;flex:none;width:12px;height:12px;transition:background .3s,border-color .3s,transform .3s;box-shadow:0 1px 4px #28141459}.shiori a span{background:var(--cream);white-space:nowrap;pointer-events:none;border-radius:999px;padding:2px 10px;box-shadow:0 1px 4px #2814144d}.shiori a.is-here:after{background:var(--accent);transform:scale(1.25)}.shiori:not(.is-named) a span{opacity:0;transform-origin:100%;transition:opacity .2s,transform .25s ease-in;transition-delay:calc((6 - var(--i,0)) * 28ms);transform:translate(12px)scale(.5)}.shiori.is-named a span{opacity:1;pointer-events:auto;transition:opacity .25s,transform .45s cubic-bezier(.34,1.7,.6,1);transition-delay:calc(var(--i,0) * 40ms);transform:none}.shiori.is-named a.is-here span{background:var(--accent);color:#fff}@media (hover:hover){.shiori:not(.is-named) a:hover span{opacity:1;transition-delay:0s;transform:none}}.shiori:not(.is-named) a:focus-visible span{opacity:1;transition-delay:0s;transform:none}.shiori a:focus-visible{outline:none}.shiori a:focus-visible:after{outline:2px solid var(--accent);outline-offset:2px}.shiori-toggle{right:max(7px, calc(env(safe-area-inset-right) - 7px));z-index:15;border:2px solid var(--cream);width:26px;height:26px;color:var(--cream);font:500 12px/1 var(--font);cursor:pointer;opacity:0;background:#4a3438b3;border-radius:50%;place-items:center;padding:0;transition:opacity .8s .6s,background .3s,color .3s;display:grid;position:fixed;top:calc(50% + 114px);box-shadow:0 1px 4px #28141459}.shiori-toggle i{background:currentColor;border-radius:1px;width:10px;height:1.6px;margin:-.8px 0 0 -5px;transition:transform .35s cubic-bezier(.34,1.5,.6,1),opacity .2s;position:absolute;top:50%;left:50%}.shiori-toggle i:first-child{transform:translateY(-3.5px)}.shiori-toggle i:nth-child(3){transform:translateY(3.5px)}.shiori-toggle[aria-pressed=true] i:first-child{transform:rotate(45deg)}.shiori-toggle[aria-pressed=true] i:nth-child(2){opacity:0;transform:scaleX(.2)}.shiori-toggle[aria-pressed=true] i:nth-child(3){transform:rotate(-45deg)}.shiori-toggle:before{content:"";position:absolute;inset:-10px}.is-ready .shiori-toggle{opacity:1}.shiori-toggle[aria-pressed=true]{background:var(--cream);color:var(--accent)}.shiori-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shiori-toggle.is-bounce{animation:.45s shiori-bounce}@keyframes shiori-bounce{0%{transform:scale(1)}30%{transform:scale(.8)}65%{transform:scale(1.15)}to{transform:scale(1)}}.pager{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:15;opacity:0;align-items:center;gap:10px;transition:opacity .8s .6s;display:flex;position:fixed;translate:-50%}.is-ready .pager{opacity:1}.pager button{white-space:nowrap;background:var(--cream);height:44px;color:var(--ink);font:500 14px var(--font);letter-spacing:.12em;cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 18px;transition:transform .2s,opacity .3s,box-shadow .2s;display:flex;box-shadow:0 2px #d9c19a,0 3px 10px #28141459}.pager button:hover{transform:translateY(-1px)}.pager button:active{transform:translateY(1px);box-shadow:0 1px #d9c19a,0 2px 6px #28141459}.pager button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.pager button:disabled{opacity:.35;cursor:default;transform:none}#next{background:var(--accent);color:#fff;box-shadow:0 2px #9c4a37,0 3px 10px #28141459}.pager i{border-bottom:2px solid;border-right:2px solid;width:8px;height:8px}#prev i{transform:translateY(2px)rotate(-135deg)}#next i{transform:translateY(-2px)rotate(45deg)}.pager-here{min-width:6.5em;color:var(--cream);letter-spacing:.12em;white-space:nowrap;text-shadow:0 1px 6px #281414cc;background:#33272a8c;border-radius:999px;justify-items:center;margin:0;padding:3px 12px;font-size:12px;line-height:1.4;display:grid}.pager-here b{opacity:.8;font-size:11px;font-weight:400}.pager-here b:after{content:" / 7"}@media (width<=600px){.shiori{right:max(10px, env(safe-area-inset-right));gap:14px}.shiori a span{padding:1px 8px;font-size:11px}.shiori-toggle{right:max(5px, calc(env(safe-area-inset-right) - 5px));top:calc(50% + 106px)}.pager{gap:6px}.pager button{letter-spacing:.06em;height:42px;padding:0 14px;font-size:13px}.pager-here{letter-spacing:.06em;min-width:7.5em;padding:3px 8px;font-size:11px}}.no-webgl{color:var(--ink);background:linear-gradient(#f7d9c4,#f3e7cf 40%,#e5d2b0)}.no-webgl #scene,.no-webgl .hint,.no-webgl .shiori,.no-webgl .shiori-toggle,.no-webgl .pager{display:none}.no-webgl main{max-width:560px;margin:0 auto;padding:48px 16px 80px}.no-webgl main>section{height:auto;margin-bottom:20px}.no-webgl .text{clip-path:none;white-space:normal;background:#fffaf0e6;border-radius:18px;width:auto;height:auto;margin:0;padding:24px 22px;position:static;overflow:visible;box-shadow:0 2px #78503c26}.no-webgl h1,.no-webgl h2{letter-spacing:.08em;margin:0 0 .4em;font-weight:500}.no-webgl p,.no-webgl ul,.no-webgl dl{margin:.4em 0}.no-webgl dl div{border-bottom:1px dashed #4a343840;justify-content:space-between;gap:1em;display:flex}.no-webgl dd{margin:0}.no-webgl a{color:var(--accent)}.no-webgl .news{padding-left:1.1em}@media (prefers-reduced-motion:reduce){.loading-bread,.shiori-toggle.is-bounce{animation:none}.shiori a span{transition-duration:10ms!important;transition-delay:0s!important}}