.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:max(9svh,calc(var(--footer-h, 0px) + 1svh));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:34svh;grid-template-columns:auto 1fr;column-gap:.75em;align-items:center;overflow-y:auto;scrollbar-width:thin;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}.shrine--jump .shrine__piece{transition:none}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}.house__credit{pointer-events:auto;text-align:center;font-size:max(9px,.5svh);letter-spacing:.03em;color:#08090a73}.shrine[data-scene=jiufen] .house__credit{color:#f0e6d56b}.shrine__ca{margin:0;pointer-events:auto;text-align:center;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__ca-hex{font-family:ui-monospace,SF Mono,Cascadia Mono,Roboto Mono,monospace;font-size:.94em;letter-spacing:0;overflow-wrap:anywhere;user-select:all}.shrine[data-scene=jiufen] .shrine__ca{color:#f0e6d5e0}.shrine__prose{display:grid;gap:.4em;align-content:safe center;min-height:0;overflow-y:auto;scrollbar-width:thin}.shrine__prose p:last-child{font-weight:700}.doors{position:absolute;z-index:400;top:50%;left:0;display:flex;flex-direction:column;gap:max(3px,.3svh);transform:translateY(-50%)}.doors__door{display:flex;align-items:center;gap:.55em;padding:.55em .9em .55em .8em;border:1px solid rgb(216 64 47 / 45%);border-left:none;border-radius:0 3px 3px 0;background:var(--paper);color:var(--cinnabar);text-decoration:none;font-size:max(11px,.76svh);letter-spacing:.1em;opacity:.72;box-shadow:0 2px 10px #08090a1a;transition:opacity .22s ease,border-color .22s ease,transform .22s ease}.doors__door:hover,.doors__door:focus-visible{opacity:1;border-color:var(--cinnabar);transform:translate(2px)}.doors__mark{font-family:"Kaiti TC","BiauKai","DFKai-SB","AR PL UKai TW",var(--font-han, serif);font-size:1.35em;font-weight:400;line-height:1}.doors__name{font-family:"Kaiti TC","BiauKai","DFKai-SB","AR PL UKai TW",var(--font-han, serif);font-weight:700;white-space:nowrap}@media(hover:hover)and (min-width:52rem){.doors__name{max-width:0;overflow:hidden;opacity:0;transition:max-width .26s ease,opacity .2s ease}.doors__door:hover .doors__name,.doors__door:focus-visible .doors__name{max-width:10em;opacity:1}}.shrine[data-scene=jiufen] .doors__door{background:#12100e85}@media(prefers-reduced-motion:reduce){.doors__door,.doors__name{transition:none}}