@font-face{font-family:Huozi Mincho;src:url(/assets/display-DteSEg9J.woff2)format("woff2");font-weight:800;font-display:block}@font-face{font-family:Huozi Brush;src:url(/assets/brush-7lXNrHOY.woff2)format("woff2");font-weight:400;font-display:block}@font-face{font-family:Huozi Serif;src:url(/assets/serif-CSWDQHZe.woff2)format("woff2");font-weight:200 900;font-display:swap}:root{--void:#000;--line:#f5f4f0;--f-serif:"Huozi Serif", "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", serif;--f-brush:"Huozi Brush", "Kaiti SC", "STKaiti", "KaiTi", serif;--gutter:clamp(18px, 3.2vw, 44px);--ease-ink:cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}html,body{background:var(--void);height:100%;color:var(--paper);margin:0;overflow:hidden}body{--fg:235 229 214;--paper:rgb(var(--fg));--paper-80:rgb(var(--fg) / .82);--paper-60:rgb(var(--fg) / .6);--paper-45:rgb(var(--fg) / .45);--paper-30:rgb(var(--fg) / .3);--paper-15:rgb(var(--fg) / .15);font-family:var(--f-serif);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-weight:400}body.water-clear[data-scene=water],body.water-clear[data-scene=focus],body.water-clear[data-scene=closing]{--fg:13 44 59}p,h2{font-weight:inherit;margin:0}#stage{width:100vw;height:100vh;touch-action:none;height:100dvh;display:block;position:fixed;inset:0}body.is-pointer #stage{cursor:pointer}#ui{pointer-events:none;z-index:2;position:fixed;inset:0}#ui button,#ui a{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:1px solid var(--paper-60);outline-offset:6px}.layer{opacity:0;visibility:hidden;transition:opacity .9s var(--ease-ink), visibility 0s linear .9s;position:absolute;inset:0}body[data-scene=jar] .jar-layer,body[data-scene=water] .water-layer,body[data-scene=focus] .focus-layer{opacity:1;visibility:visible;transition:opacity 1.2s var(--ease-ink) .2s, visibility 0s}#ui .jar-button,#ui .works-nav button{pointer-events:none}.jar-button{border-radius:40% 40% 30% 30%;position:absolute;top:0;left:0}.jar-hint{letter-spacing:.9em;color:var(--paper-45);white-space:nowrap;padding-left:.9em;font-size:13px;animation:4.8s ease-in-out infinite breathe;position:absolute;bottom:max(9vh,64px);left:50%;transform:translate(-50%)}body.is-pointer[data-scene=jar] .jar-hint{color:var(--paper-80)}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}.works-nav button{opacity:0;border-radius:6px;position:absolute;top:0;left:0}.works-nav button:focus-visible{opacity:1;outline-offset:0}.hover-caption{writing-mode:vertical-rl;opacity:0;transition:opacity .5s var(--ease-ink);will-change:transform;gap:.7em;display:flex;position:absolute;top:0;left:0}.hover-caption.is-visible{opacity:1}.hover-title{letter-spacing:.3em;color:var(--paper-80);font-size:15px;font-weight:600}.hover-stack{letter-spacing:.12em;color:var(--paper-45);font-size:11px}.hover-info{letter-spacing:.3em;color:var(--paper-45);font-size:12px}.text-button{letter-spacing:.42em;color:var(--paper-45);transition:color .4s var(--ease-ink);padding:10px 0 10px .42em;font-size:12px;text-decoration:none}.text-button:hover{color:var(--paper)}.back-button,.close-button{top:calc(var(--gutter) - 10px);right:var(--gutter);writing-mode:vertical-rl;padding:0 10px .42em;position:absolute}.water-hint{left:var(--gutter);bottom:var(--gutter);letter-spacing:.32em;color:var(--paper-30);max-width:calc(100vw - var(--gutter) * 2);transition:opacity 1.6s var(--ease-ink);font-size:12px;line-height:2;position:absolute}.water-hint.is-gone{opacity:0}.focus-meta{gap:.8em;display:flex;position:absolute}.focus-title{letter-spacing:.24em;color:var(--paper);font-size:21px;font-weight:600}.focus-info{letter-spacing:.32em;color:var(--paper-45);font-size:13px}body.focus-side .focus-meta{top:var(--fy);right:calc(100vw - var(--fx) + 30px);writing-mode:vertical-rl}body.focus-below .focus-meta{left:var(--fx);bottom:calc(100vh - var(--fy) + 16px);align-items:baseline;gap:1.4em}.focus-text{pointer-events:auto;flex-direction:column;gap:26px;display:flex;position:absolute}body.focus-side .focus-text{top:var(--fy);left:calc(var(--fx) + var(--fw) + 46px);right:var(--gutter);height:var(--fh);max-width:30em}body.focus-below .focus-text{top:calc(var(--fy) + var(--fh) + 30px);left:var(--fx);width:var(--fw);bottom:var(--gutter);overscroll-behavior:contain;scrollbar-width:none;overflow-y:auto}body.focus-below .focus-text::-webkit-scrollbar{display:none}body.focus-below:not(.is-portrait) .focus-text{grid-template:"clue brief""foot brief"1fr/minmax(0,1.55fr) minmax(0,1fr);align-content:start;gap:22px 56px;display:grid}body.focus-below:not(.is-portrait) .clues{grid-area:clue}body.focus-below:not(.is-portrait) .focus-brief{grid-area:brief;padding-top:.5em}body.focus-below:not(.is-portrait) .focus-foot{grid-area:foot;align-self:start}.clues{display:grid}.clue{opacity:0;transition:opacity .9s var(--ease-ink);flex-direction:column;grid-area:1/1;gap:18px;display:flex}body.focus-side .clue{flex-direction:row;align-items:flex-start;gap:26px}.clue.is-in{opacity:1}.clue.is-out{opacity:0;transition-duration:.6s}.clue-brush{font-family:var(--f-brush);font-size:var(--brush-size,30px);letter-spacing:.1em;color:var(--paper);white-space:nowrap;filter:blur(5px);transition:filter 1.2s var(--ease-ink), -webkit-mask-position 1.6s var(--ease-ink), mask-position 1.6s var(--ease-ink);line-height:1.35;-webkit-mask-image:linear-gradient(90deg,#000 0% 45%,#0000 55% 100%);mask-image:linear-gradient(90deg,#000 0% 45%,#0000 55% 100%);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:220% 100%;mask-size:220% 100%}body.focus-side .clue-brush{writing-mode:vertical-rl;-webkit-mask-image:linear-gradient(#000 0% 45%,#0000 55% 100%);mask-image:linear-gradient(#000 0% 45%,#0000 55% 100%);-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-size:100% 220%;mask-size:100% 220%}.clue.is-in .clue-brush{filter:blur();-webkit-mask-position:0 0;mask-position:0 0}.clue-note{letter-spacing:.04em;text-align:justify;color:var(--paper-80);opacity:0;max-width:34em;transition:opacity 1s var(--ease-ink) .45s, transform 1s var(--ease-ink) .45s;font-size:14px;line-height:2;transform:translateY(6px)}body.focus-side .clue-note{padding-top:.3em}.clue.is-in .clue-note{opacity:1;transform:none}.focus-brief{letter-spacing:.04em;color:var(--paper-60);max-width:32em;transition:opacity .8s var(--ease-ink);font-size:12.5px;line-height:1.9}body.focus-side .focus-brief{margin-top:auto}.focus-stack{letter-spacing:.14em;color:var(--paper-80);margin-bottom:.5em;font-size:12px}.focus-foot{align-items:center;gap:32px;display:flex}.clue-nav{gap:6px;display:flex}.clue-nav button{letter-spacing:.2em;color:var(--paper-45);transition:color .4s var(--ease-ink), border-color .4s var(--ease-ink);border-bottom:1px solid #0000;padding:8px 4px 6px 8px;font-size:13px}.clue-nav button:hover{color:var(--paper)}.clue-nav button[aria-current=true]{color:var(--paper);border-bottom-color:var(--paper-60)}.focus-actions{gap:24px;display:flex}.focus-actions [hidden]{display:none}body.is-portrait .focus-title{letter-spacing:.16em;font-size:17px}body.is-portrait.focus-below .focus-meta{right:72px;bottom:calc(100vh - var(--fy) + 14px);flex-direction:column;align-items:flex-start;gap:.45em}body.is-portrait .clue-note{font-size:13.5px;line-height:1.85}.fallback{pointer-events:auto;padding:18vh var(--gutter);max-width:40em;margin:0 auto;line-height:2;position:absolute;inset:0;overflow:auto}.fallback-message{color:var(--paper-60);margin-bottom:3em;font-size:14px}.fallback-list{margin:0;padding:0;list-style:none}.fallback-list li{border-top:1px solid var(--paper-15);padding:.9em 0;font-size:15px}.fallback-list p{color:var(--paper-60);margin-top:.4em;font-size:13px}.fallback-list span{color:var(--paper-45);letter-spacing:.2em;margin-left:1.5em;font-size:12px}.noscript{color:var(--paper-60);place-items:center;font-size:14px;display:grid;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.jar-hint{animation:none}.clue-brush{filter:none;-webkit-mask-image:none;mask-image:none}}