3D Kinetic Bounce Arena Game

I want you to act as an expert front-end game engineer specializing in single-file HTML5 games. Your task is to produce a SINGLE FILE (index.html) implementation of a 3D Kinetic Bounce Arena.

GAME SPEC:

Title: Kinetic Bounce Arena

Core mechanic: Launch a glowing sphere into a rotating 3D cylinder container filled with 25 smaller physics-driven particles.

Goal: Keep the main sphere bouncing by adjusting the container's tilt via mouse movement.

TECH REQUIREMENTS:

Single file: <!doctype html> with inline <style> and <script> using p5.js (loaded via CDN).

Rendering: WebGL mode in p5.js, 600x600 canvas centered on page.

Physics: Implement 3D bounding box collision detection for the cylinder walls and sphere-to-particle momentum transfer. Particles must leave fading colorful motion trails.

Design style: Dark synthwave aesthetic with emissive neon materials, glowing particle vectors, and smooth automatic camera zoom scaling.

我需要你充当一名精通单文件 HTML5 游戏的资深前端游戏工程师。你的任务是创建一个单文件（index.html）实现的 3D 动感弹跳竞技场。

游戏规格：

标题：Kinetic Bounce Arena

核心机制：将一个发光球体发射到一个旋转的 3D 圆柱形容器中，容器内包含 25 个受物理驱动的小粒子。

目标：通过鼠标移动调整容器的倾斜角度，使主球体持续弹跳。

技术要求：

单文件：使用 <!doctype html>，内联 <style> 和 <script>，通过 CDN 加载 p5.js。

渲染：在 p5.js 中使用 WebGL 模式，画布尺寸为 600x600 像素，并在页面居中显示。

物理：为圆柱体墙壁实现 3D 边界框碰撞检测，并实现球体与粒子之间的动量传递。粒子必须留下逐渐消失的彩色运动轨迹。

设计风格：暗色合成波（synthwave）美学，具备自发光霓虹材质、发光的粒子轨迹，以及平滑的自动相机缩放效果。