:root{--paper:#f6f2e9db;--paper-solid:#f6f2e9;--ink:#23262b;--ink-soft:#5d6168;--indigo:#2c4366;--line:#23262b1f;--serif-zh:"Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", serif;--serif-en:"Cormorant Garamond", "Baskerville", "Didot", "Georgia", serif;--sans:"Inter", "Helvetica Neue", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:#0d0f12;height:100%;margin:0;overflow:hidden}#stage,#stage canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;color:var(--paper-solid);font-family:var(--sans);position:fixed;inset:0}#ui>*{pointer-events:auto}#ui.hidden{display:none}#ui:before,#ui:after{content:"";pointer-events:none;transition:opacity 2s;position:absolute;left:0;right:0}#ui:before{background:linear-gradient(#0a090842,#0a090800);height:150px;top:0}#ui:after{background:linear-gradient(#0a090800,#0a09084d);height:230px;bottom:0}#ui{--text:#f5efe4;--dim:#f5efe4b3;text-shadow:0 1px 2px #0c090659,0 0 22px #0c09064d}:where(#ui) button{font:inherit;color:inherit;cursor:pointer;text-shadow:inherit;background:0 0;border:0;padding:0}#ui button:focus-visible{outline-offset:4px;border-radius:3px;outline:1px solid #f5efe4b3}#ui svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #0c090666);width:18px;height:18px}::selection{color:#fff;background:#a8322ab3}.brand{pointer-events:none;position:absolute;top:26px;left:34px}.brand h1{font-family:var(--serif-en);letter-spacing:.01em;color:var(--text);margin:0;font-size:28px;font-weight:500;line-height:1}.seal{writing-mode:vertical-rl;font-family:var(--serif-zh);letter-spacing:.08em;vertical-align:4px;color:#f6efe2;text-shadow:none;background:#a8322aeb;border-radius:2px;margin-left:10px;padding:4px 2.5px;font-size:10.5px;font-weight:600;line-height:1.05;display:inline-block;box-shadow:inset 0 0 0 1px #f6efe259}.top{color:var(--text);align-items:center;gap:6px;display:flex;position:absolute;top:16px;right:26px}.hours{display:flex}.hour{font:500 12.5px/1 var(--sans);letter-spacing:.03em;color:var(--dim);padding:14px 9px;transition:color .4s;position:relative}.hour:hover,.hour.on{color:var(--text)}.hour:after{content:"";opacity:0;background:currentColor;border-radius:50%;width:4px;height:4px;margin-left:-2px;transition:opacity .4s,transform .4s;position:absolute;bottom:5px;left:50%;transform:scale(.4)}.hour.on:after{opacity:1;transform:scale(1)}.hour:after{transition:opacity .4s,transform .4s,width .35s,margin-left .35s,border-radius .35s}.fast .hour.on:after{border-radius:2px;width:16px;margin-left:-8px}.hour{white-space:nowrap;max-width:140px;transition:color .4s,max-width .5s,opacity .4s,padding .5s;overflow:hidden}.hours:not(:hover):not(:focus-within):not(.open) .hour:not(.on){opacity:0;pointer-events:none;max-width:0;padding-left:0;padding-right:0}.rule{background:#f5efe459;width:1px;height:14px;margin:0 8px}.tool{font:500 12.5px/1 var(--sans);letter-spacing:.03em;font-variant-numeric:tabular-nums;color:var(--dim);align-items:center;gap:7px;padding:12px 8px;transition:color .3s;display:inline-flex}.tool:hover{color:var(--text)}.tool.icon{padding:12px 10px}#sound .on,#sound.on .off{display:none}#sound.on .on{display:block}#sound.on{color:var(--text)}.place{color:var(--text);max-width:460px;position:absolute;bottom:30px;left:34px}#ui>.place{pointer-events:none}.place button{pointer-events:auto}.placebar{align-items:center;gap:2px;margin-left:-9px;display:flex}.nav{width:36px;height:36px;color:var(--dim);border-radius:50%;place-items:center;transition:color .3s,background-color .3s;display:inline-grid}.nav:hover{color:var(--text);background:#f5efe41a}.nav svg{width:16px;height:16px}.idx{font:600 11px/1 var(--sans);letter-spacing:.22em;color:var(--dim);font-variant-numeric:tabular-nums;padding:0 2px}.vname{font-family:var(--serif-en);letter-spacing:.005em;margin:6px 0 0;font-size:28px;font-weight:500;line-height:1.05}.caption{font-family:var(--serif-en);white-space:pre-line;color:#f5efe4e0;opacity:0;min-height:1.4em;margin:8px 0 0;font-size:19px;font-style:italic;line-height:1.4;transition:opacity 1.2s}.modes{color:var(--text);gap:4px;display:flex;position:absolute;bottom:26px;right:26px}.mode{font:500 12.5px/1 var(--sans);letter-spacing:.03em;color:var(--dim);align-items:center;gap:8px;padding:12px 10px;transition:color .3s;display:inline-flex}.mode:before{content:"";border-radius:50%;width:6px;height:6px;transition:background-color .3s;box-shadow:inset 0 0 0 1px}.mode.on{color:var(--text)}.mode.on:before{background:currentColor}.mode:hover{color:var(--text)}.hints{font:400 11.5px/1 var(--sans);letter-spacing:.04em;color:var(--dim);white-space:nowrap;pointer-events:none;transition:opacity 1.4s;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.hints.gone{opacity:0}@media (width<=1180px){.hints{display:none}}.brand,.place,.top,.modes,.hints,#ui:before,#ui:after{transition-property:opacity;transition-timing-function:ease}.brand{transition-duration:1.6s}.place{transition-duration:1.6s;transition-delay:.35s}.top,.modes{transition-duration:1.4s;transition-delay:.9s}.hints{transition-duration:1.4s;transition-delay:1.4s}.hints.gone{transition-delay:0s}.hints.helm{transition-delay:.6s}.hints.helm.gone{transition-delay:0s}body.intro .brand,body.intro .place,body.intro .top,body.intro .modes,body.intro .hints,body.intro #ui:before,body.intro #ui:after{opacity:0;transition-delay:0s}body.intro #ui>*{pointer-events:none}.stats{font:600 10.5px/1 var(--sans);letter-spacing:.12em;opacity:.7;display:none;position:absolute;top:64px;right:30px}body.debug .stats{display:block}#loader{color:#f3ecdf;z-index:10;background:#0d0f12;flex-direction:column;justify-content:center;align-items:center;transition:opacity 1.8s cubic-bezier(.22,1,.36,1) .35s;display:flex;position:fixed;inset:0;overflow:hidden}#loader.done{opacity:0;pointer-events:none}#loader.gone{display:none}#poster{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .9s;position:absolute;inset:0}#poster.in{opacity:1}#loader.plain #poster,#loader.plain .lscene,#loader.plain .lpetals{display:none}#loader:after{content:"";pointer-events:none;background:radial-gradient(at 50% 55%,#08090c00 30%,#08090c61 100%);position:absolute;inset:0}.lscene{pointer-events:none;width:max(100vw,177.78vh);height:max(56.25vw,100vh);transition:opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#loader.done .lscene{opacity:0}.lscene .g,.lscene .l{left:var(--x);top:var(--y);width:var(--s);aspect-ratio:1;margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);border-radius:50%;position:absolute}.lscene .g{opacity:0;animation:lglint var(--t) cubic-bezier(.45, 0, .55, 1) var(--d) infinite;background:radial-gradient(circle closest-side,#fff4def2 0%,#ffeed2d9 55%,#ffecce00 100%)}@keyframes lglint{0%,to{opacity:0;transform:translate(0)scale(.94)}42%{opacity:var(--a)}58%{opacity:calc(var(--a) * .85);transform:translateX(var(--dx)) scale(1)}}.lscene .l{opacity:.12;animation:lcandle var(--t) ease-in-out var(--d) infinite;background:radial-gradient(circle closest-side,#ffaa64bf,#ff8c4c66 70%,#ff783c00 100%)}@keyframes lcandle{0%{opacity:.1}13%{opacity:.22}22%{opacity:.12}35%{opacity:.2}47%{opacity:.07}59%{opacity:.18}72%{opacity:.11}84%{opacity:.24}to{opacity:.1}}.lpetals{pointer-events:none;perspective:800px;transition:opacity .8s;position:absolute;inset:0}#loader.done .lpetals{opacity:0}.lpetals .p{left:var(--x);width:var(--s);aspect-ratio:100/116;opacity:0;animation:lpetal var(--t) linear var(--d) infinite;background:50%/contain no-repeat;position:absolute;top:0}.lpetals .v1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 116'%3E%3Cdefs%3E%3CradialGradient id='g' cx='50%25' cy='97%25' r='100%25'%3E%3Cstop offset='0' stop-color='%23e2a4b2'/%3E%3Cstop offset='0.45' stop-color='%23f1d0d8'/%3E%3Cstop offset='1' stop-color='%23fbefee'/%3E%3C/radialGradient%3E%3ClinearGradient id='h' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='0.7' stop-color='%23fff' stop-opacity='0.08'/%3E%3Cstop offset='1' stop-color='%23fff8f0' stop-opacity='0.55'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 113C39 103 10 82 7 51C4 23 24 6 44 4C47 9 53 9 56 4C76 6 96 23 93 51C90 82 61 103 50 113Z' fill='url%28%23g%29'/%3E%3Cpath d='M50 113C61 103 90 82 93 51C96 23 76 6 56 4C70 18 79 34 79 52C79 78 63 99 50 113Z' fill='url%28%23h%29'/%3E%3Cpath d='M50 108C49 82 48 54 50 22' stroke='%23dc9cac' stroke-width='1.1' fill='none' opacity='0.35'/%3E%3C/svg%3E")}.lpetals .v2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 116'%3E%3Cdefs%3E%3CradialGradient id='g' cx='50%25' cy='97%25' r='100%25'%3E%3Cstop offset='0' stop-color='%23e2a4b2'/%3E%3Cstop offset='0.45' stop-color='%23f1d0d8'/%3E%3Cstop offset='1' stop-color='%23fbefee'/%3E%3C/radialGradient%3E%3ClinearGradient id='h' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='0.7' stop-color='%23fff' stop-opacity='0.08'/%3E%3Cstop offset='1' stop-color='%23fff8f0' stop-opacity='0.55'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M52 113C38 101 12 80 10 50C8 24 26 7 47 5C72 3 92 22 90 50C88 77 66 101 52 113Z' fill='url%28%23g%29'/%3E%3Cpath d='M47 5C26 7 8 24 10 50C12 80 38 101 52 113C40 96 27 74 26 50C25 28 33 14 47 5Z' fill='%23d996a6' opacity='0.42'/%3E%3Cpath d='M52 113C66 101 88 77 90 50C92 22 72 3 47 5C66 16 76 32 75 52C74 77 63 98 52 113Z' fill='url%28%23h%29'/%3E%3Cpath d='M50 108C49 82 48 54 50 22' stroke='%23dc9cac' stroke-width='1.1' fill='none' opacity='0.35'/%3E%3C/svg%3E")}.lpetals .v3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 116'%3E%3Cdefs%3E%3CradialGradient id='g' cx='50%25' cy='97%25' r='100%25'%3E%3Cstop offset='0' stop-color='%23e2a4b2'/%3E%3Cstop offset='0.45' stop-color='%23f1d0d8'/%3E%3Cstop offset='1' stop-color='%23fbefee'/%3E%3C/radialGradient%3E%3ClinearGradient id='h' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='0.7' stop-color='%23fff' stop-opacity='0.08'/%3E%3Cstop offset='1' stop-color='%23fff8f0' stop-opacity='0.55'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 114C42 102 27 82 26 52C25 25 37 6 50 4C63 6 75 25 74 52C73 82 58 102 50 114Z' fill='url%28%23g%29'/%3E%3Cpath d='M50 114C58 102 73 82 74 52C75 25 63 6 50 4C59 17 64 33 64 53C64 79 57 100 50 114Z' fill='url%28%23h%29'/%3E%3Cpath d='M50 108C49 82 48 54 50 22' stroke='%23dc9cac' stroke-width='1.1' fill='none' opacity='0.35'/%3E%3C/svg%3E")}@keyframes lpetal{0%{opacity:0;transform:translateY(-12vh)rotate(0)rotateX(0)rotateY(0)}9%{opacity:var(--a)}30%{transform:translate3d(calc(var(--dx) * .28 + 3vw), 22vh, 0) rotateZ(calc(var(--r) * .3)) rotateX(120deg) rotateY(36deg)}55%{transform:translate3d(calc(var(--dx) * .55 - 2vw), 52vh, 0) rotateZ(calc(var(--r) * .55)) rotateX(230deg) rotateY(-28deg)}80%{transform:translate3d(calc(var(--dx) * .8 + 2vw), 82vh, 0) rotateZ(calc(var(--r) * .8)) rotateX(350deg) rotateY(44deg)}91%{opacity:var(--a)}to{opacity:0;transform:translate3d(var(--dx), 112vh, 0) rotateZ(var(--r)) rotateX(430deg) rotateY(0deg)}}.lcard{z-index:1;text-shadow:0 1px 2px #140c0459,0 0 26px #140c0466;flex-direction:column;align-items:flex-start;transition:opacity .7s .3s;display:flex;position:absolute;bottom:clamp(30px,10vh,120px);left:clamp(28px,6vw,96px)}#loader.done .lcard{opacity:0}.ltitle{font-family:var(--serif-en);letter-spacing:.01em;font-size:46px;font-weight:500;line-height:1}.ltitle .seal{vertical-align:7px;font-size:10.5px;animation:.45s cubic-bezier(.2,.9,.3,1) 1.25s both lstamp}.lname span{opacity:0;animation:lletter .75s cubic-bezier(.33, .1, .25, 1) calc(.2s + var(--i) * 55ms) both}@keyframes lletter{0%{opacity:0}to{opacity:1}}@keyframes lstamp{0%{opacity:0;transform:scale(1.8)rotate(-8deg)}to{opacity:1;transform:none}}.lline{font:italic 500 18px/1.3 var(--serif-en);color:#f3ecdfdb;margin:14px 0 0;animation:1s cubic-bezier(.16,1,.3,1) 1.45s both lrise}.lprog{align-items:center;gap:14px;margin-top:20px;animation:1s cubic-bezier(.16,1,.3,1) 1.75s both lrise;display:flex}@keyframes lrise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bar{background:#fff3;width:168px;height:1px;overflow:hidden}.bar i{transform-origin:0;background:#e8c38a;width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1);display:block;transform:scaleX(0)}.lstage{font:400 12px/1 var(--sans);letter-spacing:.02em;color:#f3ecdfb8;white-space:nowrap}.lstage.new{animation:.5s both lfade}@media (width<=820px){.ltitle{font-size:36px}.lline{font-size:15.5px}.bar{width:120px}}@media (prefers-reduced-motion:reduce){.lpetals{display:none}.lscene .g,.lscene .l{opacity:0;animation:none}.lname span,.ltitle .seal,.lline,.lprog{animation:.6s both lfade}}@keyframes lfade{0%{opacity:0}to{opacity:1}}@media (width<=820px){.brand{top:18px;left:18px}.brand h1{font-size:24px}.top{flex-wrap:wrap;justify-content:flex-start;inset:auto 8px 132px}.hours{scrollbar-width:none;overflow-x:auto}.hour{padding:14px 7px;font-size:12px}.place{max-width:calc(100vw - 36px);bottom:22px;left:18px}.vname{font-size:23px}.caption{font-size:16.5px}.modes{bottom:182px;right:8px}}