html,body{background:#000;width:100%;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#app{width:100%;height:100%}.stage{width:100%;height:100%;position:relative}canvas{width:100%;height:100%;position:absolute;inset:0}.hud{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;background:#0000008c;border:1px solid #ffffff1f;border-radius:10px;padding:10px 12px;position:absolute;top:12px;left:12px}.hud-title{margin-bottom:6px;font-size:14px;font-weight:700}.hud-row{opacity:.9;margin:2px 0;font-size:12px}.hud-row code{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.hud button{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:8px;padding:6px 10px}.hud button:hover{background:#ffffff2e}.hud input[type=range]{vertical-align:middle}