/* ═══════════════════════════════════════════════════════════════
   MOBILE PERFORMANCE
   Loaded ONLY on touch devices via media="(pointer:coarse)"
   Kills everything that causes phone freeze
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. Kill ambient layers ── */
#sakuraCanvas { display: none !important; }
#scanLines    { display: none !important; }
.orb          { display: none !important; }

/* ── 2. Kill ALL CSS animations and transitions ──
   neonPulse / statusBlink / tailSwing / eyeBlink / orb / shimmer
   all animate box-shadow, filter, or transform — GPU killers      */
*, *::before, *::after {
  animation:                none !important;
  animation-duration:       0.001ms !important;
  animation-iteration-count:1 !important;
  transition-duration:      0.1s !important;
}

/* ── 3. Re-enable essential UX transitions ── */
.gold-spin { animation: spin 0.8s linear infinite !important; }
.sb        { transition: transform 0.25s ease !important; }
.overlay   { transition: opacity 0.15s !important; }
.modal     { transition: none !important; }
.toast     { transition: opacity 0.2s, transform 0.2s !important; }

/* ── 4. Remove every box-shadow (most expensive mobile repaint op) ── */
* { box-shadow: none !important; }

/* ── 5. Remove text-shadow glow ── */
* { text-shadow: none !important; }

/* ── 6. Kill SVG feGaussianBlur filters (animated = freeze) ── */
svg, svg * { filter: none !important; }
.cat-svg, .ov-mini-cat { filter: none !important; }

/* ── 7. Simplify backgrounds ── */
body { background: #06000f !important; }
.setup-card {
  background: rgba(20, 0, 28, 0.97) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.overlay {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
#sbOverlay {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(0,0,0,0.75) !important;
}

/* ── 8. Flatten shimmer text (shimmer animation = repaint) ── */
.tb-gl, .gold-grad {
  background: none !important;
  color: #ff2d78 !important;
  -webkit-text-fill-color: #ff2d78 !important;
}
.gold-word {
  background: none !important;
  color: #ff6b9d !important;
  -webkit-text-fill-color: #ff6b9d !important;
}

/* ── 9. Simplify live dot and status indicators ── */
.live-dot { background: #00e5a0 !important; border-radius: 50% !important; }
.ld       { background: #00e5a0 !important; }

/* ── 10. Remove will-change hints (increases memory on mobile) ── */
* { will-change: auto !important; }

/* ── 11. Promote scrollable containers to own layer ── */
.tab-body,
.sb-list,
#amWrap,
#msgList,
.bulk-list { -webkit-overflow-scrolling: touch; }

/* ── 12. GPU-accelerated sidebar slide ── */
.sb { transform: translateZ(0) translateX(-100%); }
#panel.open .sb { transform: translateZ(0) translateX(0); }
#panel.sb-collapsed .sb { transform: translateZ(0) translateX(-100%) !important; }