animation reduced for mobile compatibility

battlewords/ui.py

@@ -234,7 +234,7 @@ ocean_background_css = """
     repeating-linear-gradient(90deg, rgba(255,255,255,0.06) 0 1px, transparent 1px 18px);
   mix-blend-mode: screen;
   opacity: 0.10;
-  animation: waveOverlayScroll 16s linear infinite;
+  /*animation: waveOverlayScroll 16s linear infinite;*/
 }
 .stIFrame {
     margin-bottom:25px;
@@ -300,20 +300,20 @@ def inject_ocean_layers() -> None:
             z-index: 11; 
             background: radial-gradient(150% 100% at 50% -20%, rgba(255,255,255,0.10) 0%, transparent 60%); 
             background-size: 150% 150%;  /* reduced from 300% */
-            animation: oceanHighlight 12s ease-in-out infinite;  /* doubled from 6s */
+            /* animation: oceanHighlight 12s ease-in-out infinite; */ /* doubled from 6s */
           }
           .bw-bg-long { 
             z-index: 12; 
             background: repeating-linear-gradient(-6deg, rgba(255,255,255,0.08) 0px, rgba(255,255,255,0.08) 18px, rgba(0,0,0,0.04) 18px, rgba(0,0,0,0.04) 48px); 
             background-size: 150% 150%;  /* reduced from 320% */
-            animation: oceanLong 36s linear infinite;  /* doubled from 18s */
+            /* animation: oceanLong 36s linear infinite; */  /* doubled from 18s */
             opacity: 0.2; 
           }
           .bw-bg-mid { 
             z-index: 13; 
             background: repeating-linear-gradient(-12deg, rgba(255,255,255,0.10) 0px, rgba(255,255,255,0.10) 10px, rgba(0,0,0,0.05) 10px, rgba(0,0,0,0.05) 26px); 
             background-size: 150% 150%;  /* reduced from 260% */
-            animation: oceanMid 24s linear infinite;  /* doubled from 12s */
+            /* animation: oceanMid 24s linear infinite; */  /* doubled from 12s */
             opacity: 0.2; 
           }
           .bw-bg-fine {