html,body{margin:0;height:100%;background:#000;overflow:hidden}#app canvas{display:block;touch-action:none}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#loading{position:fixed;left:0;bottom:0;height:2px;width:calc(var(--p, 0) * 100%);background:#9aa4ad;transition:opacity .6s}#loading.done{opacity:0}body.shot #ui{display:none}#ui{position:fixed;inset:0;pointer-events:none;font-family:SF Mono,Menlo,ui-monospace,monospace;color:#cfc9bf}.film-edge{position:absolute;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.32em;opacity:.38}.film-edge.top{top:18px}.film-edge.bottom{bottom:18px}.film-edge b{font-weight:400}.fe-power{width:180px;height:1px;background:#cfc9bf26;opacity:0;transition:opacity 2s}.fe-power.on{opacity:1}.fe-power i{display:block;height:100%;background:#c9854a;width:100%}.film-hint{position:absolute;left:50%;bottom:11%;transform:translate(-50%);font-size:17px;letter-spacing:.9em;padding:.6em .5em .6em 1.4em;border-radius:.4em;background:#080706b8;color:#f3ead8;white-space:nowrap;opacity:0;transition:opacity .8s;font-family:Songti SC,"Noto Serif SC",serif}.film-hint.on{opacity:.9}.film-black{position:absolute;inset:0;background:#000;opacity:0}.film-card{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Songti SC,"Noto Serif SC",serif;font-size:26px;letter-spacing:.18em;line-height:1.7;opacity:0;transition:opacity 4s}.film-card p{margin:.35em 0}.film-card.on{opacity:.92}.film-card .film-replay{opacity:0;transition:opacity 3s}.film-card.replay .film-replay{opacity:.5}.film-title .film-credit{position:absolute;bottom:28px;margin:0;font-size:10px;letter-spacing:.08em;opacity:.35}body.playing,body.playing *{cursor:none!important}.film-card small{margin-top:3em;font-family:SF Mono,Menlo,monospace;font-size:9px;letter-spacing:.5em;opacity:.5}.film-title{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Songti SC,"Noto Serif SC",serif;font-size:14px;letter-spacing:.6em;opacity:0;transition:opacity 2.5s;z-index:2}.film-title.on{opacity:.7}.film-title h1{font-weight:400;font-size:26px;letter-spacing:.9em;margin:0 0 3.2em .9em;opacity:.9}.film-title small{margin-top:2.4em;font-family:SF Mono,Menlo,monospace;font-size:9px;letter-spacing:.5em;opacity:.55}.film-lang{position:absolute;top:16px;left:28px;font-family:SF Mono,Menlo,monospace;font-size:10px;letter-spacing:.25em;color:inherit;text-decoration:none;opacity:.45;pointer-events:none;transition:opacity .4s}.film-title.on .film-lang{pointer-events:auto}.film-title.on .film-lang:hover{opacity:.95}html[lang=en] .film-hint,html[lang=en] .film-card,html[lang=en] .film-title{font-family:Iowan Old Style,Palatino Linotype,Palatino,Book Antiqua,Georgia,serif}html[lang=en] .film-hint{letter-spacing:.06em;padding:.55em 1.1em}html[lang=en] .film-card{letter-spacing:.03em}html[lang=en] .film-title{letter-spacing:.16em}html[lang=en] .film-title h1{text-transform:uppercase;font-size:24px;letter-spacing:.42em;margin:0 0 3.2em .42em}html[lang=en] .film-title small:not(.film-credit),html[lang=en] .film-card small{text-transform:uppercase;letter-spacing:.32em}html[lang=en] .film-hint{white-space:normal;width:max-content;max-width:86vw;text-align:center;line-height:1.45}.film-title .film-credit{left:50%;transform:translate(-50%);width:max-content;max-width:90vw;text-align:center}@media(max-width:480px){html[lang^=zh] .film-hint{letter-spacing:.45em;font-size:15px;padding-left:1em}}html[lang=en] .film-title small:not(.film-credit){font-size:12px;opacity:.75}html[lang=en] .film-title .film-credit{font-size:12px;opacity:.55;letter-spacing:.04em}html[lang=en] .film-card small{font-size:12px}.film-card p{text-align:center;padding:0 8vw}html[lang^=zh] .film-title small:not(.film-credit){font-size:12px;opacity:.75}html[lang^=zh] .film-card small{font-size:12px}@media(max-width:480px){.film-card{font-size:19px}}