fix(retro-grid): replace the CSS perspective grid with a WebGL renderer (#928)

* fix(retro-grid): switch the grid renderer to raw webgl

* fix(retro-grid): match webgl line rendering to the original css grid

* fix(retro-grid): fine-tune webgl grid lines to match the css demo

* fix(retro-grid): make the webgl grid scroll seamless

* fix(retro-grid): reduce top grid density with distance-based lod

* fix(retro-grid): keep the css fallback until webgl is ready

* refactor(retro-grid): keep the webgl pipeline stable across prop updates

* fix(retro-grid): recover gracefully from webgl context loss

* fix(retro-grid): normalize fallback props to match the webgl renderer

* fix(retro-grid): preserve line color alpha in the webgl shader

* fix(retro-grid): resolve css colors via canvas pixels for webgl parity

Author: Yeom-JinHo

apps/www/content/docs/components/retro-grid.mdx

@@ -35,24 +35,7 @@ npx shadcn@latest add @magicui/retro-grid
 
 <Step>Update the import paths to match your project setup.</Step>
 
-<Step>Add the required CSS animations</Step>
-
-Add the following animations to your global CSS file.
-
-```css title="app/globals.css" showLineNumbers {2, 4-11}
-@theme inline {
-  --animate-grid: grid 15s linear infinite;
-
-  @keyframes grid {
-    0% {
-      transform: translateY(-50%);
-    }
-    100% {
-      transform: translateY(0);
-    }
-  }
-}
-```
+<Step>No additional CSS is required.</Step>
 
 </Steps>