/**
 * Phone smoothness + freeze-when-away.
 * Login/register look stays the same. PC/notebook canvas stays.
 */

html.tab-hidden,
html.app-frozen {
  cursor: auto !important;
}
html.tab-hidden *,
html.app-frozen * {
  animation-play-state: paused !important;
  transition: none !important;
}
html.tab-hidden #heroCanvas,
html.app-frozen #heroCanvas,
html.tab-hidden #storeSnowCanvas,
html.app-frozen #storeSnowCanvas {
  visibility: hidden !important;
}

@media (max-width: 767px) {
  html.gate-locked #heroCanvas,
  html.gate-locked #storeSnowCanvas,
  html.phone-smooth #heroCanvas,
  html.phone-smooth #storeSnowCanvas {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  html.gate-locked,
  html.gate-locked body,
  html.modal-scroll-lock.gate-locked body {
    touch-action: manipulation !important;
  }

  html.phone-smooth .orb,
  html.phone-smooth .orb-1,
  html.phone-smooth .orb-2,
  html.phone-smooth .orb-3 {
    filter: none !important;
    animation: none !important;
    opacity: 0.28 !important;
  }

  html.phone-smooth .css-snow i {
    will-change: auto;
  }

  #modalAuth,
  #modalAuth .auth-modal,
  #modalAuth .auth-modal-body,
  #modalAuth .auth-panel {
    touch-action: manipulation !important;
  }

  #modalAuth .auth-field input,
  #modalAuth .auth-field input[type="password"],
  #modalAuth button {
    font-size: 16px !important;
    min-height: 48px;
    touch-action: manipulation !important;
  }

  #modalAuth .auth-modal-glow {
    display: none !important;
  }

  #cx-dot,
  #cx-ring {
    display: none !important;
  }
}