html,body{color:#d9dbe2;letter-spacing:.03em;background:#0c0d10;height:100%;margin:0;font:17px/1.4 Kranky,ui-rounded,system-ui,sans-serif;overflow:hidden}#view{touch-action:none;cursor:none;width:100%;height:100%;display:block;position:fixed;inset:0}#veil{box-sizing:border-box;text-align:center;cursor:pointer;place-content:start center;gap:.5rem;padding-top:15vh;transition:opacity 1.2s;display:grid;position:fixed;inset:0}#veil.gone{opacity:0;pointer-events:none}#veil p{margin:0}#veil-title{font-size:54px;line-height:1.1}#veil-by{font-size:26px}#veil-from{opacity:.7}#veil #veil-hint{opacity:.6;max-width:26em;margin-top:1.6rem;padding:0 1.2rem}#hud{padding:14px 18px calc(14px + env(safe-area-inset-bottom));opacity:.22;align-items:center;gap:14px;transition:opacity .5s;display:flex;position:fixed;bottom:0;left:0;right:0}#hud:hover{opacity:1}#hud:has(:focus-visible){opacity:1}#toggle{all:unset;color:#ffdca6;cursor:pointer;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}#toggle svg{fill:currentColor}#toggle .pause,#toggle[data-playing="1"] .play{display:none}#toggle[data-playing="1"] .pause{display:block}#toggle:focus-visible{outline-offset:2px;outline:1px solid}body.still #hud,body.still #veil,body.still #tip{display:none}#tip{text-align:center;opacity:0;pointer-events:none;margin:0;transition:opacity 1.4s;position:fixed;bottom:64px;left:0;right:0}#tip.on{opacity:.6}#veil:focus-visible{outline-offset:-1px;outline:1px solid}#scrub{--p:0%;appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:22px;margin:0}#scrub:focus-visible{outline-offset:2px;outline:1px solid}#scrub::-webkit-slider-runnable-track{background:linear-gradient(to right, #f2b25f var(--p), #d9dbe24d var(--p));border-radius:2px;height:3px}#scrub::-webkit-slider-thumb{-webkit-appearance:none;background:#ffdca6;border-radius:50%;width:13px;height:13px;margin-top:-5px;box-shadow:0 0 8px #ffbe6ebf}#scrub::-moz-range-track{background:#d9dbe24d;border-radius:2px;height:3px}#scrub::-moz-range-progress{background:#f2b25f;border-radius:2px;height:3px}#scrub::-moz-range-thumb{background:#ffdca6;border:0;border-radius:50%;width:13px;height:13px;box-shadow:0 0 8px #ffbe6ebf}#clock{text-align:right;font-variant-numeric:tabular-nums;opacity:.9;min-width:3.2em}
