/* MOSSY INTRO BACKGROUND ONLY V88.1.5
   Scope: intro screen background only.
   Keeps existing composer/input/send button untouched.
   Does not affect chat, setup, rightRail, bottomNav, Truth Gate, or community flow.
*/
body[data-view="intro"] .phone{
  background-image:
    linear-gradient(180deg, rgba(0,18,7,.02) 0%, rgba(0,10,3,.04) 48%, rgba(0,7,3,.82) 100%),
    url("/static/images/imo/intro/first_screen_bg_no_composer.png?v=8815") !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-color:#001307 !important;
}
body[data-view="intro"] .phone:before{
  background:
    radial-gradient(circle at 50% 46%, rgba(111,255,45,.08), transparent 42%),
    linear-gradient(180deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,0) 43%, rgba(0,0,0,.54) 100%) !important;
}
/* The supplied background already contains the title and mascot.
   Hide only intro artwork/text to avoid double rendering; composer remains active. */
body[data-view="intro"] #intro .brand,
body[data-view="intro"] #intro .hero,
body[data-view="intro"] #intro .intro-line{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
body[data-view="intro"] #intro{
  pointer-events:none !important;
}
body[data-view="intro"] #composer,
body[data-view="intro"] .composer,
body[data-view="intro"] #composer *{
  pointer-events:auto !important;
}
body[data-view="intro"] .composer{
  bottom:14px !important;
}