:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f3ecdf;--dim:#f3ecdf9e;--line:#d4b07ab3;--bg:#050607}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font-family:Avenir Next,Segoe UI,sans-serif;overflow:hidden}canvas{width:100%;height:100%;display:block}.bar{z-index:4;pointer-events:none;background:#000;height:0;transition:height 1.1s;position:fixed;left:0;right:0}.bar.top{top:0}.bar.bottom{bottom:0}body.cinematic .bar{height:6.5vh}body.playing .bar{height:0}#fade{opacity:0;pointer-events:none;z-index:6;background:#000;transition:opacity 4.8s;position:fixed;inset:0}#prompt,#debug,#error{text-align:center;pointer-events:none;z-index:7;position:fixed;left:0;right:0}#prompt{letter-spacing:.42em;color:#f3ecdfdb;opacity:0;font-size:12px;transition:opacity .6s;bottom:11vh}#prompt.show{opacity:1}#debug{letter-spacing:.14em;opacity:0;font-variant-numeric:tabular-nums;font-size:11px;top:12px}#debug.show{opacity:.7}#error{color:#ffb4a8;opacity:0;padding:0 24px;top:18px}#error.show{opacity:1}#start,#pause,#end{text-align:center;z-index:8;background:radial-gradient(#1c181433,#000000eb 70%),#050607;flex-direction:column;justify-content:center;align-items:center;padding:32px 22px 48px;display:flex;position:fixed;inset:0}#start.hide{display:none}#pause,#end{opacity:0;pointer-events:none;background:#000000b8;transition:opacity .8s}#pause.show,#end.show{opacity:1;pointer-events:auto}.eyebrow{letter-spacing:.46em;text-transform:uppercase;color:var(--dim);margin:0 0 18px;font-size:11px}h1,h2{letter-spacing:.08em;margin:0;font-family:Palatino,Iowan Old Style,Georgia,serif;font-weight:500}h1{font-size:clamp(64px,10vw,132px)}h2{max-width:16ch;font-size:clamp(32px,5vw,64px)}.tag{color:var(--dim);margin:10px 0 0;font-family:Palatino,Georgia,serif;font-style:italic}.rule{background:var(--line);width:72px;height:1px;margin:22px 0}.lede{max-width:42ch;color:var(--dim);margin:0 0 22px;line-height:1.55}.qualities{gap:8px;margin-bottom:18px;display:flex}button{font:inherit;color:var(--ink);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #f3ecdf47;padding:10px 18px;font-size:11px}button.selected,button:hover{border-color:var(--line);color:#fff8ec}#begin,#resume,#replay{color:#16130f;background:#f3ecdf;border-color:#f3ecdf;min-width:180px;padding:14px 28px}#status{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:16px 0 0;font-size:11px}.controls{max-width:640px;color:var(--dim);letter-spacing:.08em;flex-wrap:wrap;justify-content:center;gap:10px 16px;margin:26px 0 0;padding:0;font-size:12px;list-style:none;display:flex}kbd{letter-spacing:.14em;color:var(--ink);border-bottom:1px solid #f3ecdf59;font-family:inherit}