:root{--ink:#111;--paper:#faf9f6db;--muted:#5d6166}*{box-sizing:border-box}html,body{background:#c8d0d6;height:100%;margin:0;overflow:hidden}body{color:var(--ink);font-family:Helvetica Neue,Helvetica,Arial,sans-serif}#app,canvas{display:block;position:fixed;inset:0}.masthead{pointer-events:none;position:fixed;top:20px;left:24px}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:11px}.masthead h1{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:700;line-height:1.05}.sub{color:var(--muted);margin:6px 0 0;font-size:13px}.stats{background:var(--paper);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:200px;padding:10px 14px;font-size:12px;position:fixed;bottom:44px;left:24px}.stats div{border-bottom:1px solid #00000014;justify-content:space-between;gap:18px;padding:3px 0;display:flex}.stats div:last-child{border-bottom:0}.stats span{color:var(--muted)}.stats b{font-variant-numeric:tabular-nums}.hint{color:var(--muted);margin:0;font-size:11px;position:fixed;bottom:14px;left:24px}.lil-gui.root{--font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-size:11px;--background-color:#faf9f6e6;--text-color:#1a1a1a;--title-background-color:#111;--title-text-color:#fff;--widget-color:#dcdad4;--hover-color:#cfccc4;--focus-color:#c4c0b6;--number-color:#b0452c;--string-color:#1a1a1a}@media (width<=700px){.masthead h1{font-size:20px}.masthead{top:14px;left:16px}.stats{min-width:170px;bottom:36px;left:16px}.hint{left:16px}}body.film .masthead,body.film .stats,body.film .hint{display:none}