:root{--ink:#f1ece2;--dim:#f1ece28c;--red:#d8232f}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;background:#07080c;margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}canvas#gl{width:100vw;height:100vh;height:100dvh;display:block;position:fixed;inset:0}body.playing.idle{cursor:none}.screen{z-index:10;background:radial-gradient(at 50% 60%,#1e24348c,#050609f5 70%);justify-content:center;align-items:center;transition:opacity 1.6s;display:flex;position:fixed;inset:0}.screen.hidden{opacity:0;pointer-events:none}.start-inner{text-align:center;padding:24px}.kite-mark{margin-bottom:18px;animation:4s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-8px)rotate(4deg)}}h1{letter-spacing:.02em;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(44px,8vw,92px);font-style:italic;font-weight:300;line-height:1}.artist{letter-spacing:.5em;text-transform:lowercase;color:var(--dim);margin:14px 0 0;font-family:Inter,sans-serif;font-size:13px;font-weight:300}.sub{color:var(--dim);margin:26px 0 30px;font-family:Cormorant Garamond,serif;font-size:19px;font-style:italic}button{letter-spacing:.35em;text-transform:lowercase;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #f1ece266;border-radius:999px;padding:14px 34px 14px 40px;font-family:Inter,sans-serif;font-size:14px;font-weight:300;transition:all .4s}button:hover:not(:disabled){border-color:var(--red);background:#d8232f1f}button:disabled{opacity:.5;cursor:default}.hint{color:#f1ece259;letter-spacing:.08em;margin-top:26px;font-size:11px}#captions{pointer-events:none;z-index:5;position:fixed;inset:0}.cap{text-align:center;opacity:0;filter:blur(6px);text-shadow:0 2px 30px #00000073;transition:opacity 1.2s,transform 2.4s,filter 1.8s;position:absolute;left:0;right:0;transform:translateY(8px)}.cap.on{opacity:1;filter:blur();transform:translateY(0)}.cap.title{top:40%}.cap.title .t{font-family:Cormorant Garamond,serif;font-size:clamp(40px,7vw,96px);font-style:italic;font-weight:300}.cap.title .a{letter-spacing:.6em;color:var(--dim);margin-top:16px;font-size:clamp(11px,1.2vw,15px);font-weight:300}.cap.title.end .t{color:#28303e;text-shadow:0 1px 26px #ffffff8c}.cap.title.end .a{color:#28303ebf;text-shadow:none}.cap.small{bottom:12%}.cap.small .t{color:#f1ece2cc;letter-spacing:.04em;font-family:Cormorant Garamond,serif;font-size:clamp(16px,2vw,24px);font-style:italic}#hud{z-index:6;opacity:0;height:56px;transition:opacity .5s;position:fixed;bottom:0;left:0;right:0}#hud.show,#hud:hover{opacity:1}#bar{cursor:pointer;background:#ffffff26;border-radius:2px;height:3px;position:absolute;bottom:22px;left:24px;right:24px}#bar:before{content:"";position:absolute;inset:-12px 0}#fill{background:var(--red);border-radius:2px;width:0;height:100%}#time{color:var(--dim);font-variant-numeric:tabular-nums;letter-spacing:.1em;font-size:11px;position:absolute;bottom:30px;right:24px}#debug{z-index:20;white-space:pre;pointer-events:none;background:#0000008c;border-radius:4px;padding:6px 8px;font:11px/1.4 ui-monospace,Menlo,monospace;position:fixed;top:8px;left:8px}.hidden{display:none}#start.hidden,#end.hidden{display:flex}