undefined - Follow Up Deployment

index.html

@@ -16,7 +16,7 @@
 
   *{box-sizing:border-box}
 
-  /* OPTIMIZED: Typography */
+  /* DESKTOP-FIRST: Full Experience */
   @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');
 
   body{margin:0;color:#f8f8f8;font-family:'Inter','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;
@@ -24,7 +24,7 @@
     cursor:none;font-weight:400;letter-spacing:-0.025em;
     transform:translate3d(0,0,0);will-change:auto}
 
-  /* OPTIMIZED: Multi-Layer Background System */
+  /* Multi-Layer Background System */
   body::before{content:'';position:fixed;inset:0;z-index:0;
     background:
       radial-gradient(ellipse 800px 400px at 20% 30%, rgba(157,78,221,0.15) 0%, transparent 50%),
@@ -34,7 +34,7 @@
     animation:breathing 15s ease-in-out infinite;transform:translate3d(0,0,0)}
   @keyframes breathing{0%,100%{opacity:0.85;transform:translate3d(0,0,0) scale(1)}50%{opacity:1;transform:translate3d(0,0,0) scale(1.02)}}
 
-  /* OPTIMIZED: Aurora Effect */
+  /* Aurora Effect */
   .aurora{position:fixed;inset:0;z-index:1;pointer-events:none;
     background:
       linear-gradient(45deg,
@@ -48,20 +48,13 @@
   @keyframes aurora{0%,100%{background-position:0% 0%, 100% 100%}50%{background-position:100% 100%, 0% 0%}}
   @keyframes auroraPulse{0%,100%{opacity:0.6}50%{opacity:1}}
 
-  /* OPTIMIZED: Cursor System - Desktop Only */
+  /* Cursor System - Desktop Only */
   .cursor{position:fixed;width:20px;height:20px;border-radius:50%;
     background:radial-gradient(circle,rgba(255,107,107,0.9) 0%,rgba(78,205,196,0.4) 50%,transparent 100%);
     pointer-events:none;z-index:999999;mix-blend-mode:screen;
     transition:all 0.12s cubic-bezier(0.4,0,0.2,1);transform:translate3d(0,0,0);
     left:0;top:0;will-change:transform;
     box-shadow:0 0 20px rgba(255,107,107,0.6), 0 0 40px rgba(255,107,107,0.3)}
-    
-  /* FIXED: Mobile-first performance optimization */
-  @media (max-width:768px) and (orientation:portrait){
-    body{cursor:auto}
-    .cursor,.cursor-trail{display:none !important}
-  }
-
   .cursor.hover{transform:scale(1.8) !important;
     background:radial-gradient(circle,rgba(255,107,107,1) 0%,rgba(78,205,196,0.6) 40%,rgba(157,78,221,0.3) 100%);
     box-shadow:0 0 30px rgba(255,107,107,0.8), 0 0 60px rgba(255,107,107,0.4)}
@@ -70,8 +63,6 @@
     animation:trailFade 0.8s cubic-bezier(0.4,0,0.2,1) forwards}
   @keyframes trailFade{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.3)}}
 
-  /* FIXED: Optimization Mode System - Non-overlapping mobile layout */
-
   /* Desktop Performance Toggle */
   .performance-toggle{position:fixed;top:20px;right:20px;z-index:10000;
     display:flex;align-items:center;gap:10px;padding:10px 16px;
@@ -85,7 +76,7 @@
   .performance-toggle .mode-icon{font-size:16px;transition:all 0.3s ease}
   .performance-toggle .mode-text{font-family:'Inter',sans-serif;letter-spacing:0.3px}
 
-  /* FIXED: Performance Settings Panel */
+  /* Performance Settings Panel */
   .performance-panel{position:fixed;top:70px;right:20px;z-index:9999;
     background:rgba(0,0,0,0.95);backdrop-filter:blur(15px);
     border-radius:20px;padding:25px;border:1px solid rgba(255,255,255,0.15);
@@ -97,7 +88,7 @@
   .performance-panel h3{color:var(--gold);margin:0 0 20px;font-size:18px;
     font-weight:700;text-align:center;font-family:'Playfair Display',serif}
 
-  /* FIXED: Mode Selection Grid - Better mobile layout */
+  /* Mode Selection Grid */
   .mode-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;margin-bottom:20px}
   .mode-card{padding:12px;border-radius:12px;cursor:pointer;
     border:2px solid rgba(255,255,255,0.1);
@@ -111,78 +102,13 @@
   .mode-card .mode-name{font-size:13px;font-weight:600;margin-bottom:4px}
   .mode-card .mode-desc{font-size:10px;opacity:0.7;line-height:1.3}
 
-  /* Special styling for Mobile+ mode */
-  .mode-card[data-mode="mobile-plus"]{
-    grid-column:span 2;
-    background:linear-gradient(135deg, rgba(0,255,127,0.1), rgba(0,191,255,0.1));
-    border-color:rgba(0,255,127,0.3)}
-  .mode-card[data-mode="mobile-plus"]:hover{
-    border-color:rgba(0,255,127,0.6);transform:translateY(-3px) scale(1.02)}
-  .mode-card[data-mode="mobile-plus"].active{
-    border-color:#00ff7f;background:rgba(0,255,127,0.2);
-    box-shadow:0 0 25px rgba(0,255,127,0.4)}
-
-  /* Performance Metrics */
-  .perf-metrics{background:rgba(255,255,255,0.05);border-radius:12px;padding:15px;margin-top:15px}
-  .perf-metrics h4{margin:0 0 10px;font-size:13px;color:var(--neon-secondary)}
-  .metric-item{display:flex;justify-content:space-between;margin:8px 0;font-size:11px}
-  .metric-value{color:var(--gold);font-weight:600}
-
-  /* FIXED: Mobile Performance Interface - No overlapping */
-  .mobile-perf-toggle{position:fixed;bottom:100px;right:15px;z-index:50;
-    width:48px;height:48px;border-radius:50%;
-    background:rgba(0,0,0,0.9);backdrop-filter:blur(10px);
-    border:2px solid rgba(255,255,255,0.3);display:none;align-items:center;justify-content:center;
-    cursor:pointer;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);
-    box-shadow:var(--shadow-medium)}
-  .mobile-perf-toggle:hover{transform:scale(1.1);border-color:rgba(255,107,107,0.6)}
-  .mobile-perf-toggle .perf-icon{font-size:20px;transition:all 0.3s ease}
-
-  /* FIXED: Mobile Performance Panel - Proper positioning */
-  .mobile-perf-panel{position:fixed;bottom:0;left:0;right:0;z-index:60;
-    background:rgba(0,0,0,0.95);backdrop-filter:blur(15px);
-    border-top:1px solid rgba(255,107,107,0.4);
-    border-radius:25px 25px 0 0;padding:20px;
-    transform:translateY(100%);transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);
-    box-shadow:0 -10px 40px rgba(0,0,0,0.5)}
-  .mobile-perf-panel.visible{transform:translateY(0)}
-  .mobile-perf-panel h3{color:var(--gold);margin:0 0 15px;font-size:16px;text-align:center}
-  .mobile-perf-panel .mode-grid{grid-template-columns:repeat(2,1fr);gap:8px}
-  .mobile-perf-panel .mode-card{padding:8px 4px;min-height:60px}
-  .mobile-perf-panel .mode-card[data-mode="mobile-plus"]{grid-column:span 2}
-  .mobile-perf-panel .mode-emoji{font-size:20px;margin-bottom:4px}
-  .mobile-perf-panel .mode-name{font-size:10px}
-  .mobile-perf-panel .mode-desc{font-size:8px}
-
-  /* OPTIMIZED: Performance Mode Classes */
+  /* Performance Modes */
   .ultra-mode{--animation-speed:1;--particle-count:8;--effect-intensity:1}
   .high-mode{--animation-speed:0.8;--particle-count:6;--effect-intensity:0.8}
   .balanced-mode{--animation-speed:0.6;--particle-count:4;--effect-intensity:0.6}
   .performance-mode{--animation-speed:0.4;--particle-count:2;--effect-intensity:0.4}
-  .mobile-plus-mode{--animation-speed:0.2;--particle-count:1;--effect-intensity:0.2}
-
-  /* OPTIMIZED: Dynamic Performance Adjustments */
-  .performance-mode .aurora{opacity:0.3;animation-duration:30s}
-  .performance-mode .music-notes{display:none}
-  .performance-mode .corner-accent{display:none}
-  .performance-mode .cursor-trail{display:none}
-
-  /* Mobile+ Mode - Ultra Performance */
-  .mobile-plus-mode .aurora{opacity:0.1;animation-duration:60s}
-  .mobile-plus-mode .music-notes{display:none !important}
-  .mobile-plus-mode .corner-accent{display:none !important}
-  .mobile-plus-mode .cursor-trail{display:none !important}
-  .mobile-plus-mode .bubble{display:none !important}
-  .mobile-plus-mode body::before{animation:none;opacity:0.7}
-  .mobile-plus-mode .panel::before{display:none}
-  .mobile-plus-mode .panel::after{display:none}
-  .mobile-plus-mode .audio-visualizer{display:none}
-
-  .balanced-mode .aurora{opacity:0.6;animation-duration:25s}
-  .high-mode .aurora{opacity:0.8;animation-duration:22s}
-  .ultra-mode .aurora{opacity:1;animation-duration:20s}
-
-  /* OPTIMIZED: Floating Elements */
+
+  /* Floating Elements */
   .music-notes{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}
   .note{position:absolute;font-size:24px;color:rgba(255,215,0,0.3);font-family:'Playfair Display',serif;
     animation:floatNote 12s linear infinite;transform:translate3d(0,0,0);
@@ -193,7 +119,7 @@
     100%{transform:translate3d(0,-10vh,0) rotate(360deg);opacity:0}
   }
 
