Added the neccesary features for Play-Only-Mode

Signed-off-by: Justin Charles <charlesjustin2124@gmail.com>

Author: justin212407

css/play-only-mode.css

@@ -118,19 +118,79 @@
   }
 
 @media (max-width: 768px), (max-height: 600px) {
-    /* Enable the auxiliary button */
     .play-only #toggleAuxBtn {
         pointer-events: auto !important;
         opacity: 1 !important;  
     }
 
-    /* Hide the full auxiliary toolbar */
-    .play-only #aux-toolbar {
-        display: none !important;
+    .play-only #enableHorizScrollIcon {
+        display: none !important; 
+        visibility: hidden !important; 
+        height: 0 !important; 
+        width: 0 !important; 
+        pointer-events: none !important; 
+        overflow: hidden !important;
+    }   
+
+    .play-only #mergeWithCurrentIcon {
+        display: none !important; 
+        visibility: hidden !important; 
+        height: 0 !important; 
+        width: 0 !important; 
+        pointer-events: none !important; 
+        overflow: hidden !important;
+    }   
+
+    .play-only #wrapTurtle {
+        display: none !important; 
+        visibility: hidden !important; 
+        height: 0 !important; 
+        width: 0 !important; 
+        pointer-events: none !important; 
+        overflow: hidden !important;
+    }   
+
+    .play-only #chooseKeyIcon {
+        display: none !important; 
+        visibility: hidden !important; 
+        height: 0 !important; 
+        width: 0 !important; 
+        pointer-events: none !important; 
+        overflow: hidden !important;
     }
+    
+    .play-only #advancedMode {
+        display: none !important; 
+        visibility: hidden !important; 
+        height: 0 !important; 
+        width: 0 !important; 
+        pointer-events: none !important; 
+        overflow: hidden !important;
+    }
+
+    .play-only [id="activity.textMsg"] {
+        position: fixed !important;
+        top: 50% !important;  
+        left: 50% !important; 
+        transform: translate(-50%, -50%) !important; 
+        max-width: 80% !important;
+        padding: 12px 18px !important;
+        background: rgba(33, 150, 243, 0.95) !important; 
+        color: #fff !important;
+        text-align: center !important;
+        border-radius: 8px !important;
+        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2) !important;
+        font-size: 16px !important;
+        z-index: 10000 !important; 
+        pointer-events: none !important; 
+        display: flex !important;
+        justify-content: center !important;
+        align-items: center !important;
+    }    
+    
+    
 }
 
-/* Make the container background invisible without affecting child elements */
 .play-only #buttoncontainerBOTTOM {
     background: transparent !important;
     border: none !important;
@@ -140,7 +200,6 @@
     box-shadow: none !important;
 }
 
-/* Ensure the Home button remains visible */
 .play-only #Home\ \[HOME\] {
     display: flex !important;
     position: fixed !important;

index.html

@@ -953,6 +953,10 @@
                 if (isSmallScreen) {
                   // Enable play-only mode
                   body.classList.add("play-only");
+                  if (typeof activity !== "undefined" && activity._setScroller) {
+                    activity._setScroller();
+                }
+
                   showPersistentNotification();
 
                   if (buttonContainer) {