*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#050505;color:#eee;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif}#stage{position:fixed;inset:0;background:#050505}canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.13) 78%,rgba(0,0,0,.35) 100%)}#entry,#end{position:absolute;inset:0;display:grid;place-items:center;text-align:center;background:rgba(5,5,5,.94);z-index:10;transition:opacity .65s}#entry.hidden,#end:not(.show){opacity:0;pointer-events:none}.inner{padding:30px}.kicker{font-size:12px;letter-spacing:.25em;color:#999;margin-bottom:18px}h1{font-size:clamp(48px,9vw,116px);font-weight:300;line-height:.9;margin:0}.inner p{color:#aaa}.small{font-size:12px}button{border:1px solid #555;border-radius:999px;background:rgba(0,0,0,.25);color:#eee;padding:11px 20px;font-size:14px}button:disabled{opacity:.35}#controls{position:absolute;z-index:8;left:16px;right:16px;bottom:14px;display:flex;align-items:center;opacity:0;transition:opacity .3s}body.ui #controls{opacity:1}#controls button{width:44px;height:44px;padding:0;margin-right:8px}#controls #sound{width:auto;min-width:54px;padding:0 12px}#clock{margin-left:auto;font-size:12px;background:rgba(0,0,0,.35);padding:8px 10px;border-radius:99px}#progress{position:absolute;z-index:9;left:0;right:0;bottom:0;height:2px;background:#222}#progress span{display:block;height:100%;background:#aaa;width:0}#debug{position:absolute;top:0;left:0;z-index:9;padding:8px 11px;background:rgba(0,0,0,.5);font-size:11px;opacity:0}body.debug #debug{opacity:1}#end{font-size:42px;font-weight:300;letter-spacing:.08em}#end small{display:block;font-size:13px;color:#999;letter-spacing:0;margin:10px 0 20px}