:root{--void: #050507;--ink: rgba(244, 240, 234, .86);--serif: "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", serif;--thin: "Helvetica Neue", "PingFang SC", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--void);cursor:default;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}#gl{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;display:block}#ui{position:fixed;inset:0;pointer-events:none}.cap{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;color:var(--ink);text-shadow:0 0 24px rgba(255,255,255,.18)}.cap span{display:inline-block;will-change:opacity,filter,transform;opacity:0}.gate{top:50%;margin-top:-.6em;font:300 15px/1 var(--serif);letter-spacing:.5em;padding-left:.5em;color:#f4f0ea9e}.period{top:calc(50% - min(27vh,30vw));font:300 13px/1 var(--thin);letter-spacing:1.1em;padding-left:1.1em;color:#f4f0ea8c}.line{top:calc(50% + min(23vh,26vw));font:300 clamp(18px,2.1vw,26px)/1 var(--serif);letter-spacing:.42em;padding-left:.42em}.still{bottom:14%;font:300 15px/1 var(--serif);letter-spacing:.8em;padding-left:.8em;color:#f4f0ea99}.glyph{top:calc(50% + min(30vh,46vw));font:300 17px/1 var(--serif);color:#f4f0ea80}.count{bottom:16%;font:300 17px/1 var(--serif);letter-spacing:.6em;padding-left:.6em}.hint{bottom:7%;font:300 12px/1 var(--serif);letter-spacing:.7em;padding-left:.7em;color:#f4f0ea61}.label{font:300 11px/1 var(--thin);letter-spacing:.25em;color:#f4f0ea99}
