body.page-template-realmpicker, body.page-template-realmpicker main#main { background-color: transparent !important; }
body.page-template-realmpicker .page-bg-lottie { background: #030f58 !important; } body.page-template-realmpicker .page-bg-lottie svg { opacity: 1 !important; visibility: visible !important; }

@media(max-width:767px){
	.footer-motion-control {
		display:none;
	}
}
/* Realm Picker: expose the animated backdrop without changing other realm pages. */
body.page-template-realmpicker .wn-template-wrapper { background: transparent !important; background-color: transparent !important; }
body.page-template-realmpicker .page-bg-lottie { background: transparent !important; }
body.page-template-realmpicker .page-bg-lottie svg { opacity: 1 !important; visibility: visible !important; }

/* Realm Picker: restore its navy canvas and let the animated layer show through. */
body.page-template-realmpicker { background-color: #1B1C48 !important; }
body.page-template-realmpicker #wrapper { background: transparent !important; background-color: transparent !important; }

/* Family Tracking mobile game layer: keep step numbers fixed and add space before their labels and body copy. */
@media (max-width: 767px) {
  body.page-id-2872 .mtst-game-layer__grid > .mtst-game-layer__step--visual:nth-child(2),
  body.page-id-2872 .mtst-game-layer__grid > .mtst-game-layer__step--visual:nth-child(3),
  body.page-id-2872 .mtst-game-layer__grid > .mtst-game-layer__step--visual:nth-child(6) {
    transform: translateY(-16px) !important;
  }

  body.page-id-2872 .mtst-game-layer__step--copy .mtst-game-layer__number {
    display: block !important;
    margin-top: 24px !important;
    transform: translateY(-16px) !important;
    font-size: 60px !important;
    line-height: 1 !important;
  }

  body.page-id-2872 .mtst-game-layer__step--copy > :not(.mtst-game-layer__number) {
    position: relative !important;
    top: 12px !important;
  }
}