-  /* OPTIMIZED: Header */
+  /* Header */
   header{text-align:center;padding:30px 0 20px;transition:all 0.6s cubic-bezier(0.4,0,0.2,1);
     position:relative;z-index:3;transform:translate3d(0,0,0)}
   h1{font-size:clamp(32px,8vw,64px);font-weight:900;margin:0;font-family:'Playfair Display',serif;
@@ -215,7 +141,7 @@
     box-shadow:0 0 20px rgba(255,107,107,0.4), 0 4px 15px rgba(0,0,0,0.2);transform:translate3d(0,0,0)}
   @keyframes flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
 
-   /* OPTIMIZED: Video Panel */
+   /* Video Panel */
   .panel{position:relative;margin:20px auto 0;max-width:1000px;aspect-ratio:16/9;
     background:var(--glass-bg);border-radius:32px;overflow:hidden;
     box-shadow:var(--shadow-strong);z-index:2;
@@ -234,7 +160,7 @@
   @keyframes holoRotate{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.02)}100%{transform:rotate(360deg) scale(1)}}
   @keyframes holoGlow{0%,100%{opacity:0.6}50%{opacity:1}}
 
-  /* OPTIMIZED: Corner Accents */
+  /* Corner Accents */
   .panel-accents{position:absolute;inset:0;pointer-events:none;z-index:5}
   .corner-accent{position:absolute;width:50px;height:50px;border-radius:50%;
     animation:cornerPulse 4s ease-in-out infinite;
@@ -277,7 +203,7 @@
     box-shadow:0 20px 60px rgba(255,107,107,0.7)}
   .unmute-btn:active{transform:translateY(-2px) scale(1.02)}
 
-  /* OPTIMIZED: Control Panel */
+  /* Control Panel */
   .control-panel{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);
     display:flex;align-items:center;gap:16px;padding:16px 28px;
     background:rgba(0,0,0,0.9);backdrop-filter:blur(15px);
@@ -417,7 +343,7 @@
   footer{text-align:center;color:rgba(255,255,255,.8);font-size:14px;padding:30px;
     position:relative;z-index:2;text-shadow:0 0 8px rgba(255,255,255,0.2);font-weight:300}
 
-  /* FIXED: Badges - Non-overlapping positioning */
+  /* Badges - Desktop positioning */
   .live-badge{position:fixed;top:20px;left:20px;z-index:9999;display:inline-flex;align-items:center;gap:10px;
     padding:12px 20px;border-radius:30px;
     background:rgba(0,0,0,0.85);backdrop-filter:blur(10px);border:1px solid rgba(255,107,107,.5);
@@ -436,7 +362,7 @@
     color:#4ecdc4;font-weight:600;font-size:15px;display:inline-flex;gap:12px;align-items:center;
     box-shadow:var(--shadow-medium);transform:translate3d(0,0,0)}
 
-  /* FIXED: Emoji Panel - Mobile positioning fixed */
+  /* Emoji Panel - Desktop */
   .emoji-panel{position:absolute;right:20px;bottom:110px;z-index:6;display:flex;flex-direction:column;gap:18px}
   .emoji-btn{width:56px;height:56px;border-radius:50%;border:2px solid rgba(255,255,255,.35);
     background:rgba(0,0,0,.7);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;
@@ -469,7 +395,7 @@
     100%{transform:scale(1.6) rotate(360deg);opacity:0}
   }
 
