*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{overflow:hidden;background-color:#f7f4ec;background-image:radial-gradient(rgba(120,105,80,.04) 1px,transparent 1px),radial-gradient(rgba(120,105,80,.03) 1px,transparent 1px);background-size:7px 7px,11px 11px;background-position:0 0,3px 5px;color:#1a1a1a;font-family:Yuji Syuku,serif;-webkit-font-smoothing:antialiased;cursor:default;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#app{height:100%;width:100%}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}:root{--tenchi-top: 5.5vh;--tenchi-bottom: 4vh;--kire-scale: 200px}.emaki{display:flex;height:100vh;height:100dvh;width:max-content;will-change:transform}.segment{position:relative;width:100vw;height:100vh;height:100dvh;flex-shrink:0;overflow:hidden}.segment:before,.segment:after{content:"";position:absolute;top:0;width:12vw;height:100%;pointer-events:none;z-index:2}.segment:before{left:0;background:linear-gradient(to right,rgba(200,192,172,.35),transparent)}.segment:after{right:0;background:linear-gradient(to left,rgba(200,192,172,.35),transparent)}.kotobagaki{position:absolute;top:7vh;right:6vw;bottom:40vh;font-family:Yuji Syuku,serif;color:#1a1a1a;font-size:clamp(1.3rem,3vh,2.1rem);z-index:3;display:flex;flex-direction:row-reverse;align-items:flex-start;gap:1em}.kotobagaki .line{writing-mode:vertical-rl;height:100%;line-height:2.2;letter-spacing:.08em;opacity:0;transition:opacity 1.2s ease}.kotobagaki .line.show{opacity:1}.kotobagaki .line.deflect{color:#4a4a4a}.stage{position:absolute;bottom:var(--tenchi-bottom);left:2vw;right:13vw;height:50vh;display:flex;align-items:flex-end;justify-content:center;gap:1.2vw;z-index:1}.animal{height:46vh;width:12vw;object-fit:contain;object-position:bottom center;transition:filter .25s ease}.stage.armed .animal{cursor:pointer}.stage.armed .animal:hover{filter:drop-shadow(0 0 6px rgba(176,58,46,.35))}.animal.riding{height:58vh;width:17vw}.narrator{position:fixed;bottom:var(--tenchi-bottom);right:3vw;height:34vh;z-index:5;opacity:0;transition:opacity 1.4s ease;pointer-events:none}.narrator.show{opacity:1;pointer-events:auto}.narrator.show{animation:narrator-breathe 5s ease-in-out infinite;transform-origin:bottom center}.narrator.still{animation:none}@keyframes narrator-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012)}}.narrator.armed,.narrator.tappable{cursor:pointer}.narrator.armed .narrator-img:hover{filter:drop-shadow(0 0 8px rgba(176,58,46,.4))}.narrator.fade-out{opacity:0;transition:opacity 2.4s ease}.narrator-img{height:100%;width:auto;object-fit:contain;object-position:bottom center;transform-origin:bottom center}@media(prefers-reduced-motion:reduce){.kotobagaki .line{transition-duration:.3s}.narrator{transition-duration:.35s}.narrator.show{animation:none}.narrator.fade-out{transition-duration:.6s}}.segment.musubi-scene{background:linear-gradient(to left,#f7f4ecd9,#f7f4ec80 22%,#f7f4ec00 52%),url(/chojugiga/assets/syugou-D3dLCwLw.png) center / cover no-repeat}.musubi-scene .kotobagaki .line{text-shadow:0 0 3px #f7f4ec,0 0 3px #f7f4ec,0 0 6px #f7f4ec,0 0 6px #f7f4ec,0 0 10px #f7f4ec,0 0 10px #f7f4ec}body:before,body:after{content:"";position:fixed;left:0;right:0;z-index:20;pointer-events:none;opacity:0;transition:opacity 1.6s ease}body.opened:before,body.opened:after{opacity:1}body:before{top:0;height:var(--tenchi-top);background:linear-gradient(to bottom,#3a2e1e1a 0,#3a2e1e00 70%),url(/chojugiga/assets/mount-kire-toned-ZZSsJKlV.png) top center / var(--kire-scale) auto repeat;border-bottom:1.5px solid rgba(58,46,30,.55);box-shadow:0 3px 6px -3px #3a2e1e47}body:after{bottom:0;height:var(--tenchi-bottom);background:linear-gradient(to top,#3a2e1e1a 0,#3a2e1e00 70%),url(/chojugiga/assets/mount-kire-toned-ZZSsJKlV.png) bottom center / var(--kire-scale) auto repeat;border-top:1.5px solid rgba(58,46,30,.55);box-shadow:0 -3px 6px -3px #3a2e1e47}@media(prefers-reduced-motion:reduce){body:before,body:after{transition-duration:.4s}}.rotate-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:none;flex-direction:row-reverse;align-items:center;justify-content:center;gap:1.8em;background-color:#f7f4ec;background-image:radial-gradient(rgba(120,105,80,.04) 1px,transparent 1px),radial-gradient(rgba(120,105,80,.03) 1px,transparent 1px);background-size:7px 7px,11px 11px;background-position:0 0,3px 5px}.rotate-veil .line{writing-mode:vertical-rl;color:#1a1a1a;font-size:clamp(1.15rem,5.2vmin,1.9rem);line-height:2;letter-spacing:.14em}@media(orientation:portrait)and (pointer:coarse){.rotate-veil{display:flex}}.bad-end{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 1.2s ease}.bad-end.show{opacity:1}.bad-end.interactive{cursor:pointer}.bad-end-hint{position:absolute;bottom:7vh;left:0;right:0;text-align:center;color:#fff;font-family:Yuji Syuku,serif;font-size:clamp(1rem,2.4vh,1.6rem);letter-spacing:.2em;opacity:0;pointer-events:none;text-shadow:0 0 8px rgba(0,0,0,.8)}.bad-end.interactive .bad-end-hint{animation:bad-end-blink 1.8s ease-in-out infinite}@keyframes bad-end-blink{0%,to{opacity:.12}50%{opacity:.92}}@media(prefers-reduced-motion:reduce){.bad-end.interactive .bad-end-hint{animation:none;opacity:.85}}.bad-end-img{max-width:100%;max-height:100%;object-fit:contain;opacity:0;transition:opacity 2s ease .8s}.bad-end.show .bad-end-img{opacity:1}@media(prefers-reduced-motion:reduce){.bad-end{transition-duration:.3s}.bad-end-img{transition:opacity .5s ease .2s}}.segment.title{background-color:#f7f4ec;display:flex;align-items:center;justify-content:center;cursor:pointer}.segment.title:before,.segment.title:after{content:none}.cover-logo{position:absolute;left:13vw;top:50%;transform:translateY(-50%);height:80vh;width:auto;-webkit-user-select:none;user-select:none;opacity:0;filter:blur(14px);transition:opacity 2.8s ease,filter 2.8s ease}.segment.title.revealed .cover-logo{opacity:1;filter:blur(0)}.title-logo{height:80vh;width:auto;-webkit-user-select:none;user-select:none;opacity:0}.segment.title.intro .title-logo{opacity:1;animation:title-write 4s ease-in-out both,title-logo-fade 1.2s ease 6s forwards}@keyframes title-write{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes title-logo-fade{to{opacity:0}}.title-brush{position:absolute;left:50%;top:-17vh;height:30vh;width:auto;transform-origin:15% 84%;transform:translate(-15%) rotate(0);opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))}.segment.title.intro .title-brush{animation:title-brush 3.8s ease-in-out forwards}@keyframes title-brush{0%{transform:translate(-15%) rotate(-4deg);opacity:0}5%{opacity:1}14%{transform:translate(calc(-15% + 5vh),12vh) rotate(4deg)}26%{transform:translate(calc(-15% - 5vh),24vh) rotate(-4deg)}38%{transform:translate(calc(-15% + 5vh),36vh) rotate(4deg)}50%{transform:translate(calc(-15% - 5vh),48vh) rotate(-4deg)}62%{transform:translate(calc(-15% + 5vh),60vh) rotate(4deg)}74%{transform:translate(calc(-15% - 5vh),72vh) rotate(-4deg)}86%{transform:translate(calc(-15% + 4vh),80vh) rotate(3deg)}92%{opacity:1}to{transform:translate(-15%,88vh) rotate(-5deg);opacity:0}}.title-seal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:14vh;width:auto;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.segment.title.intro .title-seal{animation:title-seal-in 1.1s ease 7s forwards}@keyframes title-seal-in{0%{opacity:0;transform:translate(-50%,-50%) scale(1.14)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.title-seal-diag{position:absolute;top:84%;left:50%;height:9vh;width:auto;transform:translate(-50%,-50%);opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.segment.title.musubi-close .title-seal{opacity:1}.segment.title.musubi-close .title-seal-diag{top:68%;height:13vh;animation:title-seal-in 1.2s ease 1.2s forwards}.title-wane{position:absolute;top:52%;left:50%;width:46vh;height:46vh;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#1a1a1a12,#1a1a1a00 68%);filter:blur(10px);opacity:0;pointer-events:none}.segment.title.musubi-close.waned .title-wane{animation:title-wane-in 2.4s ease 1.8s forwards}@keyframes title-wane-in{to{opacity:1}}@media(prefers-reduced-motion:reduce){.cover-logo{transition-duration:.6s}.segment.title.intro .title-logo{opacity:1;clip-path:none;animation:title-logo-fade .5s ease 1.8s forwards}.segment.title.intro .title-brush{animation:none}.segment.title.intro .title-seal{animation:title-seal-in .5s ease 2.4s forwards}}.select-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;background:#0a0a0a;opacity:0;transition:opacity .9s ease}.select-screen.shown{opacity:1}.select-half{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.2vh;opacity:0;transition:opacity 1.1s ease .15s}.select-screen:not(.revealing) .select-half{opacity:1}.select-half.omote{background:#f7f4ec;color:#1a1a1a}.select-half.ura{background:#0a0a0a;color:#f7f4ec}.select-seal{height:16vh;width:auto;-webkit-user-select:none;user-select:none}.select-label{writing-mode:vertical-rl;font-family:Yuji Syuku,serif;font-size:clamp(1.4rem,4.2vh,2.4rem);letter-spacing:.12em}.select-half.omote.clickable{cursor:pointer}.select-half.omote.clickable:hover .select-seal{filter:drop-shadow(0 0 10px rgba(176,58,46,.42))}.select-half.ura.clickable{cursor:pointer}.select-half.ura.clickable:hover .select-seal{filter:drop-shadow(0 0 10px rgba(247,244,236,.4))}.select-half.ura.locked{cursor:default}.select-half.ura.locked .select-seal{opacity:.3}.select-half.ura.locked .select-label{opacity:.45}.select-ending{position:absolute;left:50%;bottom:6vh;transform:translate(-50%);z-index:3;padding:1.2vh 1.6vw;opacity:0;transition:opacity 1.1s ease .3s}.select-screen:not(.revealing) .select-ending{opacity:1}.select-ending.clickable{cursor:pointer}.select-ending-label{font-family:Yuji Syuku,serif;font-size:clamp(1.8rem,6vh,3rem);letter-spacing:.1em;background:linear-gradient(to right,#1a1a1a 0,#1a1a1a 50%,#f7f4ec 50%,#f7f4ec);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-user-select:none;user-select:none}.select-ending.clickable:hover .select-ending-label{filter:drop-shadow(0 0 10px rgba(176,58,46,.4))}.select-reveal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3vh;background:#0a0a0a;opacity:0;pointer-events:none;transition:opacity 1.1s ease}.select-screen.revealing .select-reveal{opacity:1}.select-reveal-logo{height:54vh;width:auto;filter:invert(1);-webkit-user-select:none;user-select:none}.select-reveal-seal{height:13vh;width:auto;-webkit-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){.select-screen,.select-half,.select-reveal{transition-duration:.3s}}body.ura{background-color:#0a0a0a;background-image:radial-gradient(rgba(220,210,190,.05) 1px,transparent 1px),radial-gradient(rgba(220,210,190,.03) 1px,transparent 1px);color:#ece8dc}body.ura .kotobagaki{color:#ece8dc}body.ura .kotobagaki .line.deflect{color:#8f8b81}body.ura .stage .animal{transform:scaleX(-1);height:56vh;width:15vw}body.ura .segment.haka-scene{background:linear-gradient(to left,#000000b8,#0000006b 26%,#0000 56%),url(/chojugiga/assets/6haka-DKxGqfc0.png) center / cover no-repeat}.haka-seven{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;transition:opacity 2.4s ease;background:linear-gradient(to left,#000000b8,#0000006b 26%,#0000 56%),url(/chojugiga/assets/7haka-gnHZKr4P.png) center / cover no-repeat}body.ura .segment.haka-scene.haka-complete .haka-seven{opacity:1}body.ura .haka-scene .kotobagaki .line{text-shadow:0 0 4px #000,0 0 8px #000,0 0 12px rgba(0,0,0,.85)}.bgm-toggle{display:none}body.ura .bgm-toggle{display:flex;position:fixed;left:2.4vw;bottom:3vh;z-index:140;width:40px;height:40px;align-items:center;justify-content:center;padding:0;margin:0;border:0;background:transparent;color:#d8d4c8;opacity:.38;cursor:pointer;transition:opacity .3s ease;-webkit-tap-highlight-color:transparent}body.ura .bgm-toggle:hover,body.ura .bgm-toggle:focus-visible{opacity:.9;outline:none}.bgm-toggle svg{width:26px;height:26px;display:block}.bgm-toggle.muted{opacity:.3}.bgm-toggle.muted:after{content:"";position:absolute;left:50%;top:50%;width:30px;height:1.7px;background:currentColor;border-radius:1px;transform:translate(-50%,-50%) rotate(-45deg)}@media(prefers-reduced-motion:reduce){body.ura .bgm-toggle{transition-duration:.1s}}.ura-lightning{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;pointer-events:none;opacity:0;mix-blend-mode:screen;background:linear-gradient(to bottom,#dce8fff2,#afc6f080 55%,#8ca0cd1f)}body.ura .segment:before{background:linear-gradient(to right,rgba(0,0,0,.55),transparent)}body.ura .segment:after{background:linear-gradient(to left,rgba(0,0,0,.55),transparent)}body.ura:before,body.ura:after{display:none}body.ura .segment.title{background-color:#0a0a0a}body.ura .cover-logo{display:none}.ura-cover-wrap{position:absolute;left:13vw;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:2.6vh;opacity:0;filter:blur(14px);transition:opacity 2.8s ease,filter 2.8s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.segment.title.ura-cover .ura-cover-wrap{opacity:1;filter:blur(0)}.ura-cover-logo{height:64vh;width:auto;filter:invert(1)}.ura-cover-seal{height:11vh;width:auto}.segment.title.ura-intro .title-logo{opacity:1;filter:invert(1);animation:title-write 4s ease-in-out both}.segment.title.ura-intro .title-brush{filter:drop-shadow(0 0 3px rgba(255,255,255,.16));animation:title-brush 3.8s ease-in-out forwards}.title-seal-ura{position:absolute;top:82%;left:calc(50% + 9vh);height:11vh;width:auto;transform:translate(-50%,-50%);opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.segment.title.ura-intro .title-seal-ura{animation:title-seal-in .9s ease 7s forwards}.ura-badend{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#000;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:1.8em;opacity:0;transition:opacity 1.4s ease}.ura-badend.shown{opacity:1}.ura-badend .line{writing-mode:vertical-rl;color:#d8d4c8;font-size:clamp(1.2rem,2.8vh,1.9rem);line-height:2.2;letter-spacing:.1em;opacity:0;transition:opacity 1.2s ease}.ura-badend .line.show{opacity:1}@media(prefers-reduced-motion:reduce){.ura-cover-wrap{transition-duration:.6s}.haka-seven{transition-duration:.5s}.ura-badend{transition-duration:.4s}.ura-badend .line{transition-duration:.3s}.segment.title.ura-intro .title-logo{clip-path:none;animation:none}.segment.title.ura-intro .title-brush{animation:none}.segment.title.ura-intro .title-seal-ura{animation:title-seal-in .4s ease 1.6s forwards}}.ending-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:230;background:#050505;opacity:0;transition:opacity 1.8s ease}.ending-screen.shown{opacity:1}.ending-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;opacity:0;transition:opacity 3.5s ease;pointer-events:none}.ending-bg.syugou{background-image:url(/chojugiga/assets/syugou-D3dLCwLw.png);filter:saturate(.8) brightness(.72)}.ending-bg.haka{background-image:url(/chojugiga/assets/7haka-gnHZKr4P.png);filter:brightness(.85)}.ending-bg.shown{opacity:.42}.ending-line-host{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ending-line{position:absolute;top:50%;writing-mode:vertical-rl;font-family:Yuji Syuku,serif;color:#ece8dc;font-size:clamp(1.3rem,3.2vh,2rem);line-height:2.1;letter-spacing:.1em;max-height:84vh;opacity:0;transition:opacity 2s ease;text-shadow:0 0 4px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.75)}.ending-line.show{opacity:.82}.ending-line.v0{left:52%;transform:translate(-50%,-50%)}.ending-line.v1{left:68%;transform:translate(-50%,-50%)}.ending-line.v2{left:36%;transform:translate(-50%,-50%)}.ending-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:68vh;width:auto;filter:invert(1);opacity:0;transition:opacity 4s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.ending-logo.shown{opacity:.92}.ending-back{position:absolute;right:2.4vw;bottom:3.2vh;z-index:5;writing-mode:vertical-rl;font-family:Yuji Syuku,serif;color:#ece8dc;font-size:clamp(.85rem,1.9vh,1.15rem);letter-spacing:.12em;opacity:0;transition:opacity 1.4s ease;-webkit-user-select:none;user-select:none;text-shadow:0 0 4px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.75)}.ending-back.shown{opacity:.5}.ending-back.clickable{cursor:pointer}.ending-back.clickable:hover{opacity:.9}.ending-end{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;background:#000;opacity:0;transition:opacity 3s ease;pointer-events:none}.ending-end.shown{opacity:1}.ending-end-mark{font-family:Yuji Syuku,serif;color:#f7f4ec;font-size:clamp(3rem,16vh,8rem);letter-spacing:.1em;opacity:0;transition:opacity 3s ease .8s;-webkit-user-select:none;user-select:none}.ending-end.shown .ending-end-mark{opacity:.96}@media(prefers-reduced-motion:reduce){.ending-screen{transition-duration:.5s}.ending-bg{transition-duration:1s}.ending-line{transition-duration:.5s}.ending-logo{transition-duration:1s}.ending-back{transition-duration:.5s}.ending-end,.ending-end-mark{transition-duration:1s}}
