:root{--ink: #08090a;--soot: #161210;--cinnabar: #d8402f;--deep-red: #5e2620;--gold: #f2c542;--old-gold: #8a6a2f;--jade: #1e7f63;--azure: #14508c;--bone: #ede3d2;--screen: #e8dcc4;--screen-edge: #c4b394;--paper: #efe6d2;--house: #17120e;--tint: #e8c25a;--tint-strength: 0;--violet: #6b3f8f;--lamp-warm: #f6e3bd;--lamp-cold: #d4dce6;--lamp-white: #fffaf0;--text-han: clamp(1.5rem, 1rem + 3.6vw, 3.2rem);--text-latin: clamp(.7rem, .62rem + .3vw, .85rem);--text-body: clamp(.9rem, .85rem + .25vw, 1.05rem);--measure: 32ch;--ease-rod: cubic-bezier(.2, .9, .25, 1);--dur-quick: .18s;--dur-beat: .42s;--dur-lamp: .9s;--z-lamp: 0;--z-screen: 1;--z-backdrop: 2;--z-far: 3;--z-near: 4;--z-puppets: 5;--z-frame: 6;--z-caption: 7}:root{--ink: #08090a;--bone: #ede3d2;--gold: #e8c25a;--cinnabar: #c4463a;--font-han: "Noto Serif TC", "Source Han Serif TC", "Songti TC", "PingFang TC", "Microsoft JhengHei", serif;--font-latin: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--soot);font-family:var(--font-han);-webkit-font-smoothing:antialiased}body{min-height:100svh;overscroll-behavior-y:none}#gl{display:block;width:100%;height:100%}#boot{position:fixed;inset:0;z-index:100;display:grid;place-content:center;justify-items:center;gap:1.1rem;background:var(--ink);transition:opacity .9s ease .2s,visibility 0s linear 1.1s}#boot[data-done=true]{opacity:0;visibility:hidden}.boot__mark{font-size:clamp(2.6rem,7vw,4.2rem);color:var(--gold);letter-spacing:.1em;animation:ember 3.4s ease-in-out infinite}.boot__label{font-size:.78rem;letter-spacing:.6em;text-indent:.6em;opacity:.5}@keyframes ember{0%,to{opacity:.45;text-shadow:0 0 18px rgb(255 178 87 / .25)}50%{opacity:1;text-shadow:0 0 34px rgb(255 178 87 / .55)}}@media(prefers-reduced-motion:reduce){.boot__mark{animation:none;opacity:.9}}.noscript{position:fixed;inset:auto 0 2rem;z-index:200;text-align:center;font-size:.9rem;opacity:.8}.ui{position:fixed;inset:0;display:grid;grid-template-rows:1fr auto;padding:clamp(1.25rem,4vw,3rem);pointer-events:none;color:var(--bone, #ede3d2)}.ui.is-travelling .chapter,.ui.is-travelling .act{opacity:.18;transition:opacity .5s ease}.slip{position:absolute;top:0;right:clamp(1.25rem,4vw,3rem);z-index:1;padding:clamp(1rem,2.2vw,1.6rem) clamp(.5rem,1.3vw,.85rem) clamp(1.8rem,3.4vw,2.6rem);background:var(--bone);color:var(--deep-red);border:.28rem solid var(--cinnabar);box-shadow:inset 0 0 0 .14rem var(--bone),inset 0 0 0 .2rem var(--cinnabar),0 .5rem 1.6rem #16121038;clip-path:polygon(0 0,100% 0,100% calc(100% - .9rem),50% 100%,0 calc(100% - .9rem));opacity:0;transform:translateY(-.9rem)}.slip.is-in{animation:slip-in .9s cubic-bezier(.2,.9,.25,1) forwards}@keyframes slip-in{to{opacity:1;transform:none}}.slip[hidden]{display:none}.chapter{align-self:end;max-width:34ch;opacity:0;transform:translateY(.6rem)}.chapter.is-in{animation:chapter-in 1.1s cubic-bezier(.16,1,.3,1) forwards}@keyframes chapter-in{to{opacity:1;transform:none}}.chapter__han{writing-mode:vertical-rl;font-size:clamp(1.6rem,4.2vw,2.9rem);font-weight:500;letter-spacing:.22em;margin:0 0 .9rem;text-shadow:0 0 2.5rem rgba(0,0,0,.9)}.chapter__latin{font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;opacity:.62;margin:0 0 .5rem}.chapter__body{font-size:.95rem;line-height:1.85;opacity:.86;margin:0}.act{pointer-events:auto;justify-self:start;display:inline-flex;align-items:baseline;gap:.7rem;margin-top:1.6rem;padding:.7rem 1.4rem;background:transparent;color:inherit;border:1px solid rgba(232,194,90,.42);border-radius:2px;cursor:pointer;font:inherit;transition:border-color .3s,background .3s}.act:hover,.act:focus-visible{border-color:#e8c25ae6;background:#e8c25a12}.act__han{font-size:1.05rem;letter-spacing:.2em}.act__latin{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;opacity:.55}.lamps{position:fixed;right:clamp(1rem,3vw,2.4rem);top:50%;transform:translateY(-50%);display:grid;gap:.85rem;margin:0;padding:0;list-style:none}.lamps__lamp{width:7px;height:7px;border-radius:50%;background:#ede3d229;transition:background .6s ease,box-shadow .6s ease}.lamps__lamp.is-lit{background:#ffb257;box-shadow:0 0 .75rem #ffb257bf}.meta{align-self:end;justify-self:end;display:flex;gap:1rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.45}@media(prefers-reduced-motion:reduce){.chapter.is-in{animation-duration:.01ms}}#stage{position:fixed;inset:0;z-index:0}#track{position:relative;z-index:1;pointer-events:none}.puppet{left:calc(var(--puppet-x, .5) * 100%);top:calc(var(--puppet-y, .5) * 100%)}.puppet[data-flip=true]{transform:scaleX(-1)}.noscript{position:relative;z-index:2;max-width:34rem;margin:0 auto;padding:3rem 1.5rem;line-height:1.9}.act__count{font-size:.8rem;letter-spacing:.2em;opacity:.7}.shrine{position:fixed;inset:0;display:grid;grid-template-rows:1fr;overflow:hidden;background:var(--paper);background-image:radial-gradient(60% 45% at 22% 18%,rgb(139 106 47 / 7%),transparent 70%),radial-gradient(50% 40% at 78% 82%,rgb(94 38 32 / 6%),transparent 72%);transition:background-color .9s ease}.shrine:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23f)' opacity='0.36'/%3E%3C/svg%3E")}.shrine:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.62;background-image:repeating-linear-gradient(90deg,rgb(139 106 47 / 6%) 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,rgb(94 38 32 / 4%) 0 1px,transparent 1px 5px),radial-gradient(38% 30% at 12% 62%,rgb(94 38 32 / 7%),transparent 70%),radial-gradient(30% 26% at 68% 22%,rgb(139 106 47 / 8%),transparent 72%),radial-gradient(42% 34% at 88% 74%,rgb(94 38 32 / 6%),transparent 74%)}.shrine__shelf{position:relative;display:grid;align-content:center;min-height:0}.shrine__rail{position:absolute;inset:0;display:grid;place-items:center}.shrine__piece{position:absolute;left:50%;top:40svh;width:0;height:0;transition:transform .78s var(--ease-rod, cubic-bezier(.2, .9, .25, 1)),opacity .78s var(--ease-rod, cubic-bezier(.2, .9, .25, 1));will-change:transform,opacity}.shrine__anchor{transform:translate(-50%,-50%);transform-origin:center;width:max-content;display:grid;justify-items:center}.shrine__hit{appearance:none;border:0;padding:0;background:none;cursor:grab;position:relative;display:grid;justify-items:center;color:inherit;font:inherit;touch-action:pan-y}.shrine__hit:active{cursor:grabbing}.shrine__hit:focus-visible{outline:2px solid var(--cinnabar, #d8402f);outline-offset:calc(var(--u, 1rem) * .6)}.shrine__art{display:block;height:var(--h, 48svh);width:auto;max-width:44vw;object-fit:contain}.shrine__slip{font-family:"Kaiti TC","BiauKai","DFKai-SB","AR PL UKai TW",var(--font-han, serif);position:absolute;bottom:-.2svh;left:-.35svh;z-index:2;margin:0;writing-mode:vertical-rl;display:flex;align-items:center;gap:.5em;padding:.9em .5em;border:1px solid var(--cinnabar, #d8402f);outline:1px solid rgb(216 64 47 / 45%);outline-offset:2px;color:var(--cinnabar, #d8402f);background:var(--paper);box-shadow:0 1px 5px #08090a1f;white-space:nowrap}.shrine__han{font-size:max(12px,1svh);letter-spacing:.2em;font-weight:700}.shrine__latin{font-size:max(10px,.56svh);letter-spacing:.26em;opacity:1;font-weight:600}.shrine__caption{font-family:"Kaiti TC","BiauKai","DFKai-SB","AR PL UKai TW",var(--font-han, serif);position:absolute;bottom:9svh;left:50%;transform:translate(-50%);z-index:150;width:min(80vw,max(22rem,31svh));filter:drop-shadow(0 3px 8px rgb(8 9 10 / 16%))}.shrine__paper{background:#ede3d2;border:2px solid var(--cinnabar, #d8402f);outline:1px solid rgb(216 64 47 / 45%);outline-offset:2px}.shrine__core{position:relative;display:grid;gap:.3em;text-align:left;min-height:7svh;max-height:18svh;grid-template-columns:auto 1fr;column-gap:.75em;align-items:center;overflow:hidden;overscroll-behavior:contain;padding:.35em 1.5em;background-image:radial-gradient(50% 70% at 8% 30%,rgb(139 106 47 / 8%),transparent 70%),radial-gradient(44% 60% at 92% 72%,rgb(110 78 34 / 7%),transparent 72%)}.shrine__core:before,.shrine__core:after{content:"";position:absolute;top:0;bottom:0;width:max(2rem,3svh);background:url(../art/bg_shanshui.webp) center / contain no-repeat;opacity:.16;filter:saturate(.55) sepia(.25);pointer-events:none}.shrine__core:before{left:max(4px,.4svh);-webkit-mask-image:linear-gradient(to right,#000 55%,transparent);mask-image:linear-gradient(to right,#000 55%,transparent)}.shrine__core:after{right:max(4px,.4svh);transform:scaleX(-1);-webkit-mask-image:linear-gradient(to right,#000 55%,transparent);mask-image:linear-gradient(to right,#000 55%,transparent)}.shrine__title{margin:0;align-self:center;display:grid;justify-items:center;gap:.15em;font-size:max(16px,1.35svh);color:#241708;padding-right:.55em;border-right:2px solid var(--cinnabar, #d8402f)}.shrine__title small{font-size:.4em;letter-spacing:.28em;color:var(--cinnabar, #d8402f)}.shrine__caption p:not(.shrine__relic):not(.shrine__caveat){margin:0;max-width:none;font-size:max(14px,.92svh);line-height:1.32;color:#241708}html,body{height:100%;overflow:hidden;overscroll-behavior:none}.drift{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.drift--fore{z-index:300}.drift--fore .drift__mote{filter:none}.drift__mote{position:absolute;top:12svh;left:var(--x);width:var(--size);height:auto;opacity:0;will-change:transform,opacity;animation:drift-cross var(--fall) linear var(--delay) infinite,drift-bob calc(var(--fall) / 4.5) ease-in-out var(--delay) infinite alternate}@keyframes drift-cross{0%{transform:translateZ(0) rotate(0);opacity:0}6%,88%{opacity:var(--fade)}to{transform:translate3d(124vw,46svh,0) rotate(var(--spin));opacity:0}}@keyframes drift-bob{to{margin-top:var(--sway)}}@media(prefers-reduced-motion:reduce){.drift{display:none}.shrine__rail,.shrine__hit,.shrine__piece,.shrine__caption{transition-duration:.01ms}}@media(max-width:48rem){.shrine__art{max-width:66vw;max-height:30svh}.shrine__caption{bottom:calc(var(--footer-h, 12svh) + 1.5svh);width:92vw}.shrine__core{grid-template-columns:1fr;grid-template-rows:auto 1fr;max-height:24svh;align-items:start}.shrine__title{grid-auto-flow:column;justify-content:start;align-items:baseline;gap:.5em;padding-right:0;padding-bottom:.15em;border-right:0;border-bottom:2px solid var(--cinnabar, #d8402f)}.shrine__prose{min-height:0;overflow-y:auto;align-content:start}}.shrine[data-scene=jiufen]{--paper: #12100e;background-color:#12100e}.shrine[data-scene=jiufen]:before{opacity:.2;mix-blend-mode:screen}.shrine[data-scene=jiufen]:after{opacity:.16}.backdrop{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .9s ease}.shrine[data-scene=temple] .backdrop--court{opacity:1}.backdrop--court img{position:absolute;left:50%;bottom:-6svh;translate:-50% 0;height:86svh;width:auto;opacity:.13;filter:saturate(.55)}.shrine[data-scene=jiufen] .backdrop--alley,.shrine[data-scene=jiufen] .weather--rain{opacity:1}.lantern{position:absolute;top:var(--top);left:var(--x);translate:-50% 0;opacity:var(--fade);transform-origin:50% 0;animation:lantern-sway var(--sway) ease-in-out var(--delay) infinite alternate}.lantern:before{content:"";position:absolute;left:50%;bottom:100%;width:1px;height:30svh;background:linear-gradient(to bottom,transparent,rgb(246 227 189 / 22%))}.lantern img{display:block;height:var(--size);width:auto}.lantern:after{content:"";position:absolute;left:50%;top:40%;translate:-50% -50%;width:260%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgb(255 176 92 / 26%),transparent 70%);pointer-events:none}@keyframes lantern-sway{0%{rotate:-1.6deg}to{rotate:1.6deg}}.weather{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .9s ease}.weather span{position:absolute;display:block}.weather--rain{z-index:260}.weather--rain span{top:-20svh;left:var(--x);width:1px;height:var(--len);background:linear-gradient(to bottom,#ffd6a000,#ffd6a06b);opacity:var(--fade);animation:rain-fall var(--dur) linear var(--delay) infinite}@keyframes rain-fall{to{transform:translate3d(-7svh,132svh,0)}}.shrine[data-scene=jiufen] .drift{opacity:0}.drift{transition:opacity .9s ease}.shrine[data-scene=jiufen] .shrine__slip{background:#12100e85}.scenes{position:absolute;z-index:400;top:max(6px,.7svh);left:50%;translate:-50% 0;perspective:240px}.scenes__card{appearance:none;cursor:pointer;border:0;padding:0;background:none;position:relative;display:block;width:max(44px,3.8svh);height:max(41px,3.55svh);transform-style:preserve-3d;transition:transform .64s var(--ease-rod, cubic-bezier(.2, .9, .25, 1))}.scenes__card.is-flipped{transform:rotateY(180deg)}.scenes__face{position:absolute;inset:0;display:flex;align-items:baseline;justify-content:center;gap:.6em;border:0;background:none;color:var(--cinnabar, #d8402f);backface-visibility:hidden;flex-direction:column;align-items:center;justify-content:flex-start;gap:.3em;padding-top:0}.scenes__face img{height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 3px 8px rgb(8 9 10 / 25%))}.scenes__face--back{transform:rotateY(180deg)}@media(prefers-reduced-motion:reduce){.scenes__card{transition-duration:.01ms}}.langs{position:absolute;z-index:400;top:max(6px,.7svh);right:max(8px,.76svh);display:flex;gap:max(2px,.16svh)}.langs__pick{appearance:none;cursor:pointer;padding:.5em 1em;border:1px solid rgb(216 64 47 / 45%);background:var(--paper);color:var(--cinnabar, #d8402f);font-size:max(11px,.76svh);font-weight:700;letter-spacing:.1em;opacity:.72;box-shadow:0 2px 10px #08090a1a;transition:opacity .22s ease,border-color .22s ease}.langs__pick:hover,.langs__pick:focus-visible{opacity:.95}.langs__pick[aria-current=true]{opacity:1;border-color:var(--cinnabar, #d8402f)}.shrine[data-scene=jiufen] .langs__pick{background:#12100e85}.shrine .langs--never{opacity:0;pointer-events:none;transition:opacity .24s ease}.shrine__colophon{margin:.5em 0 0;font-size:max(10px,.56svh);letter-spacing:.06em;color:#6b5335}.shrine__colophon a{color:var(--cinnabar, #d8402f);text-decoration:none;font-weight:700}.shrine__colophon a:hover,.shrine__colophon a:focus-visible{text-decoration:underline}.house{position:absolute;z-index:400;bottom:max(4px,.4svh);inset-inline:max(8px,.76svh);display:flex;align-items:center;justify-content:center;gap:1.6rem;pointer-events:none}.house__x{pointer-events:auto;display:inline-flex;align-items:center;gap:.5em;text-decoration:none;color:var(--cinnabar, #d8402f);font-size:max(12px,.92svh);font-weight:700;letter-spacing:.06em;opacity:.95;transition:opacity .2s ease}.house__x:hover,.house__x:focus-visible{opacity:1}.house__x img{height:max(16px,1.4svh);width:auto}.house__legal{font-size:max(10px,.56svh);letter-spacing:.05em;color:#08090a8c}.shrine[data-scene=jiufen] .house__legal{color:#f0e6d57f}.weather--fireflies{z-index:265;opacity:0}.shrine[data-scene=jiufen] .weather--fireflies{opacity:1}.weather--fireflies span{position:absolute;top:var(--y);left:var(--x);width:max(4px,.32svh);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff3c4 0 30%,#ffd76a 60%,transparent 75%);box-shadow:0 0 9px 3px #ffd66a7f;animation:firefly-wander var(--wander) ease-in-out var(--delay) infinite alternate,firefly-pulse var(--pulse) ease-in-out var(--delay) infinite}@keyframes firefly-wander{0%{transform:translateZ(0)}33%{transform:translate3d(calc(var(--dx) * .6),var(--dy),0)}66%{transform:translate3d(calc(var(--dx) * .2),calc(var(--dy) * .4),0)}to{transform:translate3d(var(--dx),calc(var(--dy) * .8),0)}}@keyframes firefly-pulse{0%,to{opacity:.15}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.weather--fireflies{display:none}}.shrine__piece.is-front .shrine__anchor{animation:breath 5.2s ease-in-out infinite}@keyframes breath{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.03)}}@media(prefers-reduced-motion:reduce){.shrine__piece.is-front .shrine__anchor{animation:none}}.house{flex-direction:column;justify-content:flex-end;gap:max(2px,.15svh)}.house__row{display:flex;align-items:center;justify-content:center;gap:max(6px,.5svh)}.house__caveat{margin:0;pointer-events:auto;text-align:center;font-size:max(10px,.6svh);letter-spacing:.04em;color:#08090a9e}.shrine[data-scene=jiufen] .house__caveat{color:#f0e6d59e}.shrine__ca{margin:0;pointer-events:auto;font-family:"Kaiti TC","BiauKai","DFKai-SB","AR PL UKai TW",var(--font-han, serif);font-size:max(11px,.68svh);letter-spacing:.08em;color:var(--ink, #08090a)}.shrine__ca b{color:var(--cinnabar, #d8402f);letter-spacing:.12em}.shrine[data-scene=jiufen] .shrine__ca{color:#f0e6d5e0}.shrine__prose{display:grid;gap:.4em;align-content:center}