:root{color-scheme:dark;font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1b1a17;color:#f4efe6}#camera,#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#camera{object-fit:cover}#scene{touch-action:none}#intro{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;justify-items:center;gap:1rem;padding:2rem;text-align:center;background:#1b1a17eb}#intro h1{margin:0;font-size:1.8rem}#intro p{margin:0;max-width:28rem;line-height:1.4}button{font:inherit;padding:.8rem 1.4rem;border:0;border-radius:999px;background:#c9a24a;color:#1b1a17;font-weight:600}#panel{position:fixed;left:0;right:0;bottom:0;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));background:#1b1a17cc}#toggle{padding:.4rem 1rem;font-size:.9rem}#controls{display:grid;gap:.5rem;margin-top:.75rem}#controls[hidden]{display:none}label{display:grid;grid-template-columns:6.5rem 1fr;align-items:center;font-size:.9rem}input[type=range]{width:100%}.hint{margin:0;font-size:.8rem;opacity:.75}