*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ui-primary:#f2ede6e6;--ui-secondary:#f2ede661;--ui-dim:#f2ede61f;--font:"Syne", -apple-system, BlinkMacSystemFont, sans-serif}html,body{background:#000;width:100%;height:100%;overflow:hidden}body:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#00000073 0%,#0000 100%);height:96px;position:fixed;top:0;left:0;right:0}body:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#00000073 100%);height:96px;position:fixed;bottom:0;left:0;right:0}#stage{z-index:0;position:fixed;inset:0}#stage canvas{width:100%;height:100%;display:block}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}body.ui-hidden #header,body.ui-hidden #scene-title,body.ui-hidden .nav-arrow,body.ui-hidden #dots,body.ui-hidden #footer{opacity:0}body.ui-ready #header{animation:.7s cubic-bezier(.16,1,.3,1) .1s both ui-fade-in}body.ui-ready #scene-title{animation:.7s cubic-bezier(.16,1,.3,1) .15s both ui-fade-in}body.ui-ready #prev{animation:.7s cubic-bezier(.16,1,.3,1) .2s both ui-fade-in}body.ui-ready #next{animation:.7s cubic-bezier(.16,1,.3,1) .25s both ui-fade-in}body.ui-ready #dots{animation:.7s cubic-bezier(.16,1,.3,1) .3s both ui-fade-in}body.ui-ready #footer{animation:.7s cubic-bezier(.16,1,.3,1) .35s both ui-fade-in}#header{z-index:10;color:var(--ui-primary);font-family:var(--font);letter-spacing:.13em;text-transform:uppercase;pointer-events:none;font-size:.8125rem;font-weight:600;position:fixed;top:1.5rem;left:1.5rem}#scene-title{z-index:10;color:var(--ui-secondary);font-family:var(--font);letter-spacing:.15em;text-transform:uppercase;pointer-events:none;font-size:.75rem;font-weight:400;transition:opacity .4s;position:fixed;top:1.5rem;right:1.5rem}#scene-title.changing{opacity:0}.nav-arrow{z-index:10;color:var(--ui-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;padding:1.25rem 1rem;transition:color .2s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.nav-arrow:hover{color:var(--ui-primary)}.nav-arrow:disabled{color:var(--ui-dim);cursor:default}#prev{left:.25rem}#next{right:.25rem}#dots{z-index:10;align-items:center;gap:6px;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.dot{background:var(--ui-secondary);border-radius:2px;flex-shrink:0;width:4px;height:4px;transition:width .4s cubic-bezier(.4,0,.2,1),background .3s}.dot.active{background:var(--ui-primary);width:20px}#footer{z-index:10;align-items:center;gap:1rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}#footer a{color:var(--ui-secondary);align-items:center;transition:color .2s;display:flex}#footer a:hover{color:var(--ui-primary)}.lil-gui.lil-root.lil-auto-place,.lil-gui.lil-root.autoPlace{-webkit-backdrop-filter:blur(18px)saturate(128%);border:1px solid #f2ede624;border-radius:10px;max-height:calc(100% - 2rem);top:1rem;right:1rem;overflow:hidden;box-shadow:0 18px 48px #00000057,inset 0 1px #ffffff14}.lil-gui.lil-root.lil-auto-place,.lil-gui.lil-root.lil-auto-place .lil-gui,.lil-gui.lil-root.autoPlace,.lil-gui.lil-root.autoPlace .lil-gui{--background-color:#090a0dad;--title-background-color:#03040794;--text-color:var(--ui-primary);--widget-color:#f2ede629;--hover-color:#f2ede638;--focus-color:#f2ede642;--number-color:#f7daa5f2;--string-color:#b2e2d6f2;--font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--widget-border-radius:4px}.lil-gui.lil-root .title,.lil-gui.lil-root .lil-title{letter-spacing:0;text-transform:uppercase;font-weight:600}.lil-gui.lil-root .children,.lil-gui.lil-root .lil-children{border-top-color:#f2ede61a}.lil-gui.lil-root .lil-controller{border-color:#f2ede614}.lil-gui.lil-root input,.lil-gui.lil-root select,.lil-gui.lil-root button{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.lil-controller.lil-color input[type=text]{color:var(--number-color)}