-  /* OPTIMIZED: Bubbles */
+  /* Bubbles */
   #bubbles{position:fixed;inset:0;overflow:hidden;z-index:1;pointer-events:none}
   .bubble{position:absolute;bottom:-100px;border-radius:50%;
     background:linear-gradient(45deg,rgba(255,255,255,.12),rgba(255,107,107,.08));
@@ -510,124 +436,142 @@
   .audio-bar:nth-child(6){height:35px;animation-delay:0.5s}
   @keyframes audioVisualize{0%,100%{transform:scaleY(0.4)}50%{transform:scaleY(1.3)}}
 
-  /* FIXED: MOBILE RESPONSIVE DESIGN - No overlapping elements */
-  @media (max-width:768px) and (orientation:portrait){
-    body{cursor:auto}
-    .cursor,.cursor-trail{display:none !important}
+  /* ============================================= */
+  /* ULTRA-MINIMAL MOBILE MODE - COMPLETELY SEPARATE INTERFACE */
+  /* ============================================= */
 
-    /* Hide desktop performance toggle on mobile */
+  @media (max-width:768px) and (orientation:portrait){
+    /* DISABLE ALL DESKTOP FEATURES */
+    body{cursor:auto !important;background:#0a0a1e !important}
+    .cursor,.cursor-trail,.aurora,.music-notes,.corner-accent,.panel::before,.panel::after{display:none !important}
     .performance-toggle,.performance-panel{display:none !important}
-    
-    /* Show mobile performance toggle */
-    .mobile-perf-toggle{display:flex !important}
-
-    header{padding:20px 0 0;transform:translateY(-100%);opacity:0}
-    header.visible{transform:translateY(0);opacity:1}
+    body::before{display:none !important}
+    #bubbles{display:none !important}
+    .welcome-neon{display:none !important}
+
+    /* MOBILE-ONLY: Ultra-Simple Layout */
+    header{padding:10px 0;background:rgba(0,0,0,0.9);position:fixed;top:0;left:0;right:0;z-index:100;
+      border-bottom:1px solid rgba(255,107,107,0.3)}
+    h1{font-size:24px !important;margin:0;animation:none !important;
+      background:linear-gradient(90deg,#ff6b6b,#4ecdc4) !important;
+      -webkit-background-clip:text !important;background-clip:text !important;color:transparent !important}
+    .sub{font-size:12px;margin:5px 0 0}
     .divider{display:none}
-    h1{font-size:clamp(28px,8vw,48px)}
 
-    .panel{margin:0;max-width:none;border-radius:0;aspect-ratio:auto;position:fixed;inset:0;height:100vh;border:none}
-    .panel::before{inset:-3px;border-radius:0}
-    .panel::after{inset:-6px;border-radius:0}
-    .panel:hover{transform:none}
-    video{border-radius:0}
+    /* MOBILE-ONLY: Simplified Video Panel */
+    .panel{margin:60px 0 0 0 !important;max-width:none !important;border-radius:0 !important;
+      aspect-ratio:auto !important;position:fixed !important;inset:0 !important;
+      height:calc(100vh - 60px) !important;border:none !important;background:#000 !important;
+      backdrop-filter:none !important;box-shadow:none !important}
+    .panel:hover{transform:none !important}
+    video{border-radius:0 !important;filter:none !important}
 
-    /* FIXED: Control panel positioning for mobile */
+    /* MOBILE-ONLY: Minimal Controls */
     .control-panel{
-      position:fixed;
-      bottom:30px;
-      left:50%;
-      transform:translateX(-50%);
-      gap:8px;
-      padding:8px 16px;
+      position:fixed !important;
+      bottom:10px !important;
+      left:10px !important;
+      right:10px !important;
+      transform:none !important;
+      gap:8px !important;
+      padding:8px 12px !important;
       opacity:1 !important;
-      background:rgba(0,0,0,0.95);
-      backdrop-filter:blur(15px);
-      border:1px solid rgba(255,107,107,0.4);
-      z-index:50;
-      box-shadow:var(--shadow-strong);
+      background:rgba(0,0,0,0.95) !important;
+      backdrop-filter:blur(5px) !important;
+      border:1px solid rgba(255,107,107,0.4) !important;
+      z-index:50 !important;
+      border-radius:25px !important;
     }
-    .mute-btn{width:40px;height:40px;border:1px solid rgba(255,107,107,0.5)}
-    .mute-icon{font-size:16px}
-    .volume-slider{width:50px;height:4px}
-    .control-btn{width:32px;height:32px;font-size:12px}
+    .mute-btn{width:36px !important;height:36px !important;border:1px solid rgba(255,107,107,0.5) !important;
+      backdrop-filter:none !important}
+    .mute-icon{font-size:16px !important}
+    .volume-slider{width:60px !important;height:4px !important}
+    .control-btn{width:28px !important;height:28px !important;font-size:12px !important;
+      backdrop-filter:none !important}
+
+    /* MOBILE-ONLY: Simple Badges */
+    .live-badge{top:70px !important;left:10px !important;font-size:11px !important;
+      padding:6px 10px !important;z-index:55 !important;backdrop-filter:blur(5px) !important}
+    .reactions-badge{bottom:70px !important;left:10px !important;font-size:11px !important;
+      padding:6px 10px !important;z-index:55 !important;backdrop-filter:blur(5px) !important}
+    
+    /* MOBILE-ONLY: Minimal Quality Indicator */
+    .quality-indicator{top:70px !important;right:10px !important;font-size:10px !important;
+      padding:4px 8px !important;z-index:40 !important;backdrop-filter:blur(5px) !important}
 
-    /* FIXED: Emoji panel mobile positioning - no overlap */
+    /* MOBILE-ONLY: Simple Emoji Panel */
     .emoji-panel{
-      position:fixed;
-      right:15px;
-      top:50%;
-      transform:translateY(-50%);
-      gap:12px;
-      z-index:45;
+      position:fixed !important;
+      right:10px !important;
+      top:50% !important;
+      transform:translateY(-50%) !important;
+      gap:8px !important;
+      z-index:45 !important;
     }
-    .emoji-btn{width:48px;height:48px;font-size:22px;border:1.5px solid rgba(255,255,255,.4)}
-    .emoji-count{right:60px;min-width:50px;height:28px;font-size:11px}
+    .emoji-btn{width:40px !important;height:40px !important;font-size:18px !important;
+      border:1px solid rgba(255,255,255,.4) !important;backdrop-filter:blur(5px) !important}
+    .emoji-count{right:50px !important;min-width:40px !important;height:24px !important;
+      font-size:10px !important;backdrop-filter:blur(5px) !important}
 
-    /* FIXED: Badge positioning - no overlap */
-    .live-badge{top:15px;left:15px;font-size:12px;padding:8px 12px;z-index:55}
-    .reactions-badge{bottom:90px;left:15px;font-size:12px;padding:8px 12px;z-index:55}
-    
-    .chip{position:fixed;bottom:85px;right:15px;font-size:11px;padding:6px 10px;z-index:40}
-    .audio-visualizer{position:fixed;bottom:85px;right:80px;z-index:40}
-    .quality-indicator{top:60px;left:15px;font-size:10px;padding:4px 8px;z-index:40}
-
-    .info,.schedule{position:relative;margin:0;border-radius:20px 20px 0 0;transform:translateY(-100%);opacity:0}
-    .info.visible,.schedule.visible{transform:translateY(0);opacity:1}
-
-    .bottom-sheet{
-      position:fixed;left:0;right:0;bottom:0;z-index:35;
-      background:rgba(0,0,0,.95);backdrop-filter:blur(15px);
-      border-top:1px solid rgba(255,107,107,.5);
-      max-height:45vh;overflow:auto;padding:15px;
-      transform:translateY(100%);transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);
-      border-radius:25px 25px 0 0;box-shadow:var(--shadow-strong);
+    /* MOBILE-ONLY: Ultra-Simple Schedule */
+    .mobile-schedule{
+      position:fixed;
+      bottom:0;
+      left:0;
+      right:0;
+      z-index:60;
+      background:rgba(0,0,0,0.95);
+      border-top:1px solid rgba(255,107,107,0.4);
+      transform:translateY(100%);
+      transition:transform 0.3s ease;
+      max-height:40vh;
+      overflow-y:auto;
+      padding:15px;
     }
-    .bottom-sheet.visible{transform:translateY(0)}
-
-    .auto-hide-indicator{
-      position:fixed;bottom:150px;left:50%;transform:translateX(-50%);
-      background:rgba(0,0,0,.9);color:rgba(255,255,255,.9);
-      padding:8px 20px;border-radius:20px;font-size:12px;z-index:30;
-      opacity:0;transition:opacity 0.4s ease;backdrop-filter:blur(10px);
-      border:1px solid rgba(255,107,107,0.4);box-shadow:var(--shadow-soft);
+    .mobile-schedule.visible{transform:translateY(0)}
+    .mobile-schedule h3{color:var(--gold);margin:0 0 15px;font-size:16px;text-align:center}
+    .mobile-schedule .row{padding:8px 12px;margin:4px 0;font-size:14px;border-radius:8px}
+    .mobile-schedule .row .time{width:80px;font-size:12px}
+    .mobile-schedule .row .name{font-size:12px}
+
+    /* MOBILE-ONLY: Tap Indicator */
+    .mobile-tap-indicator{
+      position:fixed;
+      bottom:80px;
+      left:50%;
+      transform:translateX(-50%);
+      background:rgba(0,0,0,0.9);
+      color:rgba(255,255,255,0.9);
+      padding:6px 15px;
+      border-radius:15px;
+      font-size:11px;
+      z-index:30;
+      opacity:0;
+      transition:opacity 0.3s ease;
+      backdrop-filter:blur(5px);
+      border:1px solid rgba(255,107,107,0.4);
     }
-    .auto-hide-indicator.visible{opacity:1}
-  }
+    .mobile-tap-indicator.visible{opacity:1}
 
-  /* Hide mobile performance toggle on desktop */
-  @media (min-width:769px) {
-    .mobile-perf-toggle,.mobile-perf-panel{display:none !important}
-    .bottom-sheet{display:none !important}
-    .auto-hide-indicator{display:none !important}
-  }
+    /* MOBILE-ONLY: Hide Desktop Elements */
+    .info,.schedule,footer,.shortcuts-overlay,.audio-visualizer{display:none !important}
 
-  /* Enhanced Tablet Support */
-  @media (max-width:1024px) and (min-width:769px) {
-    .panel{max-width:95%;margin:15px auto 0}
-    .emoji-panel{right:25px;bottom:120px;gap:14px}
-    .control-panel{bottom:25px;gap:12px;padding:12px 22px}
+    /* MOBILE-ONLY: No Effects */
+    *{animation:none !important;transition:none !important;backdrop-filter:none !important;
+      box-shadow:none !important;filter:none !important}
+    .control-panel,.emoji-btn,.live-badge,.reactions-badge,.quality-indicator{
+      backdrop-filter:blur(5px) !important}
   }
 
-  /* Enhanced Large Desktop Support */
-  @media (min-width:1400px) {
-    .panel{max-width:1200px}
-    .emoji-panel{gap:20px}
-    .emoji-btn{width:60px;height:60px;font-size:28px}
-    .control-panel{gap:18px;padding:18px 32px}
-    .mute-btn{width:56px;height:56px}
-    .volume-slider{width:120px}
+  /* Hide mobile elements on desktop */
+  @media (min-width:769px) {
+    .mobile-schedule,.mobile-tap-indicator{display:none !important}
   }
 
-  /* OPTIMIZED: Performance optimizations */
-  .low-performance *{animation-duration:4s !important}
-  .low-performance .aurora{opacity:0.4}
-  .low-performance .music-notes{display:none}
-  .low-performance .corner-accent{display:none}
-
+  /* Disable ALL animations for reduced motion */
   @media (prefers-reduced-motion: reduce) {
-    *{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}
-    .aurora,.music-notes,.corner-accent{display:none}
+    *{animation:none !important;animation-iteration-count:1 !important;transition:none !important}
+    .aurora,.music-notes,.corner-accent{display:none !important}
   }
 </style>
 </head>
@@ -643,7 +587,7 @@
     <span class="mode-text" id="mode-text">Balanced</span>
   </div>
 
-  <!-- Enhanced Desktop Performance Panel -->
+  <!-- Desktop Performance Panel -->
   <div class="performance-panel" id="performance-panel">
     <h3>🎨 Visual Quality & Performance</h3>
     <div class="mode-grid">
@@ -667,63 +611,6 @@
         <div class="mode-name">Performance</div>
         <div class="mode-desc">Maximum speed & efficiency</div>
       </div>
-      <div class="mode-card" data-mode="mobile-plus">
-        <span class="mode-emoji">📱</span>
-        <div class="mode-name">Mobile+</div>
-        <div class="mode-desc">Ultra mobile optimization</div>
-      </div>
-    </div>
-    <div class="perf-metrics">
-      <h4>📊 Current Status</h4>
-      <div class="metric-item">
-        <span>Frame Rate:</span>
-        <span class="metric-value" id="fps-display">60 FPS</span>
-      </div>
-      <div class="metric-item">
-        <span>Effects Level:</span>
-        <span class="metric-value" id="effects-level">Medium</span>
-      </div>
-      <div class="metric-item">
-        <span>Particles:</span>
-        <span class="metric-value" id="particles-count">4 Active</span>
-      </div>
-    </div>
-  </div>
-
-  <!-- Enhanced Mobile Performance Toggle -->
-  <div class="mobile-perf-toggle" id="mobile-perf-toggle">
-    <span class="perf-icon">⚙️</span>
-  </div>
-
-  <!-- Enhanced Mobile Performance Panel -->
-  <div class="mobile-perf-panel" id="mobile-perf-panel">
-    <h3>🎨 Visual Quality</h3>
-    <div class="mode-grid">
-      <div class="mode-card" data-mode="ultra">
-        <span class="mode-emoji">🌟</span>
-        <div class="mode-name">Ultra</div>
-        <div class="mode-desc">Max</div>
-      </div>
-      <div class="mode-card" data-mode="high">
-        <span class="mode-emoji">✨</span>
-        <div class="mode-name">High</div>
-        <div class="mode-desc">Rich</div>
-      </div>
-      <div class="mode-card active" data-mode="balanced">
-        <span class="mode-emoji">⚖️</span>
-        <div class="mode-name">Balanced</div>
-        <div class="mode-desc">Optimal</div>
-      </div>
-      <div class="mode-card" data-mode="performance">
-        <span class="mode-emoji">🚀</span>
-        <div class="mode-name">Fast</div>
-        <div class="mode-desc">Speed</div>
-      </div>
-      <div class="mode-card" data-mode="mobile-plus">
-        <span class="mode-emoji">📱</span>
-        <div class="mode-name">Mobile+</div>
-        <div class="mode-desc">Ultra</div>
-      </div>
     </div>
   </div>
 
@@ -731,7 +618,7 @@
   <div class="reactions-badge" id="today-reactions">Today ❤️0 🔥0 💃0 ✨0</div>
   <div id="bubbles"></div>
 
-  <!-- Enhanced Keyboard Shortcuts Overlay -->
+  <!-- Keyboard Shortcuts Overlay -->
   <div class="shortcuts-overlay" id="shortcuts-overlay">
     <h3>⌨️ Keyboard Shortcuts</h3>
     <div class="shortcut-item">
@@ -762,10 +649,6 @@
       <span>Performance Toggle</span>
       <span class="shortcut-key">Q</span>
     </div>
-    <div class="shortcut-item">
-      <span>Mobile+ Mode</span>
-      <span class="shortcut-key">Shift+M</span>
-    </div>
     <div class="shortcut-item">
       <span>Show Shortcuts</span>
       <span class="shortcut-key">?</span>
@@ -797,7 +680,6 @@
       </video>
 
       <div class="quality-indicator quality-hd" id="quality-indicator">HD</div>
-      <div class="chip" id="chip">Local: —</div>
 
       <div class="panel-accents">
         <div class="corner-accent"></div>
@@ -881,20 +763,13 @@
     <div id="rows"></div>
   </section>
 
-  <!-- Mobile Bottom Sheet -->
-  <div class="bottom-sheet" id="bottom-sheet">
-    <section class="info">
-      <h2 id="vtitle2">✨ Belly Dance Stream ✨</h2>
-      <p id="vmeta2">Loading amazing content...</p>
-    </section>
-
-    <section class="schedule">
-      <h3>✨ Today's Schedule ✨</h3>
-      <div id="rows2"></div>
-    </section>
+  <!-- MOBILE-ONLY: Ultra-Simple Schedule -->
+  <div class="mobile-schedule" id="mobile-schedule">
+    <h3>✨ Today's Schedule ✨</h3>
+    <div id="mobile-rows"></div>
   </div>
 
-  <div class="auto-hide-indicator" id="auto-hide-indicator">
+  <div class="mobile-tap-indicator" id="mobile-tap-indicator">
     Double tap to show schedule
   </div>
 
@@ -903,256 +778,311 @@
   </footer>
 
 <script>
-/* OPTIMIZED: Global Variables & Performance Monitoring */
-let frameCount = 0;
-let currentPerformanceMode = 'balanced';
-let maxFloatingElements = 4;
+/* ULTRA-MOBILE OPTIMIZED: Minimal JavaScript for Mobile */
+let isMobile = false;
 let audioEnabled = false;
-let audioContext = null;
-let analyser = null;
 let isMuted = false;
 let currentVolume = 0.5;
-let currentDominantColor = '#ff6b6b';
-let mouseX = 0, mouseY = 0;
-let isFullscreen = false;
-let isPictureInPicture = false;
-let isTheaterMode = false;
-let isControlPanelVisible = false;
-
-/* OPTIMIZED: Performance Monitoring System */
-const performanceCheck = {
-  lastTime: performance.now(),
-  frameCount: 0,
-  avgFps: 60,
-  update() {
-    const now = performance.now();
-    this.frameCount++;
-    
-    if (now - this.lastTime >= 1000) {
-      this.avgFps = Math.round((this.frameCount * 1000) / (now - this.lastTime));
-      this.frameCount = 0;
-      this.lastTime = now;
 
-      // Auto-adjust performance mode based on FPS
-      this.autoAdjustPerformance();
+/* Detect Mobile Device */
+function detectMobile() {
+  isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ||
+            (window.innerWidth <= 768 && 'ontouchstart' in window);
+  return isMobile;
+}
+
+/* DESKTOP-ONLY: Full Performance System */
+if (!detectMobile()) {
+  // Full desktop experience with all features
+  let frameCount = 0;
+  let currentPerformanceMode = 'balanced';
+  let maxFloatingElements = 4;
+  let audioContext = null;
+  let analyser = null;
+  let currentDominantColor = '#ff6b6b';
+  let mouseX = 0, mouseY = 0;
+  let isFullscreen = false;
+  let isPictureInPicture = false;
+  let isTheaterMode = false;
+  let isControlPanelVisible = false;
+
+  /* Performance Monitoring System */
+  const performanceCheck = {
+    lastTime: performance.now(),
+    frameCount: 0,
+    avgFps: 60,
+    update() {
+      const now = performance.now();
+      this.frameCount++;
+      
+      if (now - this.lastTime >= 1000) {
+        this.avgFps = Math.round((this.frameCount * 1000) / (now - this.lastTime));
+        this.frameCount = 0;
+        this.lastTime = now;
+      }
     }
-  },
-
-  autoAdjustPerformance() {
-    if (this.avgFps < 30 && currentPerformanceMode !== 'mobile-plus') {
-      console.log('Low FPS detected, switching to Mobile+ mode');
-      setPerformanceMode('mobile-plus');
-    } else if (this.avgFps > 55 && currentPerformanceMode === 'mobile-plus') {
-      console.log('FPS improved, switching to Performance mode');
-      setPerformanceMode('performance');
+  };
+
+  /* Performance Mode Configuration */
+  const performanceModes = {
+    'ultra': { name: 'Ultra', icon: '🌟', particles: 8, animationSpeed: 1.0, effectIntensity: 1.0 },
+    'high': { name: 'High', icon: '✨', particles: 6, animationSpeed: 0.8, effectIntensity: 0.8 },
+    'balanced': { name: 'Balanced', icon: '⚖️', particles: 4, animationSpeed: 0.6, effectIntensity: 0.6 },
+    'performance': { name: 'Performance', icon: '🚀', particles: 2, animationSpeed: 0.4, effectIntensity: 0.4 }
+  };
+
+  /* Performance Mode System */
+  function initPerformanceModeSystem() {
+    const desktopToggle = document.getElementById('performance-toggle');
+    const desktopPanel = document.getElementById('performance-panel');
+
+    let savedMode = localStorage.getItem('performanceMode') || 'balanced';
+    setPerformanceMode(savedMode);
+
+    if (desktopToggle) {
+      desktopToggle.addEventListener('click', function() {
+        desktopPanel.classList.toggle('visible');
+      });
     }
-  }
-};
-
-/* OPTIMIZED: Performance Mode Configuration */
-const performanceModes = {
-  'ultra': { name: 'Ultra', icon: '🌟', particles: 8, animationSpeed: 1.0, effectIntensity: 1.0 },
-  'high': { name: 'High', icon: '✨', particles: 6, animationSpeed: 0.8, effectIntensity: 0.8 },
-  'balanced': { name: 'Balanced', icon: '⚖️', particles: 4, animationSpeed: 0.6, effectIntensity: 0.6 },
-  'performance': { name: 'Performance', icon: '🚀', particles: 2, animationSpeed: 0.4, effectIntensity: 0.4 },
-  'mobile-plus': { name: 'Mobile+', icon: '📱', particles: 1, animationSpeed: 0.2, effectIntensity: 0.2 }
-};
-
-/* OPTIMIZED: Performance Mode System */
-function initPerformanceModeSystem() {
-  const desktopToggle = document.getElementById('performance-toggle');
-  const desktopPanel = document.getElementById('performance-panel');
-  const mobileToggle = document.getElementById('mobile-perf-toggle');
-  const mobilePanel = document.getElementById('mobile-perf-panel');
-
-  // Load saved preference with mobile auto-detection
-  let savedMode = localStorage.getItem('performanceMode') || 'balanced';
-
-  // Auto-suggest Mobile+ for mobile devices
-  if (!localStorage.getItem('performanceMode') && isMobileDevice()) {
-    savedMode = 'mobile-plus';
-  }
 
-  setPerformanceMode(savedMode);
+    document.addEventListener('click', function(e) {
+      const modeCard = e.target.closest('.mode-card');
+      if (modeCard) {
+        const mode = modeCard.getAttribute('data-mode');
+        setPerformanceMode(mode);
+        desktopPanel?.classList.remove('visible');
+      }
+    });
 
-  // Desktop toggle
-  if (desktopToggle) {
-    desktopToggle.addEventListener('click', function() {
-      desktopPanel.classList.toggle('visible');
+    document.addEventListener('click', function(e) {
+      if (!e.target.closest('.performance-toggle') && !e.target.closest('.performance-panel')) {
+        desktopPanel?.classList.remove('visible');
+      }
     });
-  }
 
-  // Mobile toggle
-  if (mobileToggle) {
-    mobileToggle.addEventListener('click', function() {
-      mobilePanel.classList.toggle('visible');
+    document.addEventListener('keydown', function(e) {
+      if (e.key.toLowerCase() === 'q' && !e.shiftKey) {
+        const modes = Object.keys(performanceModes);
+        const currentIndex = modes.indexOf(currentPerformanceMode);
+        const nextIndex = (currentIndex + 1) % modes.length;
+        setPerformanceMode(modes[nextIndex]);
+      }
     });
   }
 
-  // Mode selection (both desktop and mobile)
-  document.addEventListener('click', function(e) {
-    const modeCard = e.target.closest('.mode-card');
-    if (modeCard) {
-      const mode = modeCard.getAttribute('data-mode');
-      setPerformanceMode(mode);
-
-      // Hide panels after selection
-      desktopPanel?.classList.remove('visible');
-      mobilePanel?.classList.remove('visible');
-    }
-  });
+  function setPerformanceMode(mode) {
+    if (!performanceModes[mode]) return;
 
-  // Close panels when clicking outside
-  document.addEventListener('click', function(e) {
-    if (!e.target.closest('.performance-toggle') && !e.target.closest('.performance-panel')) {
-      desktopPanel?.classList.remove('visible');
-    }
-    if (!e.target.closest('.mobile-perf-toggle') && !e.target.closest('.mobile-perf-panel')) {
-      mobilePanel?.classList.remove('visible');
-    }
-  });
+    currentPerformanceMode = mode;
+    const config = performanceModes[mode];
 
-  // Keyboard shortcuts
-  document.addEventListener('keydown', function(e) {
-    if (e.key.toLowerCase() === 'q' && !e.shiftKey) {
-      const modes = Object.keys(performanceModes);
-      const currentIndex = modes.indexOf(currentPerformanceMode);
-      const nextIndex = (currentIndex + 1) % modes.length;
-      setPerformanceMode(modes[nextIndex]);
-    } else if (e.key.toLowerCase() === 'm' && e.shiftKey) {
-      setPerformanceMode('mobile-plus');
-    }
-  });
-}
+    document.body.className = document.body.className.replace(/\b\w+-mode\b/g, '');
+    document.body.classList.add(mode + '-mode');
+    maxFloatingElements = config.particles;
 
-function setPerformanceMode(mode) {
-  if (!performanceModes[mode]) return;
+    const modeText = document.getElementById('mode-text');
+    if (modeText) modeText.textContent = config.name;
 
-  currentPerformanceMode = mode;
-  const config = performanceModes[mode];
+    document.querySelectorAll('.mode-card').forEach(card => {
+      card.classList.remove('active');
+      if (card.getAttribute('data-mode') === mode) {
+        card.classList.add('active');
+      }
+    });
 
-  // Update body class
-  document.body.className = document.body.className.replace(/\b\w+-mode\b/g, '');
-  document.body.classList.add(mode + '-mode');
+    localStorage.setItem('performanceMode', mode);
+    console.log(`Performance mode set to: ${config.name}`);
+  }
 
-  // Update maxFloatingElements
-  maxFloatingElements = config.particles;
+  /* Cursor System */
+  let trailCount = 0;
+  const maxTrails = 3;
 
-  // Update UI indicators
-  const modeText = document.getElementById('mode-text');
-  if (modeText) modeText.textContent = config.name;
+  function initOptimizedCursor(){
+    const cursor = document.getElementById('cursor');
+    let isMoving = false;
+    let moveTimeout;
 
-  // Update active cards
-  document.querySelectorAll('.mode-card').forEach(card => {
-    card.classList.remove('active');
-    if (card.getAttribute('data-mode') === mode) {
-      card.classList.add('active');
-    }
-  });
+    document.addEventListener('mousemove', function(e) {
+      mouseX = e.clientX;
+      mouseY = e.clientY;
+      cursor.style.transform = `translate3d(${mouseX - 10}px, ${mouseY - 10}px, 0)`;
 
-  // Update mobile toggle icon
-  const mobileIcon = document.querySelector('.mobile-perf-toggle .perf-icon');
-  if (mobileIcon) mobileIcon.textContent = config.icon;
+      isMoving = true;
+      clearTimeout(moveTimeout);
 
-  // Save preference
-  localStorage.setItem('performanceMode', mode);
+      const config = performanceModes[currentPerformanceMode];
+      const shouldCreateTrail = Math.random() > (0.9 - (config.effectIntensity * 0.1));
+
+      if(shouldCreateTrail && trailCount < maxTrails) {
+        trailCount++;
+        const trail = document.createElement('div');
+        trail.className = 'cursor-trail';
+        trail.style.transform = `translate3d(${mouseX}px, ${mouseY}px, 0)`;
+        document.body.appendChild(trail);
+
+        setTimeout(function() {
+          if (trail.parentNode) {
+            trail.remove();
+            trailCount--;
+          }
+        }, 800);
+      }
 
-  // Apply performance adjustments
-  applyPerformanceSettings();
+      moveTimeout = setTimeout(() => { isMoving = false; }, 150);
+    });
 
-  console.log(`Performance mode set to: ${config.name}`);
-}
+    const interactiveElements = 'button, .control-btn, .emoji-btn, .mute-btn, .row, .shortcut-item, .mode-card, .performance-toggle';
 
-function applyPerformanceSettings() {
-  const config = performanceModes[currentPerformanceMode];
+    document.addEventListener('mouseenter', function(e) {
+      if (e.target.matches(interactiveElements)) {
+        cursor.classList.add('hover');
+      }
+    }, true);
 
-  // Adjust animation speeds
-  const root = document.documentElement;
-  root.style.setProperty('--animation-speed', config.animationSpeed);
-  root.style.setProperty('--particle-count', config.particles);
-  root.style.setProperty('--effect-intensity', config.effectIntensity);
+    document.addEventListener('mouseleave', function(e) {
+      if (e.target.matches(interactiveElements)) {
+        cursor.classList.remove('hover');
+      }
+    }, true);
+  }
 
-  // Update performance metrics display
-  updatePerformanceMetrics();
-}
+  /* Floating Elements */
+  let activeFloatingElements = 0;
 
-function updatePerformanceMetrics() {
-  const fpsDisplay = document.getElementById('fps-display');
-  const effectsLevel = document.getElementById('effects-level');
-  const particlesCount = document.getElementById('particles-count');
+  function createOptimizedFloatingNote(){
+    const config = performanceModes[currentPerformanceMode];
+    if(activeFloatingElements >= config.particles) return;
+
+    const notes = ['♪', '♫', '♬', '♩', '𝄞', '𝄢'];
+    const note = document.createElement('div');
+    note.className = 'note';
+    note.textContent = notes[Math.floor(Math.random() * notes.length)];
+    note.style.left = Math.random() * 100 + 'vw';
+    note.style.animationDuration = ((10 + Math.random() * 4) / config.animationSpeed) + 's';
+    note.style.fontSize = (20 + Math.random() * 8) + 'px';
+    note.style.opacity = 0.3 * config.effectIntensity;
+
+    activeFloatingElements++;
+    document.getElementById('music-notes').appendChild(note);
+    
+    setTimeout(function() {
+      if (note.parentNode) {
+        note.remove();
+        activeFloatingElements--;
+      }
+    }, 12000 / config.animationSpeed);
+  }
+
+  /* Bubble System */
+  let activeBubbles = 0;
+  const maxBubbles = 10;
 
-  if (fpsDisplay) fpsDisplay.textContent = performanceCheck.avgFps + ' FPS';
-  if (effectsLevel) {
-    const levels = { ultra: 'Maximum', high: 'High', balanced: 'Medium', performance: 'Low', 'mobile-plus': 'Minimal' };
-    effectsLevel.textContent = levels[currentPerformanceMode];
+  function createOptimizedBubble(){
+    const config = performanceModes[currentPerformanceMode];
+    if(activeBubbles >= Math.min(maxBubbles, config.particles)) return;
+
+    const b = document.createElement('div');
+    b.className = 'bubble';
+    const s = (25 + Math.random() * 70) * config.effectIntensity;
+    b.style.width = s + 'px';
+    b.style.height = s + 'px';
+    b.style.left = (Math.random() * 100) + 'vw';
+    b.style.animationDuration = ((25 + Math.random() * 25) / config.animationSpeed) + 's';
+    b.style.opacity = 0.5 * config.effectIntensity;
+
+    activeBubbles++;
+    document.getElementById('bubbles').appendChild(b);
+    
+    setTimeout(function() {
+      if (b.parentNode) {
+        b.remove();
+        activeBubbles--;
+      }
+    }, 40000 / config.animationSpeed);
   }
-  if (particlesCount) particlesCount.textContent = maxFloatingElements + ' Active';
-}
 
-/* OPTIMIZED: Cursor System - Desktop Only */
-let trailCount = 0;
-const maxTrails = 3;
+  // Initialize desktop features
+  initPerformanceModeSystem();
+  initOptimizedCursor();
 
-function initOptimizedCursor(){
-  if (isMobileDevice()) return;
+  // Desktop intervals
+  setInterval(function() {
+    const config = performanceModes[currentPerformanceMode];
+    if(Math.random() > (1 - config.effectIntensity * 0.5)) {
+      createOptimizedFloatingNote();
+    }
+  }, 4000);
 
-  const cursor = document.getElementById('cursor');
-  let isMoving = false;
-  let moveTimeout;
+  setInterval(function() {
+    const config = performanceModes[currentPerformanceMode];
+    if(Math.random() > (1 - config.effectIntensity * 0.6)) {
+      createOptimizedBubble();
+    }
+  }, 1500);
 
-  document.addEventListener('mousemove', function(e) {
-    mouseX = e.clientX;
-    mouseY = e.clientY;
+  function optimizedPerformanceMonitor() {
+    frameCount++;
+    if (frameCount % 60 === 0) {
+      performanceCheck.update();
+    }
+    requestAnimationFrame(optimizedPerformanceMonitor);
+  }
+  requestAnimationFrame(optimizedPerformanceMonitor);
+}
 
-    cursor.style.transform = `translate3d(${mouseX - 10}px, ${mouseY - 10}px, 0)`;
+/* MOBILE-ONLY: Ultra-Minimal Experience */
+if (detectMobile()) {
+  console.log('Mobile device detected - using ultra-minimal mode');
+  
+  let isScheduleVisible = false;
+  let autoHideTimer = null;
 
-    isMoving = true;
-    clearTimeout(moveTimeout);
+  function showMobileSchedule() {
+    const schedule = document.getElementById('mobile-schedule');
+    const indicator = document.getElementById('mobile-tap-indicator');
+    
+    schedule.classList.add('visible');
+    isScheduleVisible = true;
 
-    // Optimized trail with performance limits
-    const config = performanceModes[currentPerformanceMode];
-    const shouldCreateTrail = Math.random() > (0.9 - (config.effectIntensity * 0.1));
-
-    if(shouldCreateTrail && trailCount < maxTrails) {
-      trailCount++;
-      const trail = document.createElement('div');
-      trail.className = 'cursor-trail';
-      trail.style.transform = `translate3d(${mouseX}px, ${mouseY}px, 0)`;
-      document.body.appendChild(trail);
-
-      setTimeout(function() {
-        if (trail.parentNode) {
-          trail.remove();
-          trailCount--;
-        }
-      }, 800);
-    }
+    if (autoHideTimer) clearTimeout(autoHideTimer);
+    autoHideTimer = setTimeout(function() {
+      schedule.classList.remove('visible');
+      isScheduleVisible = false;
+      showMobileIndicator();
+    }, 5000);
+  }
 
-    moveTimeout = setTimeout(() => { isMoving = false; }, 150);
-  });
+  function showMobileIndicator() {
+    const indicator = document.getElementById('mobile-tap-indicator');
+    indicator.classList.add('visible');
+    setTimeout(function() {
+      indicator.classList.remove('visible');
+    }, 2000);
+  }
 
-  // Optimized hover effects
-  const interactiveElements = 'button, .control-btn, .emoji-btn, .mute-btn, .row, .shortcut-item, .mode-card, .performance-toggle';
+  let lastClickTime = 0;
+  const doubleClickDelay = 400;
 
-  document.addEventListener('mouseenter', function(e) {
-    if (e.target.matches(interactiveElements)) {
-      cursor.classList.add('hover');
-    }
-  }, true);
+  document.addEventListener('click', function(e) {
+    if (e.target.closest('.emoji-btn') || e.target.closest('.mobile-schedule') ||
+        e.target.closest('.control-panel')) return;
+
+    const currentTime = new Date().getTime();
+    const timeDiff = currentTime - lastClickTime;
 
-  document.addEventListener('mouseleave', function(e) {
-    if (e.target.matches(interactiveElements)) {
-      cursor.classList.remove('hover');
+    if (timeDiff < doubleClickDelay) {
+      e.preventDefault();
+      if (!isScheduleVisible) showMobileSchedule();
     }
-  }, true);
-}
+    lastClickTime = currentTime;
+  });
 
-function isMobileDevice() {
-  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ||
-         (window.innerWidth <= 768 && 'ontouchstart' in window);
+  // Show initial indicator
+  setTimeout(showMobileIndicator, 1000);
 }
 
-/* OPTIMIZED: Audio Enable */
+/* SHARED: Audio Enable */
 function initSimpleAudioEnable() {
   const overlay = document.getElementById('unmute-overlay');
   const unmuteBtn = document.getElementById('unmute-btn');
@@ -1167,15 +1097,6 @@ function initSimpleAudioEnable() {
     document.getElementById('mute-btn').classList.remove('muted');
     overlay.classList.add('hidden');
     localStorage.setItem('audioEnabled', 'true');
-
-    try {
-      if (!audioContext) {
-        audioContext = new (window.AudioContext || window.webkitAudioContext)();
-        initOptimizedAudioAnalysis();
-      }
-    } catch (e) {
-      console.log('Audio context creation failed, continuing without visualizer');
-    }
   });
 
   if (localStorage.getItem('audioEnabled') === 'true') {
@@ -1184,7 +1105,7 @@ function initSimpleAudioEnable() {
   }
 }
 
-/* OPTIMIZED: Schedules */
+/* SHARED: Schedules */
 const SCHEDULE_A = [
   { title:"Dance in Front of the Library of Alexandria", url:"https://ik.imagekit.io/plerqlkuh/A%20dance%20in%20front%20of%20the%20Library%20of%20Alexandria.mp4", duration:155, start:0, end:2.667 },
   { title:"✨ Belly dance ✨ - sensual dance", url:"https://ik.imagekit.io/plerqlkuh/%E2%9C%A8%20Belly%20dance%20%E2%9C%A8%20-%20-%20sensual%20dance.mp4", duration:113, start:2.667, end:5.333 },
@@ -1221,7 +1142,7 @@ function utcDayIndex(){ return (new Date()).getUTCDay(); }
 function secFmt(s){return `${Math.floor(s/60)}:${String(s%60).padStart(2,'0')}`;}
 function clamp(n,min,max){return Math.max(min,Math.min(max,n));}
 
-/* OPTIMIZED: Control Functions */
+/* SHARED: Control Functions */
 function initMuteControl() {
   const muteBtn = document.getElementById('mute-btn');
   const muteIcon = document.getElementById('mute-icon');
@@ -1243,10 +1164,6 @@ function initMuteControl() {
       muteIcon.textContent = '🔊';
       muteBtn.classList.remove('muted');
     }
-
-    // Optimized animation
-    muteBtn.style.transform = 'scale(1.25)';
-    setTimeout(() => { muteBtn.style.transform = ''; }, 200);
   });
 }
 
@@ -1284,6 +1201,7 @@ function initVolumeControl() {
 
 function initTheaterMode() {
   const theaterBtn = document.getElementById('theater-btn');
+  if (!theaterBtn) return;
 
   theaterBtn.addEventListener('click', function() {
     isTheaterMode = !isTheaterMode;
@@ -1294,6 +1212,8 @@ function initTheaterMode() {
 
 function initFullscreenControl() {
   const fullscreenBtn = document.getElementById('fullscreen-btn');
+  if (!fullscreenBtn) return;
+  
   const panel = document.getElementById('panel');
 
   fullscreenBtn.addEventListener('click', function() {
@@ -1318,6 +1238,8 @@ function initFullscreenControl() {
 
 function initPictureInPictureControl() {
   const pipBtn = document.getElementById('pip-btn');
+  if (!pipBtn) return;
+  
   const player = document.getElementById('player');
 
   pipBtn.addEventListener('click', async function() {
@@ -1347,6 +1269,8 @@ function initKeyboardShortcuts() {
   const shortcutsBtn = document.getElementById('shortcuts-btn');
   const shortcutsOverlay = document.getElementById('shortcuts-overlay');
 
+  if (!shortcutsBtn || !shortcutsOverlay) return;
+
   shortcutsBtn.addEventListener('click', function() {
     shortcutsOverlay.classList.toggle('visible');
   });
@@ -1363,13 +1287,13 @@ function initKeyboardShortcuts() {
         if (!e.shiftKey) document.getElementById('mute-btn').click();
         break;
       case 'f':
-        document.getElementById('fullscreen-btn').click();
+        if (document.getElementById('fullscreen-btn')) document.getElementById('fullscreen-btn').click();
         break;
       case 't':
-        document.getElementById('theater-btn').click();
+        if (document.getElementById('theater-btn')) document.getElementById('theater-btn').click();
         break;
       case 'p':
-        document.getElementById('pip-btn').click();
+        if (document.getElementById('pip-btn')) document.getElementById('pip-btn').click();
         break;
       case 'arrowup':
         e.preventDefault();
@@ -1388,13 +1312,15 @@ function initKeyboardShortcuts() {
         }
         break;
       case '?':
-        shortcutsOverlay.classList.toggle('visible');
+        if (shortcutsOverlay) shortcutsOverlay.classList.toggle('visible');
         break;
     }
   });
 }
 
 function initControlPanelVisibility() {
+  if (detectMobile()) return; // Skip for mobile
+  
   const panel = document.getElementById('panel');
   const controlPanel = document.getElementById('control-panel');
 
@@ -1462,267 +1388,50 @@ function initQualityIndicator() {
   });
 }
 
-/* OPTIMIZED: Floating Elements with Performance Limits */
-let activeFloatingElements = 0;
-let noteCreateTimer = null;
-
-function createOptimizedFloatingNote(){
-  const config = performanceModes[currentPerformanceMode];
-  if(activeFloatingElements >= config.particles) return;
-
-  const notes = ['♪', '♫', '♬', '♩', '𝄞', '𝄢'];
-  const note = document.createElement('div');
-  note.className = 'note';
-  note.textContent = notes[Math.floor(Math.random() * notes.length)];
-  note.style.left = Math.random() * 100 + 'vw';
-  note.style.animationDuration = ((10 + Math.random() * 4) / config.animationSpeed) + 's';
-  note.style.fontSize = (20 + Math.random() * 8) + 'px';
-  note.style.opacity = 0.3 * config.effectIntensity;
-
-  activeFloatingElements++;
-  document.getElementById('music-notes').appendChild(note);
-  
-  setTimeout(function() {
-    if (note.parentNode) {
-      note.remove();
-      activeFloatingElements--;
-    }
-  }, 12000 / config.animationSpeed);
-}
-
-function initOptimizedColorSampling(){
-  const canvas = document.getElementById('color-canvas');
-  const ctx = canvas.getContext('2d');
-  const video = document.getElementById('player');
-  let colorSampleTimer = null;
-
-  function sampleColors(){
-    if(!video.videoWidth || !video.videoHeight) return;
-
-    canvas.width = 30;
-    canvas.height = 20;
-
-    try{
-      ctx.drawImage(video, 0, 0, 30, 20);
-      const imageData = ctx.getImageData(5, 5, 20, 10);
-      const data = imageData.data;
-
-      let r = 0, g = 0, b = 0, count = 0;
-
-      for(let i = 0; i < data.length; i += 20) {
-        r += data[i];
-        g += data[i + 1];
-        b += data[i + 2];
-        count++;
-      }
-
-      if(count > 0){
-        r = Math.floor(r / count);
-        g = Math.floor(g / count);
-        b = Math.floor(b / count);
-        updateDynamicColors(r, g, b);
-      }
-    }catch(e){
-      // Fallback to time-based colors
-      const time = Date.now() / 2500;
-      const r = Math.floor(128 + 127 * Math.sin(time * 0.15));
-      const g = Math.floor(128 + 127 * Math.sin(time * 0.25));
-      const b = Math.floor(128 + 127 * Math.sin(time * 0.35));
-      updateDynamicColors(r, g, b);
-    }
-  }
-
-  const config = performanceModes[currentPerformanceMode];
-  const interval = Math.max(500, 1000 / config.animationSpeed);
-  
-  colorSampleTimer = setInterval(sampleColors, interval);
-}
-
-function updateDynamicColors(r, g, b){
-  const root = document.documentElement;
-  const config = performanceModes[currentPerformanceMode];
-
-  const intensity = 40 * config.effectIntensity;
-  const enhancedR = Math.min(255, r + intensity);
-  const enhancedG = Math.min(255, g + intensity * 0.625);
-  const enhancedB = Math.min(255, b + intensity * 1.25);
-
-  const compR = Math.max(0, 255 - r + intensity * 0.625);
-  const compG = Math.max(0, 255 - g + intensity * 0.5);
-  const compB = Math.max(0, 255 - b + intensity * 0.875);
-
-  root.style.setProperty('--neon-primary', `rgb(${enhancedR}, ${enhancedG}, ${enhancedB})`);
-  root.style.setProperty('--neon-secondary', `rgb(${compR}, ${compG}, ${compB})`);
-
-  currentDominantColor = `rgb(${enhancedR}, ${enhancedG}, ${enhancedB})`;
-}
-
-function initOptimizedAudioAnalysis(){
-  if (!audioEnabled || !audioContext) return;
-
-  const video = document.getElementById('player');
-
-  try{
-    const source = audioContext.createMediaElementSource(video);
-    analyser = audioContext.createAnalyser();
-
-    source.connect(analyser);
-    analyser.connect(audioContext.destination);
-
-    analyser.fftSize = 64;
-    const bufferLength = analyser.frequencyBinCount;
-    const dataArray = new Uint8Array(bufferLength);
-
-    let visualizerFrame = 0;
-
-    function updateVisualizer(){
-      const config = performanceModes[currentPerformanceMode];
-
-      // Throttle updates based on performance mode
-      if(visualizerFrame % Math.max(1, Math.floor(4 / config.animationSpeed)) !== 0) {
-        visualizerFrame++;
-        requestAnimationFrame(updateVisualizer);
-        return;
-      }
-
-      analyser.getByteFrequencyData(dataArray);
-
-      const bars = document.querySelectorAll('.audio-bar');
-      bars.forEach(function(bar, i) {
-        const value = dataArray[i] || 0;
-        const normalizedValue = value / 255;
-        const height = Math.max(8, normalizedValue * 50 * config.effectIntensity);
-        bar.style.height = height + 'px';
-      });
-
-      visualizerFrame++;
-      requestAnimationFrame(updateVisualizer);
-    }
-
-    updateVisualizer();
-
-  }catch(e){
-    // Fallback to random visualization
-    const bars = document.querySelectorAll('.audio-bar');
-    bars.forEach(function(bar, i) {
-      const config = performanceModes[currentPerformanceMode];
-      const interval = Math.max(100, (120 + Math.random() * 180) / config.animationSpeed);
-
-      setInterval(function() {
-        const randomHeight = (8 + Math.random() * 40) * config.effectIntensity;
-        bar.style.height = randomHeight + 'px';
-      }, interval);
-    });
-  }
-}
-
-/* Schedule and Content Management */
 function todaySchedule(){
   const d = utcDayIndex();
   if(d===1 || d===2 || d===3) return { which:'A (Mon-Tue-Wed)', list: SCHEDULE_A };
   return { which:'B (Thu-Fri-Sat-Sun)', list: SCHEDULE_B };
 }
 
-// Cache DOM elements for better performance
+// Cache DOM elements
 const $player = document.getElementById('player');
 const $vtitle = document.getElementById('vtitle');
 const $vmeta = document.getElementById('vmeta');
-const $vtitle2 = document.getElementById('vtitle2');
-const $vmeta2 = document.getElementById('vmeta2');
-const $chip = document.getElementById('chip');
 const $rows = document.getElementById('rows');
-const $rows2 = document.getElementById('rows2');
-const $ht = document.getElementById('header-time');
+const $mobileRows = document.getElementById('mobile-rows');
 const $todayTitle = document.getElementById('schedule-title');
-const $bottom = document.getElementById('bottom-sheet');
-const $indicator = document.getElementById('auto-hide-indicator');
-const $header = document.getElementById('main-header');
-const $info = document.getElementById('main-info');
-const $schedule = document.getElementById('main-schedule');
-const $welcomeNeon = document.getElementById('welcome-neon');
-
-function initWelcomeText() {
-  if (localStorage.getItem('proWelcomeShown') === 'true') {
-    $welcomeNeon.style.display = 'none';
-    return;
-  }
-
-  setTimeout(function() {
-    $welcomeNeon.style.display = 'none';
-    localStorage.setItem('proWelcomeShown', 'true');
-  }, 5000);
-}
-
-let autoHideTimer = null;
-let isScheduleVisible = false;
-
-function showSchedule() {
-  if (!isMobilePortrait()) return;
-  $header.classList.add('visible');
-  $info.classList.add('visible');
-  $schedule.classList.add('visible');
-  $bottom.classList.add('visible');
-  isScheduleVisible = true;
-
-  if (autoHideTimer) clearTimeout(autoHideTimer);
-  autoHideTimer = setTimeout(hideSchedule, 6000);
-}
-
-function hideSchedule() {
-  if (!isMobilePortrait()) return;
-  $header.classList.remove('visible');
-  $info.classList.remove('visible');
-  $schedule.classList.remove('visible');
-  $bottom.classList.remove('visible');
-  isScheduleVisible = false;
-  if (autoHideTimer) {
-    clearTimeout(autoHideTimer);
-    autoHideTimer = null;
-  }
-  showIndicator();
-}
-
-function showIndicator() {
-  if (!isMobilePortrait()) return;
-  $indicator.classList.add('visible');
-  setTimeout(function() { $indicator.classList.remove('visible'); }, 3000);
-}
-
-let lastClickTime = 0;
-const doubleClickDelay = 400;
-
-document.addEventListener('click', function(e) {
-  if (!isMobilePortrait()) return;
-  if (e.target.closest('.emoji-btn') || e.target.closest('.bottom-sheet') ||
-      e.target.closest('header') || e.target.closest('.info') || e.target.closest('.schedule') ||
-      e.target.closest('.control-panel') || e.target.closest('.mobile-perf-toggle') ||
-      e.target.closest('.mobile-perf-panel')) return;
-
-  const currentTime = new Date().getTime();
-  const timeDiff = currentTime - lastClickTime;
-
-  if (timeDiff < doubleClickDelay) {
-    e.preventDefault();
-    if (!isScheduleVisible) showSchedule();
-  }
-  lastClickTime = currentTime;
-});
+const $liveCount = document.getElementById('live-count');
 
 function renderScheduleUI(){
   const sel = todaySchedule();
   const list = sel.list;
-  $rows.innerHTML = '';
-  list.forEach(function(v, idx) {
-    const div = document.createElement('div');
-    div.className = 'row';
-    div.innerHTML = '<div class="time">' + formatHourRange(v.start,v.end) + '</div><div class="name">' + v.title + '</div>';
-    $rows.appendChild(div);
-  });
+  
+  if ($rows) {
+    $rows.innerHTML = '';
+    list.forEach(function(v, idx) {
+      const div = document.createElement('div');
+      div.className = 'row';
+      div.innerHTML = '<div class="time">' + formatHourRange(v.start,v.end) + '</div><div class="name">' + v.title + '</div>';
+      $rows.appendChild(div);
+    });
+  }
+
+  if ($mobileRows) {
+    $mobileRows.innerHTML = '';
+    list.forEach(function(v, idx) {
+      const div = document.createElement('div');
+      div.className = 'row';
+      div.innerHTML = '<div class="time">' + formatHourRange(v.start,v.end) + '</div><div class="name">' + v.title + '</div>';
+      $mobileRows.appendChild(div);
+    });
+  }
 
-  if($rows2) $rows2.innerHTML = $rows.innerHTML;
   const dayNames = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];
   const d = utcDayIndex();
-  $todayTitle.textContent = '✨ Global Schedule (UTC) — ' + dayNames[d] + ' — Set ' + sel.which;
+  if ($todayTitle) {
+    $todayTitle.textContent = '✨ Global Schedule (UTC) — ' + dayNames[d] + ' — Set ' + sel.which;
+  }
 }
 
 function formatHourRange(startH, endH){
@@ -1738,8 +1447,10 @@ renderScheduleUI();
 
 function updateHeader(){
   const n = new Date();
-  $ht.textContent = 'Local: ' + n.toLocaleTimeString() + ' | UTC: ' + n.toUTCString().split(' ')[4];
-  if($chip) $chip.textContent = 'Local: ' + n.toLocaleTimeString();
+  const headerTime = document.getElementById('header-time');
+  if (headerTime) {
+    headerTime.textContent = 'Local: ' + n.toLocaleTimeString() + ' | UTC: ' + n.toUTCString().split(' ')[4];
+  }
 }
 setInterval(updateHeader,1000);
 updateHeader();
@@ -1783,12 +1494,10 @@ function schedulePlay(){
     console.log('Autoplay prevented (normal behavior)');
   });
 
-  $vtitle.textContent = v.title;
-  $vmeta.textContent = 'Duration: ' + secFmt(v.duration);
-  if($vtitle2) $vtitle2.textContent = v.title;
-  if($vmeta2) $vmeta2.textContent = 'Duration: ' + secFmt(v.duration);
+  if ($vtitle) $vtitle.textContent = v.title;
+  if ($vmeta) $vmeta.textContent = 'Duration: ' + secFmt(v.duration);
 
-  const rowNodes = document.querySelectorAll('#rows .row, #rows2 .row');
+  const rowNodes = document.querySelectorAll('#rows .row, #mobile-rows .row');
   rowNodes.forEach(function(r,i) {
     r.classList.toggle('active', (i%list.length)===idx);
   });
@@ -1810,42 +1519,9 @@ $player.addEventListener('loadedmetadata', function(){
   } else {
     $player.style.objectFit = 'cover';
   }
-
-  setTimeout(function() {
-    initOptimizedColorSampling();
-  }, 1000);
 });
 
-/* OPTIMIZED: Bubble System */
-let activeBubbles = 0;
-const maxBubbles = 10;
-
-function createOptimizedBubble(){
-  const config = performanceModes[currentPerformanceMode];
-  if(activeBubbles >= Math.min(maxBubbles, config.particles)) return;
-
-  const b = document.createElement('div');
-  b.className = 'bubble';
-  const s = (25 + Math.random() * 70) * config.effectIntensity;
-  b.style.width = s + 'px';
-  b.style.height = s + 'px';
-  b.style.left = (Math.random() * 100) + 'vw';
-  b.style.animationDuration = ((25 + Math.random() * 25) / config.animationSpeed) + 's';
-  b.style.opacity = 0.5 * config.effectIntensity;
-
-  activeBubbles++;
-  document.getElementById('bubbles').appendChild(b);
-  
-  setTimeout(function() {
-    if (b.parentNode) {
-      b.remove();
-      activeBubbles--;
-    }
-  }, 40000 / config.animationSpeed);
-}
-
-/* OPTIMIZED: Live Count System */
-const $liveCount = document.getElementById('live-count');
+/* Live Count System */
 const BUCKETS = [
   {start:0,end:6,min:700,max:2000},
   {start:6,end:12,min:1400,max:3500},
@@ -1862,7 +1538,7 @@ function initLive(){
   liveBucket = bucketFor(h);
   const span = liveBucket.max - liveBucket.min;
   liveCount = liveBucket.min + Math.floor(span * (0.3 + Math.random()*0.4));
-  $liveCount.textContent = liveCount.toLocaleString();
+  if ($liveCount) $liveCount.textContent = liveCount.toLocaleString();
 }
 function tickLive(){
   const h = nowHour();
@@ -1873,7 +1549,7 @@ function tickLive(){
   } else {
     liveCount = clamp(liveCount + randStep(), liveBucket.min, liveBucket.max);
   }
-  $liveCount.textContent = liveCount.toLocaleString();
+  if ($liveCount) $liveCount.textContent = liveCount.toLocaleString();
   liveTimer = setTimeout(tickLive, delay());
 }
 document.addEventListener('visibilitychange', function(){
@@ -1883,7 +1559,7 @@ document.addEventListener('visibilitychange', function(){
 initLive();
 liveTimer = setTimeout(tickLive, delay());
 
-/* OPTIMIZED: Reactions System */
+/* Reactions System */
 const EMOJIS = [{key:'heart',sym:'❤️'},{key:'fire',sym:'🔥'},{key:'dancer',sym:'💃'},{key:'spark',sym:'✨'}];
 const STORAGE_PREFIX = 'pro-reactions:';
 function utcDateKey(){ const d=new Date(); return d.getUTCFullYear() + '-' + String(d.getUTCMonth()+1).padStart(2,'0') + '-' + String(d.getUTCDate()).padStart(2,'0'); }
@@ -1918,21 +1594,31 @@ function saveLocalInc(type){
   }catch(e){}
 }
 function renderReactions(){
-  document.getElementById('count-heart').textContent = reactionCounts.heart.toLocaleString();
-  document.getElementById('count-fire').textContent = reactionCounts.fire.toLocaleString();
-  document.getElementById('count-dancer').textContent = reactionCounts.dancer.toLocaleString();
-  document.getElementById('count-spark').textContent = reactionCounts.spark.toLocaleString();
-  document.getElementById('today-reactions').textContent =
-    'Today ❤️' + reactionCounts.heart + ' 🔥' + reactionCounts.fire + ' 💃' + reactionCounts.dancer + ' ✨' + reactionCounts.spark;
+  const elements = {
+    'count-heart': reactionCounts.heart.toLocaleString(),
+    'count-fire': reactionCounts.fire.toLocaleString(),
+    'count-dancer': reactionCounts.dancer.toLocaleString(),
+    'count-spark': reactionCounts.spark.toLocaleString()
+  };
+  
+  Object.keys(elements).forEach(id => {
+    const el = document.getElementById(id);
+    if (el) el.textContent = elements[id];
+  });
+  
+  const todayReactions = document.getElementById('today-reactions');
+  if (todayReactions) {
+    todayReactions.textContent =
+      'Today ❤️' + reactionCounts.heart + ' 🔥' + reactionCounts.fire + ' 💃' + reactionCounts.dancer + ' ✨' + reactionCounts.spark;
+  }
 }
 
-/* OPTIMIZED: Particle System */
+/* Particle System */
 let activeParticles = 0;
-const maxParticles = 15;
+const maxParticles = detectMobile() ? 3 : 15;
 
 function spawnOptimizedParticles(type, x, y){
-  const config = performanceModes[currentPerformanceMode];
-  if(activeParticles > maxParticles * config.effectIntensity) return;
+  if(activeParticles > maxParticles) return;
 
   const pane = document.getElementById('panel').getBoundingClientRect();
   const burst = document.createElement('div');
@@ -1941,7 +1627,6 @@ function spawnOptimizedParticles(type, x, y){
   burst.style.top=(y-pane.top-25)+'px';
   burst.textContent = EMOJIS.find(function(e) { return e.key===type; }).sym;
   burst.style.fontSize='35px';
-  burst.style.filter = 'drop-shadow(0 0 15px ' + currentDominantColor + ')';
   document.getElementById('panel').appendChild(burst);
   activeParticles++;
   
@@ -1952,7 +1637,7 @@ function spawnOptimizedParticles(type, x, y){
     }
   }, 1000);
 
-  const particleCount = Math.floor((config.effectIntensity > 0.5 ? 8 : 4) * config.effectIntensity);
+  const particleCount = detectMobile() ? 2 : 6;
   for(let i=0;i<particleCount;i++){
     const p = document.createElement('div');
     p.className='particle';
@@ -1960,8 +1645,6 @@ function spawnOptimizedParticles(type, x, y){
     p.style.left = (x - pane.left + (Math.random()*80-40)) + 'px';
     p.style.top  = (y - pane.top + (Math.random()*40-20)) + 'px';
     p.style.animationDelay = (Math.random()*300) + 'ms';
-    p.style.animationDuration = (2 / config.animationSpeed) + 's';
-    p.style.filter = 'drop-shadow(0 0 10px ' + currentDominantColor + ')';
     document.getElementById('panel').appendChild(p);
     activeParticles++;
     
@@ -1976,6 +1659,8 @@ function spawnOptimizedParticles(type, x, y){
 
 function setupEmojiClicks(){
   const panel = document.getElementById('emoji-panel');
+  if (!panel) return;
+  
   panel.addEventListener('click', function(ev){
     const btn = ev.target.closest('.emoji-btn');
     if(!btn) return;
@@ -1987,10 +1672,6 @@ function setupEmojiClicks(){
     saveLocalInc(type);
     renderReactions();
     spawnOptimizedParticles(type, x, y);
-
-    // Optimized animation
-    btn.style.transform = 'scale(1.2) rotateZ(15deg)';
-    setTimeout(() => { btn.style.transform = ''; }, 300);
   });
 }
 loadReactions();
@@ -2003,88 +1684,25 @@ function msToNextUtcMidnight(){
 }
 setTimeout(function() { location.reload(); }, msToNextUtcMidnight()+1500);
 
-function isMobilePortrait(){
-  return window.matchMedia('(max-width:768px) and (orientation:portrait)').matches;
-}
-
-function applyMobileLayout(){
-  if(isMobilePortrait()) {
-    setTimeout(showSchedule, 800);
-  } else {
-    $header.classList.add('visible');
-    $info.classList.add('visible');
-    $schedule.classList.add('visible');
-    $bottom.classList.remove('visible');
-    if (autoHideTimer) {
-      clearTimeout(autoHideTimer);
-      autoHideTimer = null;
-    }
-  }
-}
-
-// OPTIMIZED: Initialize everything with proper cleanup
+// Initialize everything
 document.addEventListener('DOMContentLoaded', function() {
-  // Initialize performance mode system first
-  initPerformanceModeSystem();
-
+  console.log('Initializing ultra-optimized version for:', detectMobile() ? 'Mobile' : 'Desktop');
+  
   initSimpleAudioEnable();
-  initWelcomeText();
-
-  if (!isMobileDevice()) {
-    initOptimizedCursor();
-  }
-
-  applyMobileLayout();
-  window.addEventListener('resize', applyMobileLayout);
-
   initMuteControl();
   initVolumeControl();
-  initTheaterMode();
-  initFullscreenControl();
-  initPictureInPictureControl();
-  initKeyboardShortcuts();
-  initControlPanelVisibility();
+  
+  if (!detectMobile()) {
+    initTheaterMode();
+    initFullscreenControl();
+    initPictureInPictureControl();
+    initKeyboardShortcuts();
+    initControlPanelVisibility();
+  }
+  
   initProgressBar();
   initQualityIndicator();
-
   schedulePlay();
-
-  // OPTIMIZED: Performance-aware intervals with cleanup
-  const noteInterval = setInterval(function() {
-    const config = performanceModes[currentPerformanceMode];
-    if(Math.random() > (1 - config.effectIntensity * 0.5)) {
-      createOptimizedFloatingNote();
-    }
-  }, 4000);
-
-  const bubbleInterval = setInterval(function() {
-    const config = performanceModes[currentPerformanceMode];
-    if(Math.random() > (1 - config.effectIntensity * 0.6)) {
-      createOptimizedBubble();
-    }
-  }, 1500);
-
-  // OPTIMIZED: Performance monitoring with throttling
-  function optimizedPerformanceMonitor() {
-    frameCount++;
-    
-    // Only update performance check every 60 frames
-    if (frameCount % 60 === 0) {
-      performanceCheck.update();
-    }
-    
-    requestAnimationFrame(optimizedPerformanceMonitor);
-  }
-  requestAnimationFrame(optimizedPerformanceMonitor);
-
-  // Cleanup on page unload
-  window.addEventListener('beforeunload', function() {
-    clearInterval(noteInterval);
-    clearInterval(bubbleInterval);
-    if (playTimer) clearTimeout(playTimer);
-    if (liveTimer) clearTimeout(liveTimer);
-    if (autoHideTimer) clearTimeout(autoHideTimer);
-  });
 });
 
 </script>