/*
R4J_R2P27A_CLEAN_ANDROID_EXPERIMENT_LAYERS_AND_TEMP_ACCEPTED_DESIGN_RESTORE

Temporary safety fallback:
- Android experiment layers are disabled.
- Android is allowed to inherit the accepted Mac/iOS design.
- This is NOT the final Android mobile layout.
*/

html.p27a-android-temp-accepted-fallback,
html.p27a-android-temp-accepted-fallback body {
  min-width: 0 !important;
  overflow-x: hidden !important;
}

html.p27a-android-temp-accepted-fallback .puzzlera-android-v15-layer,
html.p27a-android-temp-accepted-fallback .android-v15-layer,
html.p27a-android-temp-accepted-fallback .android-v15,
html.p27a-android-temp-accepted-fallback .android-experiment {
  transform: none !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* R4J_R2P27A_R3_ANDROID_RESTORE_DEPTH_KEEP_SCROLL_FIX
   Android-only restore-depth fix.
   Proof from live Cloudflare audit:
   - P27A-R2 motion-reduction markers were live.
   - Motion reduction can make Android look flat.
   Action:
   - Do NOT disable animations globally.
   - Keep scroll unlocked.
   - Keep canvas/particle touch layers from blocking scroll.
   Scope:
   - Android fallback only via html.p27a-android-temp-accepted-fallback.
*/

html.p27a-android-temp-accepted-fallback,
html.p27a-android-temp-accepted-fallback body {
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior-y: auto !important;
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch !important;
  scroll-behavior: auto !important;
}

html.p27a-android-temp-accepted-fallback body {
  position: static !important;
}

html.p27a-android-temp-accepted-fallback main,
html.p27a-android-temp-accepted-fallback section,
html.p27a-android-temp-accepted-fallback article,
html.p27a-android-temp-accepted-fallback footer,
html.p27a-android-temp-accepted-fallback .page,
html.p27a-android-temp-accepted-fallback .site,
html.p27a-android-temp-accepted-fallback .shell,
html.p27a-android-temp-accepted-fallback .wrap,
html.p27a-android-temp-accepted-fallback .container,
html.p27a-android-temp-accepted-fallback .viewport,
html.p27a-android-temp-accepted-fallback .stage,
html.p27a-android-temp-accepted-fallback .app,
html.p27a-android-temp-accepted-fallback #app,
html.p27a-android-temp-accepted-fallback #root {
  max-height: none !important;
  overflow-y: visible !important;
  touch-action: pan-y !important;
}

html.p27a-android-temp-accepted-fallback canvas,
html.p27a-android-temp-accepted-fallback .particles,
html.p27a-android-temp-accepted-fallback .particle-layer,
html.p27a-android-temp-accepted-fallback .stars,
html.p27a-android-temp-accepted-fallback .starfield,
html.p27a-android-temp-accepted-fallback .aurora,
html.p27a-android-temp-accepted-fallback [class*="particle"],
html.p27a-android-temp-accepted-fallback [id*="particle"],
html.p27a-android-temp-accepted-fallback [class*="starfield"],
html.p27a-android-temp-accepted-fallback [id*="starfield"] {
  pointer-events: none !important;
  touch-action: none !important;
}