webgl fallback

index.html

@@ -83,7 +83,14 @@
         align-items: center;
         gap: 0.75rem;
         max-width: min(90vw, 720px);
+        max-height: 76vh;
+        overflow-y: auto;
+        padding-bottom: 2rem;
+        scrollbar-width: thin;
+        scrollbar-color: rgba(255,255,255,0.15) transparent;
       }
+      #scene-content::-webkit-scrollbar { width: 5px; }
+      #scene-content::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 3px; }
       #scene-title {
         font-size: clamp(1.6rem, 5vw, 3rem);
         margin: 0;
@@ -478,8 +485,8 @@
     </div>
     <div id="fallback">
       <div>
-        <h2>WebGPU not available</h2>
-        <p>Open this page in a recent Chrome/Edge (or any WebGPU-enabled browser).</p>
+        <h2>Graphics not available</h2>
+        <p>Your browser doesn't support WebGPU or WebGL. Open this page in a recent Chrome, Edge, or Firefox.</p>
       </div>
     </div>
     <script type="module" src="/src/main.ts"></script>