@font-face{font-family:Yunjing Brush;src:url(./brush-BNWz5c1a.woff2)format("woff2");font-display:swap}@font-face{font-family:Yunjing Serif;src:url(./serif-Cfq1MtvP.woff2)format("woff2");font-display:swap}@font-face{font-family:Yunjing Kai;src:url(./kai-h_cHzDJm.woff2)format("woff2");font-display:swap}@font-face{font-family:Yunjing Seal;src:url(./seal-BcSQKbcR.woff2)format("woff2");font-display:swap}@font-face{font-family:Yunjing Xing;src:url(./xing-DQ9TgMJ4.woff2)format("woff2");font-display:swap}@font-face{font-family:Yunjing Xing;src:url(./kai-h_cHzDJm.woff2)format("woff2");font-display:swap;unicode-range:U+3001-3002,U+300A-300F,U+FF01,U+FF0C,U+FF1A-FF1B,U+FF1F,U+2014,U+2026}@font-face{font-family:Yunjing Bang;src:url(./bang-Bw00IRMu.woff2)format("woff2");font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0b0a09;--ink-1:#1d1915;--ink-2:#2a241e;--ink-3:#5d554a;--ink-4:#8a8173;--paper:#ede8dc;--paper-hi:#f2ece0;--paper-lo:#e4dccb;--seal:#a8321f;--ember:#e39a4c;--mist:#c9d3d1;--on:#ede8dceb;--on-2:#ede8dcad;--on-3:#ede8dc73;--lift:0 1px 12px #0009, 0 0 2px #0000008c;--veil:#0807069e;--veil-deep:#080706db;--serif:"Yunjing Serif", "Songti SC", "STSong", serif;--brush:"Yunjing Brush", "STKaiti", "KaiTi", serif;--kai:"Yunjing Kai", "STKaiti", "KaiTi", "Yunjing Serif", serif;--xing:"Yunjing Xing", "Yunjing Kai", "STXingkai", "STKaiti", serif;--seal-face:"Yunjing Seal", "Yunjing Serif", serif;--t-xs:12px;--t-s:14px;--t-m:16px;--t-l:20px;--t-xl:26px;--track:.14em;--track-wide:.3em;--sheet-shadow:drop-shadow(0 18px 34px #00000080);--paper-ground:var(--paper-tile,linear-gradient(transparent, transparent)), linear-gradient(172deg, var(--paper-hi), var(--paper-lo));--ease:cubic-bezier(.2,.7,.2,1)}html,body{height:100%;margin:0}[hidden]{display:none!important}dialog.layer{width:auto;max-width:none;height:auto;max-height:none;color:inherit;box-sizing:border-box;background:0 0;border:0;margin:0;padding:0;overflow:visible}dialog.layer:focus{outline:none}dialog.layer::backdrop{background:0 0}body{background:var(--ink);color:var(--paper);font-family:var(--serif);position:relative;overflow:hidden}.view{position:absolute;inset:0;overflow:hidden}#yardGl{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--ember);outline-offset:3px}.paper{isolation:isolate;color:var(--ink-2);filter:var(--sheet-shadow);position:relative}.paper:before{content:"";z-index:-1;background:var(--paper-ground);-webkit-mask:var(--deckle,linear-gradient(#000, #000)) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--deckle,linear-gradient(#000, #000)) 0 0 / 100% 100% no-repeat;mask:var(--deckle,linear-gradient(#000, #000)) 0 0 / 100% 100% no-repeat;position:absolute;inset:0}.paper.scrolls{background:var(--paper-ground);filter:none;-webkit-mask:var(--deckle,linear-gradient(#000, #000)) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--deckle,linear-gradient(#000, #000)) 0 0 / 100% 100% no-repeat;mask:var(--deckle,linear-gradient(#000, #000)) 0 0 / 100% 100% no-repeat}.paper.scrolls:before{content:none}.rule{background:var(--brush-ink,linear-gradient(#2a241e66, #2a241e66) 0 50% / 100% 1px no-repeat) center / 100% 100% no-repeat;opacity:.7;height:10px;margin:2px 0;display:block}.seal-mark{background:var(--stamp,var(--seal)) center / 100% 100% no-repeat;color:#f4ede0;font-family:var(--seal-face);place-items:center;line-height:1;display:inline-grid}.chip{box-sizing:border-box;min-width:44px;min-height:44px;font:400 var(--t-s)/1 var(--kai);letter-spacing:.2em;text-indent:.2em;color:var(--on);text-shadow:var(--lift);cursor:pointer;transition:color .3s var(--ease), opacity .3s var(--ease);background:0 0;border:0;border-radius:0;place-items:center;padding:8px 10px;text-decoration:none;display:inline-grid;position:relative}.chip:after{content:"";pointer-events:none;background:var(--brush-light,linear-gradient(var(--on-2), var(--on-2)) 0 50% / 100% 1px no-repeat) center / 100% 100% no-repeat;opacity:0;transform-origin:0;height:7px;transition:opacity .35s var(--ease), transform .35s var(--ease);position:absolute;bottom:4px;left:14%;right:14%;transform:scaleX(.6)}.chip:hover:after,.chip:focus-visible:after{opacity:.85;transform:none}.chip:disabled{opacity:.38;cursor:default}.chip:disabled:after{content:none}.chip[aria-pressed=true]:before{content:"";pointer-events:none;z-index:-1;background:var(--enso-red,radial-gradient(closest-side, transparent 86%, var(--seal) 88%, transparent 96%)) center / 100% 100% no-repeat;position:absolute;inset:-2px -4px}.chip[aria-pressed=true]{isolation:isolate}.paper .chip{color:var(--ink-2);text-shadow:none}.paper .chip:after{background:var(--brush-ink,linear-gradient(var(--ink-3), var(--ink-3)) 0 50% / 100% 1px no-repeat) center / 100% 100% no-repeat}.stamp{box-sizing:border-box;min-width:88px;min-height:44px;font:400 var(--t-m)/1 var(--kai);letter-spacing:.3em;text-indent:.3em;color:#f6efe2;text-shadow:none;background:var(--stamp,var(--seal)) center / 100% 100% no-repeat;cursor:pointer;transition:transform .2s var(--ease), filter .2s var(--ease);border:0;place-items:center;padding:0 18px;display:inline-grid;position:relative}.stamp:hover{filter:brightness(1.08)}.stamp:active{transform:scale(.97)}.stamp:after{content:none}.ink-btn{pointer-events:auto;min-height:44px;font:400 17px/1 var(--kai);letter-spacing:.4em;text-indent:.4em;color:var(--on);cursor:pointer;background:0 0;border:0;place-items:center;padding:6px 14px 12px;display:inline-grid;position:relative}.ink-btn:after{content:"";background:var(--brush-light,linear-gradient(var(--on-2), var(--on-2)) 0 50% / 100% 1px no-repeat) center / 100% 100% no-repeat;opacity:.75;height:8px;transition:opacity .3s var(--ease);position:absolute;bottom:2px;left:18%;right:18%}.ink-btn:hover:after{opacity:1}.paper .ink-btn{color:var(--ink-1)}.paper .ink-btn:after{background:var(--brush-ink,linear-gradient(var(--ink-3), var(--ink-3)) 0 50% / 100% 1px no-repeat) center / 100% 100% no-repeat}kbd{font:400 .86em/1 var(--serif);letter-spacing:.08em;text-indent:0;border:0;border-bottom:1px solid;border-bottom-color:color-mix(in srgb, currentColor 45%, transparent);box-shadow:none;vertical-align:.05em;background:0 0;margin:0 .4em 0 0;padding:0 .18em 2px;display:inline-block}kbd+kbd{margin-left:-.15em}#yardView:before{content:"";pointer-events:none;z-index:1;opacity:0;width:min(560px,80vw);height:240px;transition:opacity 1.2s var(--ease);background:radial-gradient(at 0 0,#0c0b097a,#0c0b0900 66%);position:absolute;top:0;left:0}body.entered:not(.photo):not(.bare) #yardView:before{opacity:1}.caption{z-index:2;text-align:center;font:400 var(--t-s)/1.9 var(--kai);letter-spacing:var(--track);color:var(--on);padding:0 max(16px, env(safe-area-inset-right,0px)) calc(30px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));text-shadow:var(--lift);pointer-events:none;opacity:0;visibility:hidden;margin:0;transition:opacity 1.2s,transform 1.2s,visibility 0s 1.2s;position:absolute;bottom:0;left:0;right:0;transform:translateY(6px)}.caption:before{content:"";background:var(--brush-light,linear-gradient(90deg, transparent, #ede8dcb3, transparent) 0 50% / 100% 1px no-repeat) center / 100% 100% no-repeat;opacity:.7;width:46px;height:7px;margin:0 auto 8px;display:block}.caption.on{opacity:1;visibility:visible;transition:opacity .9s,transform .9s;transform:none}.fade{opacity:0;visibility:hidden;transition:opacity 1.6s,visibility 0s 1.6s}.fade.on{opacity:1;visibility:visible;transition:opacity .9s}#moodTag{z-index:2;left:max(28px, env(safe-area-inset-left,0px));top:calc(24px + env(safe-area-inset-top,0px));font:400 13px/1 var(--kai);letter-spacing:.24em;color:var(--on-2);text-shadow:var(--lift);pointer-events:none;margin:0;position:absolute}#goal{z-index:2;left:max(28px, env(safe-area-inset-left,0px));top:calc(56px + env(safe-area-inset-top,0px));color:var(--on);text-shadow:var(--lift);pointer-events:none;align-items:center;gap:12px;margin:0;display:flex;position:absolute}#goal i{width:24px;height:24px;text-shadow:none;font-size:15px;font-style:normal;transform:rotate(-3deg)}#goal span{font:400 21px/1 var(--kai);letter-spacing:var(--track);gap:4px;display:grid}#goal small{font-size:var(--t-xs);letter-spacing:.2em;color:var(--on-2)}#way{z-index:3;pointer-events:none;font:400 var(--t-xs)/1 var(--kai);letter-spacing:.12em;color:var(--on);text-shadow:var(--lift);will-change:transform;justify-items:center;gap:6px;display:grid;position:absolute;top:0;left:0}#way i{background:var(--stamp,var(--seal)) center / 100% 100% no-repeat;width:12px;height:12px;box-shadow:0 0 0 1px #f4ede08c,0 0 10px #00000080}body.photo #way,body.bare #way,body:not(.entered) #way{display:none}#act{left:50%;bottom:calc(110px + env(safe-area-inset-bottom,0px));z-index:5;cursor:pointer;font:400 var(--t-xl)/1 var(--kai);letter-spacing:var(--track-wide);color:#f2ede2;text-shadow:var(--lift);background:0 0;border:0;align-items:center;gap:14px;padding:6px 12px;display:flex;position:absolute;transform:translate(-50%)}#act .enso{background:var(--enso-light,radial-gradient(closest-side, transparent 86%, var(--on) 88%, transparent 95%)) center / 100% 100% no-repeat;width:52px;height:52px;transition:transform .6s var(--ease);flex:none;place-items:center;display:grid;position:relative}#act:hover .enso{transform:rotate(-8deg)scale(1.04)}#act .enso kbd{color:var(--on-2);border:0;margin:0;padding:0;font-size:14px}#act span{text-indent:0;margin-right:calc(-1 * var(--track-wide))}#say{left:0;right:0;bottom:calc(176px + env(safe-area-inset-bottom,0px));text-align:center;font:400 clamp(19px, 3.1vmin, 26px)/1.6 var(--kai);letter-spacing:.16em;color:var(--on);text-shadow:var(--lift), 0 0 24px #0006;opacity:0;pointer-events:none;z-index:6;margin:0;padding:0 20px;transition:opacity 1.4s;position:absolute}#say.on{opacity:1}:is(body:has(dialog.layer[open]) #act,body:has(dialog.layer[open]) #say,body:has(dialog.layer[open]) #hint){visibility:hidden}.rail{z-index:4;right:max(22px, env(safe-area-inset-right,0px));bottom:calc(70px + env(safe-area-inset-bottom,0px));justify-items:end;gap:9px;transition:opacity 1.2s;display:grid;position:absolute}@media (pointer:fine){body.calm .rail{opacity:0}body.held .rail{opacity:0;pointer-events:none}.rail:hover,.rail:focus-within{opacity:1!important}}.rail{filter:drop-shadow(0 2px 8px #00000059)}.rail .chip{writing-mode:vertical-rl;letter-spacing:.3em;text-indent:0;width:36px;min-width:0;min-height:70px;color:var(--ink-2);text-shadow:none;background:var(--sheet,linear-gradient(172deg, var(--paper-hi), var(--paper-lo))) 0 0 / 100% 100% no-repeat;transition:transform .3s var(--ease);padding:10px 0;font-size:15px}.rail .chip:after{background:var(--stamp,var(--seal)) center / 100% 100% no-repeat;width:6px;height:auto;inset:16% 3px 16% auto;transform:none}.rail .chip:hover{transform:translate(-3px)}.rail .chip .count{writing-mode:horizontal-tb;width:16px;height:16px;font:400 11px/1 var(--kai);letter-spacing:0;color:#f4ede0;background:var(--stamp,var(--seal)) center / 100% 100% no-repeat;place-items:center;margin-top:4px;display:inline-grid}@media (pointer:coarse){.rail .chip{width:42px;min-height:76px;font-size:16px}}@media (max-height:560px){.rail{bottom:calc(14px + env(safe-area-inset-bottom,0px));grid-auto-flow:column;gap:6px}.rail .chip{writing-mode:horizontal-tb;letter-spacing:.2em;width:auto;min-height:40px;padding:8px 10px;font-size:14px}.rail .chip:after{width:auto;height:3px;inset:auto 14% 3px}}#moodPanel{z-index:5;right:max(80px, calc(env(safe-area-inset-right,0px) + 80px));bottom:calc(70px + env(safe-area-inset-bottom,0px));gap:6px;padding:16px 18px;display:grid;position:absolute}#moodPanel>div{gap:10px;display:flex}#moodPanel .chip{min-width:40px;font-size:var(--t-m);text-indent:0;letter-spacing:0}#frame{pointer-events:none;border:1px solid #f3efe5bf;display:none;position:absolute;box-shadow:0 0 0 200vmax #0808074d}#photoBar{padding:14px max(16px, env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;display:none;position:absolute;inset:auto 0 0}#photoBar button{pointer-events:auto}#photoSettingsToggle{justify-self:start;min-height:44px}#shutter{cursor:pointer;background:var(--enso-light,radial-gradient(closest-side, transparent 86%, var(--on) 88%, transparent 95%)) center / 100% 100% no-repeat, radial-gradient(closest-side, var(--paper-hi) 62%, transparent 64%);filter:drop-shadow(0 2px 10px #00000073);width:60px;height:60px;transition:transform .15s var(--ease);border:0;border-radius:50%;grid-column:2}#shutter:active{transform:scale(.94)}#shutter:disabled{opacity:.4}#photoClose{top:calc(12px + env(safe-area-inset-top,0px));right:max(16px, env(safe-area-inset-right,0px));display:none;position:absolute}#photoSettings{left:max(16px, env(safe-area-inset-left,0px));bottom:calc(94px + env(safe-area-inset-bottom,0px));box-sizing:border-box;width:min(320px,100vw - 32px);max-height:calc(100dvh - 174px);padding:20px 22px;position:absolute;overflow-y:auto}#photoSettings fieldset{border:0;margin:0 0 12px;padding:0}#photoSettings fieldset:last-of-type{margin-bottom:0}#photoSettings legend{font:400 13px/1.5 var(--kai);letter-spacing:.16em;color:var(--ink-3);margin-bottom:4px}#photoSettings .row{flex-wrap:wrap;gap:4px 10px;display:flex}#photoSettings .chip{font-size:var(--t-s);letter-spacing:.12em;text-indent:.12em;padding:8px}#photoSettings p{font:400 var(--t-xs)/1.7 var(--kai);letter-spacing:.08em;color:var(--ink-3);margin:14px 0 0}body:not(.photo) #photoSettings,body.photo .rail,body.photo #moodTag,body.photo #hint,body.photo #say,body.photo #dropBtn{display:none}body.photo #frame{display:block}body.photo #photoBar,body.photo #photoClose{display:grid}body.bare .rail,body.bare #moodTag,body.bare #hint{display:none}#print{background:var(--veil-deep);padding:calc(18px + env(safe-area-inset-top,0px)) 16px calc(18px + env(safe-area-inset-bottom,0px));grid-template-rows:1fr auto;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}#print img{object-fit:contain;align-self:center;max-width:100%;min-height:0;max-height:100%;box-shadow:0 10px 40px #0009}#print .row,#book .row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}#title{z-index:30;text-align:center;background:radial-gradient(at 50% 42%,#0b0a091f,#0b0a0999 75%),linear-gradient(#0b0a090d,#0b0a098c);place-items:center;transition:opacity 1.5s;display:grid;position:absolute;inset:0}#title.gone{opacity:0;pointer-events:none}#title h1{font:400 clamp(64px, 17vmin, 150px)/1.05 var(--brush);letter-spacing:.08em;text-indent:.08em;color:var(--paper);text-shadow:0 2px 30px #0009;margin:0}#title .sub{font:400 clamp(13px, 2.3vmin, 17px)/1 var(--kai);letter-spacing:.5em;text-indent:.5em;color:var(--on-2);margin:2.2vmin 0 0}#title .mark{aspect-ratio:1;background:var(--stamp,var(--seal)) center / 100% 100% no-repeat;width:clamp(46px,9vmin,76px);font:clamp(15px, 3.1vmin, 26px)/1.08 var(--seal-face);color:#f3ead9;filter:drop-shadow(0 2px 12px #0006);place-items:center;margin:5vmin auto 0;display:grid;transform:rotate(-3deg)}#enterBtn{font:400 clamp(22px, 4vmin, 32px)/1 var(--kai);letter-spacing:.6em;text-indent:.6em;color:var(--paper);cursor:pointer;text-shadow:var(--lift);background:0 0;border:0;margin-top:7vmin;padding:10px 26px 18px;transition:opacity .6s;position:relative}#enterBtn:after{content:"";background:var(--brush-light,linear-gradient(var(--on-2), var(--on-2)) 0 50% / 100% 1px no-repeat) center / 100% 100% no-repeat;opacity:.8;height:10px;transition:opacity .3s var(--ease), transform .4s var(--ease);position:absolute;bottom:2px;left:12%;right:12%}#enterBtn:not(:disabled):hover:after{opacity:1;transform:scaleX(1.06)}#enterBtn:disabled{opacity:.5;cursor:default;font-size:var(--t-s);letter-spacing:.4em;text-indent:.4em}#enterBtn:disabled:after{content:none}#titleSeals{font:400 var(--t-s)/1 var(--kai);letter-spacing:.4em;text-indent:.4em;color:#e5b9a4;min-height:1.3em;text-shadow:var(--lift);margin:3vmin 0 0}#loading{text-align:left;width:min(280px,70vw);margin:24px auto 0}#loading[hidden],#loading [hidden]{display:none}.load-copy{color:var(--paper);opacity:.72;font:12px/1.6 var(--kai);justify-content:space-between;gap:12px;display:flex}#loadPercent{font-variant-numeric:tabular-nums}#loadProgress{width:100%;height:3px;accent-color:var(--ember);background:#ede8dc29;border:0;border-radius:2px;margin-top:10px;display:block}#loadProgress::-webkit-progress-bar{background:#ede8dc29;border-radius:2px}#loadProgress::-webkit-progress-value{background:var(--ember);border-radius:2px;transition:width .2s}#loadProgress::-moz-progress-bar{background:var(--ember);border-radius:2px}#loadRetry{color:var(--paper);cursor:pointer;font:14px var(--kai);background:0 0;border:1px solid #ede8dc66;margin-top:12px;padding:8px 14px}#title .how{left:0;right:0;bottom:calc(22px + env(safe-area-inset-bottom,0px));font:400 13px/1 var(--kai);letter-spacing:.3em;color:var(--on-2);margin:0;position:absolute}#titleSet{right:max(16px, env(safe-area-inset-right,0px));top:calc(14px + env(safe-area-inset-top,0px));color:var(--on-2);position:absolute}#dropBtn{right:18px;bottom:calc(100px + env(safe-area-inset-bottom,0px));z-index:5;position:absolute}#jumpBtn{right:max(84px, calc(env(safe-area-inset-right,0px) + 84px));bottom:calc(40px + env(safe-area-inset-bottom,0px));text-indent:0;letter-spacing:0;width:58px;height:58px;color:var(--ink-2);text-shadow:none;background:var(--paper-ground);filter:drop-shadow(0 2px 10px #0006);z-index:4;border-radius:50%;padding:0;font-size:18px;display:none;position:absolute}#jumpBtn:after{content:none}@media (pointer:coarse){#jumpBtn{display:block}}body.photo #jumpBtn,body.bare #jumpBtn,body:not(.entered) #jumpBtn{display:none}#toast{z-index:40;pointer-events:none;opacity:0;text-align:center;justify-items:center;gap:12px;transition:opacity .9s;display:grid;position:absolute;top:24%;left:50%;transform:translate(-50%,-50%)}#toast.on{opacity:1}#toast img{aspect-ratio:1;filter:drop-shadow(0 4px 18px #0000008c);width:clamp(84px,17vmin,132px)}#toast.on img{animation:.5s cubic-bezier(.2,1.5,.4,1) both press}@keyframes press{0%{opacity:0;transform:scale(1.6)rotate(-9deg)}to{opacity:1;transform:scale(1)rotate(-3deg)}}@media (prefers-reduced-motion:reduce){#toast.on img{animation:none}}#toastName{font:400 var(--t-s)/1 var(--kai);letter-spacing:.4em;text-indent:.4em;color:var(--on);text-shadow:var(--lift);margin:0}#toastLine{max-width:min(86vw,30em);font:400 clamp(18px, 3vmin, 24px)/1.65 var(--kai);letter-spacing:.12em;color:var(--on);text-shadow:var(--lift), 0 0 24px #0006;margin:0}#book,#slip{z-index:35;background:var(--veil-deep);padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));grid-template-rows:1fr auto auto;justify-items:center;gap:12px;display:grid;position:absolute;inset:0}#book img{object-fit:contain;align-self:center;max-width:100%;min-height:0;max-height:100%;box-shadow:0 10px 40px #0009}#bookHint{font:400 15px/1.8 var(--kai);letter-spacing:.12em;text-align:center;max-width:34em;color:var(--on);margin:0}#bookReset{color:var(--on-3)}#slip{grid-template-rows:1fr auto;place-items:center}#slip .paper{--col:46px;writing-mode:vertical-rl;box-sizing:border-box;height:min(70vh,600px);min-width:calc(var(--col) * 3 + 64px);color:var(--ink-1);flex-direction:column;justify-content:space-between;gap:0;padding:64px 32px;display:flex}#slip .paper:after{content:"";z-index:-1;pointer-events:none;background:repeating-linear-gradient(to left, #a8321f00 0 calc(var(--col) - 1px), #a8321f33 calc(var(--col) - 1px) var(--col));border-block:1px solid #a8321f52;position:absolute;inset:52px 32px}#slipText{font:400 clamp(26px, 4.2vmin, 32px)/var(--col) var(--xing);letter-spacing:.1em;color:var(--ink-1);margin:0}#slipFrom{font:400 19px/var(--col) var(--xing);letter-spacing:.08em;color:var(--ink-2);align-self:flex-start;margin:0}#slip .seal-mark{writing-mode:vertical-rl;width:30px;height:30px;font-size:12px;position:absolute;bottom:18px;left:30px;transform:rotate(3deg)}#piece{z-index:36;padding:calc(20px + env(safe-area-inset-top,0px)) clamp(16px, 4vw, 56px) calc(20px + env(safe-area-inset-bottom,0px));background:#080706f0;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);align-items:center;gap:clamp(14px,3vw,44px);display:grid;position:absolute;inset:0}#piece figure{place-items:center;height:100%;min-height:0;margin:0;display:grid}#piece img{object-fit:contain;background:#d9d0bc;max-width:100%;max-height:calc(100vh - 56px);box-shadow:0 12px 50px #000000b3}#piece article{box-sizing:border-box;max-height:100%;color:var(--ink-1);padding:clamp(22px,2.8vw,38px);overflow:auto}#pieceTitle{font:400 clamp(22px, 2.6vw, 32px)/1.35 var(--kai);letter-spacing:.06em;margin:0}#pieceBy{font:400 15px/1.6 var(--kai);letter-spacing:.12em;color:var(--ink-3);margin:6px 0 0}#pieceFacts{background:var(--brush-ink,linear-gradient(#3c322840, #3c322840)) 0 0 / 100% 8px no-repeat, var(--brush-ink,linear-gradient(#3c322840, #3c322840)) 0 100% / 100% 8px no-repeat;font:400 14px/1.7 var(--serif);grid-template-columns:auto 1fr;gap:4px 14px;margin:16px 0 0;padding:14px 0 12px;display:grid}#pieceFacts dt{color:#8a2a1e;letter-spacing:.2em;font-family:var(--kai)}#pieceFacts dd{margin:0}#pieceNote{font:400 clamp(15px, 1.25vw, 17px)/1.95 var(--serif);text-align:justify;margin:16px 0 0}#pieceLink{font:400 14px/1.8 var(--kai);color:#4a443b;border-left:2px solid #8a2a1e;margin:12px 0 0;padding-left:12px}#pieceCredit{font:400 11px/1.6 var(--serif);color:#6f675b;word-break:break-all;margin:14px 0 0}#piece .ink-btn{justify-self:start;margin-top:18px}@media (max-width:760px),(orientation:portrait){#piece{grid-template-rows:minmax(0,42vh) minmax(0,1fr);grid-template-columns:1fr;align-items:stretch}#piece img{max-height:42vh}}#breath{aspect-ratio:1;pointer-events:none;background:var(--enso-light,radial-gradient(closest-side, transparent 96%, #ede8dc99 97%, transparent 99%)) center / 100% 100% no-repeat;opacity:.8;z-index:6;place-items:center;width:30vmin;margin:-15vmin 0 0 -15vmin;transition:transform 4s ease-in-out,opacity 1s;display:grid;position:absolute;top:46%;left:50%;transform:scale(.55)}#breath[data-phase=in]{transform:scale(1)rotate(-12deg)}#breath[data-phase=out]{transition-duration:5s,1s;transform:scale(.55)}#breathWord{font:400 5vmin/1 var(--kai);color:var(--on);text-shadow:var(--lift)}body.photo #goal,body.photo #act,body.bare #goal,body.bare #act,body.bare #say,body:not(.entered) .rail,body:not(.entered) #goal,body:not(.entered) #hint,body:not(.entered) #moodTag{display:none}#keys{z-index:20;font:400 15px/1 var(--kai);letter-spacing:.12em;margin:0;padding:30px 40px 24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#keys h2{font:400 30px/1 var(--brush);letter-spacing:.3em;text-indent:.3em;text-align:center;color:var(--ink-1);margin:0 0 20px}#keys dl{grid-template-columns:auto auto auto auto;align-items:center;gap:15px 14px;margin:0;display:grid}#keys dt{white-space:nowrap;color:var(--ink-1);justify-self:end}#keys dt kbd:last-child{margin-right:0}#keys dd{white-space:nowrap;color:var(--ink-3);margin:0 26px 0 0}#keys dd:nth-of-type(2n){margin-right:0}#keys p{text-align:center;font-size:var(--t-xs);letter-spacing:.3em;color:var(--ink-4);margin:20px 0 0}#menu{z-index:45;background:var(--veil);touch-action:none;place-items:center;display:grid;position:absolute;inset:0}#menu .card{box-sizing:border-box;width:min(88vw,440px);font:400 15px/1 var(--kai);letter-spacing:.12em;gap:12px;padding:38px 44px 32px;display:grid}#menu h2{font:400 40px/1 var(--brush);letter-spacing:.2em;color:var(--ink-1);justify-content:center;align-items:center;gap:14px;margin:0 0 6px;display:flex}#menu h2 .seal-mark{writing-mode:vertical-rl;letter-spacing:0;width:28px;height:28px;margin-top:6px;font-size:11px;transform:rotate(-4deg)}#menu .set{grid-template-columns:6.4em 1fr;align-items:center;gap:12px;min-height:40px;display:grid}#menu .set>span,#menu .set>label{color:var(--ink-3);letter-spacing:.16em}#menu .opts{flex-wrap:wrap;gap:2px 14px;display:flex}#menu .opts .chip,#menu .set>.chip{min-width:40px;font-size:var(--t-m);letter-spacing:.08em;text-indent:.08em;justify-self:start}#menu .note{font-size:var(--t-xs);letter-spacing:.1em;color:var(--ink-3);margin:-4px 0 0}#menu .note .chip{min-height:32px;font-size:var(--t-xs);margin-left:.4em;padding:4px 6px}#menu .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;margin-top:10px;display:flex}#menu .row .chip{letter-spacing:.16em;text-indent:.16em;color:var(--ink-3);font-size:15px}#menu[hidden]{display:none}@media (pointer:coarse){#menuKeys{display:none}}.paper input[type=range]{--v:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:34px;margin:0}.paper input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ink-2) var(--v), #2a241e38 var(--v));border-radius:2px;height:3px}.paper input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--stamp,var(--seal)) center / 100% 100% no-repeat;border:0;border-radius:1px;width:16px;height:16px;margin-top:-6.5px}.paper input[type=range]::-moz-range-track{background:#2a241e38;border-radius:2px;height:3px}.paper input[type=range]::-moz-range-progress{background:var(--ink-2);border-radius:2px;height:3px}.paper input[type=range]::-moz-range-thumb{background:var(--stamp,var(--seal)) center / 100% 100% no-repeat;border:0;border-radius:1px;width:16px;height:16px}.paper input[type=range]:focus-visible{outline:2px solid var(--ember);outline-offset:2px}#cross{pointer-events:none;background:#ede8dcb3;border-radius:50%;width:5px;height:5px;margin:-3px 0 0 -3px;display:none;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #0b0a0980}body.held #cross{display:block}#stick{left:max(22px, env(safe-area-inset-left,0px));bottom:calc(34px + env(safe-area-inset-bottom,0px));background:var(--enso-light,radial-gradient(closest-side, transparent 96%, #ede8dc66 97%, transparent 99%)) center / 100% 100% no-repeat, radial-gradient(closest-side, #0b0a0938, #0b0a0900);opacity:.85;touch-action:none;z-index:4;border-radius:50%;place-items:center;width:118px;height:118px;display:none;position:absolute}#knob{background:radial-gradient(circle at 40% 35%, var(--paper-hi), var(--paper-lo));opacity:.8;pointer-events:none;border-radius:50%;width:46px;height:46px;box-shadow:0 2px 10px #00000059}@media (pointer:coarse){#stick{display:grid}#keys,#act kbd{display:none}.caption{bottom:auto;top:calc(96px + env(safe-area-inset-top,0px));font-size:var(--t-s);padding-bottom:0}}body.photo #keys,body.photo #stick,body.photo #cross,body.bare #keys,body.bare #stick,body:not(.entered) #keys,body:not(.entered) #stick{display:none}#veil{opacity:0;pointer-events:none;background:#000;transition:opacity .9s;position:absolute;inset:0}#veil.on{opacity:1;pointer-events:auto}#veil.day{background:var(--mist)}#wait{letter-spacing:.4em;opacity:0;pointer-events:none;place-items:center;font-size:13px;transition:opacity .6s;display:grid;position:absolute;inset:0}#wait.on{opacity:.7}