:root{color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#05080d}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:JetBrains Mono,ui-monospace,monospace;color:#dce4eec7}.credit{position:absolute;top:22px;left:24px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#d2deec80}.controls{position:absolute;left:50%;bottom:26px;transform:translate(-50%);display:flex;align-items:center;gap:18px;pointer-events:auto;background:#06090e80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.12)}.ctl{display:flex;flex-direction:column;gap:6px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#ebf0f8b8}.ctl input[type=range]{width:280px;accent-color:#e8a14a;cursor:pointer}.ctl input:disabled{opacity:.4;cursor:default}.ctl-btn{pointer-events:auto;font-family:inherit;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#ffffffeb;background:#ffffff14;border:1px solid rgba(255,255,255,.42);border-radius:999px;padding:9px 16px;cursor:pointer;white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease}.ctl-btn:hover:not(:disabled){background:#ffffff2e;border-color:#ffffffbf}.ctl-btn:disabled{opacity:.4;cursor:default}