*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;background:#000;color:#fff;font-family:Roboto,Inter,sans-serif;width:100vw;height:100vh}.experience{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0}canvas{display:block;width:100%;height:100%;outline:none}#hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.credits{position:absolute;bottom:30px;right:40px;text-align:right;pointer-events:auto;z-index:20;opacity:.6;transition:opacity .3s}.credits:hover{opacity:1}.credits a{color:#fff;text-decoration:none;font-size:14px;letter-spacing:2px;font-weight:300;text-transform:uppercase;text-shadow:0 0 10px rgba(255,255,255,.5)}.control-overlay{position:absolute;bottom:30px;left:40px;pointer-events:auto}.btn-minimal{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fffc;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;transition:all .3s}.btn-minimal:hover{border-color:#fff;color:#fff;box-shadow:0 0 20px #fff3}.inspector-panel{position:absolute;top:40px;right:40px;width:250px;background:#0009;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:20px;border-radius:8px;display:none;flex-direction:column;gap:10px;pointer-events:auto}.inspector-panel.visible{display:flex}.hud-title h3{font-weight:300;font-size:14px;letter-spacing:2px;margin-bottom:10px;color:#ffffffe6;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:5px}.control-group{display:flex;justify-content:space-between;font-size:11px;color:#fff9}