/* IMO_WELCOME_INTRO_0704T_CSS_START
   Purpose: Page-0 welcome intro only. Does not alter existing WEBM/video/src, room, chat, route, or community logic. */
#imoWelcomeGate{
  position:absolute;
  inset:0;
  z-index:2147483000;
  overflow:hidden;
  border-radius:inherit;
  background:#001307;
  color:#f5fff1;
  isolation:isolate;
  opacity:1;
  transition:opacity .42s ease, visibility .42s ease;
  touch-action:manipulation;
  user-select:none;
  -webkit-user-select:none;
}
#imoWelcomeGate.imo-welcome-hide{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
#imoWelcomeGate .imo-welcome-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  z-index:0;
  transform:scale(1.002);
}
#imoWelcomeGate .imo-welcome-shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.04) 42%,rgba(0,0,0,.18) 100%),
    radial-gradient(circle at 50% 70%,rgba(118,255,45,.08),transparent 35%);
  pointer-events:none;
}
#imoWelcomeGate .imo-welcome-video-wrap{
  position:absolute;
  left:50%;
  bottom:5.3%;
  z-index:2;
  width:min(58%,230px);
  aspect-ratio:1/1;
  transform:translateX(-50%);
  display:grid;
  place-items:center;
  pointer-events:none;
  filter:drop-shadow(0 22px 36px rgba(0,0,0,.45));
}
#imoWelcomeGate #imoWelcomeVideo{
  width:100%;
  height:100%;
  object-fit:contain;
  background:transparent;
  opacity:0;
  transform:translateY(8px) scale(.985);
  transition:opacity .34s ease, transform .34s ease;
}
#imoWelcomeGate #imoWelcomeVideo.imo-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}
#imoWelcomeGate .imo-welcome-skip{
  position:absolute;
  right:13px;
  bottom:13px;
  z-index:3;
  min-width:58px;
  height:32px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(0,0,0,.30);
  color:rgba(255,255,255,.88);
  font-size:12px;
  font-weight:800;
  letter-spacing:-.02em;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  opacity:.44;
}
#imoWelcomeGate .imo-welcome-skip:focus,
#imoWelcomeGate .imo-welcome-skip:hover{
  opacity:.86;
}
#imoWelcomeGate .imo-welcome-status{
  position:absolute;
  left:12px;
  bottom:14px;
  z-index:3;
  color:rgba(255,255,255,.64);
  font-size:11px;
  font-weight:800;
  letter-spacing:-.02em;
  opacity:.55;
  text-shadow:0 2px 8px rgba(0,0,0,.55);
  pointer-events:none;
}
#imoWelcomeGate[data-muted="1"] .imo-welcome-status::after{
  content:" · sound on after touch";
}
@media (max-height:620px){
  #imoWelcomeGate .imo-welcome-video-wrap{
    width:min(48%,188px);
    bottom:4.4%;
  }
  #imoWelcomeGate .imo-welcome-skip{bottom:10px;right:10px;height:29px;font-size:11px;}
  #imoWelcomeGate .imo-welcome-status{bottom:11px;left:10px;font-size:10px;}
}
@media (prefers-reduced-motion:reduce){
  #imoWelcomeGate,
  #imoWelcomeGate #imoWelcomeVideo{transition:none!important;}
}
/* IMO_WELCOME_INTRO_0704T_CSS_END */