/* ELIE v5.1.48 — unmistakable START signal motion and denser radial pixels.
   The thick black bands use a translated, repeating GPU layer so the motion
   remains continuous even when older background-position rules are present. */

@keyframes elieStartBlackBandsTranslateRight{
  from{transform:translate3d(calc(var(--elie-band-cycle) * -1),0,0)}
  to{transform:translate3d(0,0,0)}
}

.home-start-signal .home-start-signal-stripes{
  --elie-band-cycle:clamp(64px,calc(var(--u)*5.8),110px);
  --elie-band-width:clamp(27px,calc(var(--u)*2.55),48px);
  position:absolute!important;
  overflow:hidden!important;
  background:#2ef13a!important;
  background-image:none!important;
  transform:none!important;
  filter:none!important;
  contain:paint!important;
}
.home-start-signal .home-start-signal-stripes::after{
  content:"";
  position:absolute;
  z-index:1;
  top:-65%;
  bottom:-65%;
  left:-55%;
  right:-55%;
  pointer-events:none;
  background:repeating-linear-gradient(
    135deg,
    #000 0 var(--elie-band-width),
    transparent var(--elie-band-width) var(--elie-band-cycle)
  );
  transform:translate3d(calc(var(--elie-band-cycle) * -1),0,0);
  will-change:transform;
  backface-visibility:hidden;
}
.home-start-signal .home-start-signal-label{
  z-index:6!important;
}

.home-screen .home-start.home-start-signal:hover,
.home-screen .home-start.home-start-signal:focus-visible,
.home-cinematic.is-visible .home-start.home-start-signal:hover,
.home-cinematic.is-visible .home-start.home-start-signal:focus-visible{
  transform:translateX(-50%) scale(1.085)!important;
  box-shadow:
    0 0 0 1px rgba(46,241,58,.54),
    0 0 34px rgba(46,241,58,.42),
    0 0 82px rgba(46,241,58,.18),
    inset 0 0 28px rgba(46,241,58,.08)!important;
}
.home-start-signal:hover .home-start-signal-stripes::after,
.home-start-signal:focus-visible .home-start-signal-stripes::after{
  animation:elieStartBlackBandsTranslateRight .58s linear infinite!important;
}

/* A wider, denser radial launch field around all four sides of START. */
.home-start-signal.home-nav-enriched .home-nav-pixel-field{
  left:-52%!important;
  right:-52%!important;
  top:-145%!important;
  bottom:-145%!important;
  z-index:-1!important;
  opacity:0!important;
  transition:opacity .12s linear!important;
}
.home-start-signal.home-nav-enriched:hover .home-nav-pixel-field,
.home-start-signal.home-nav-enriched:focus-visible .home-nav-pixel-field{
  opacity:1!important;
}
.home-start-signal .home-nav-pixel-field i{
  background:#2ef13a!important;
  box-shadow:0 0 7px rgba(46,241,58,.9),0 0 17px rgba(46,241,58,.34)!important;
  animation-name:elieStartPixelExplosionV5148!important;
  animation-timing-function:cubic-bezier(.08,.68,.16,1)!important;
  animation-iteration-count:infinite!important;
  animation-play-state:paused!important;
}
.home-start-signal:hover .home-nav-pixel-field i,
.home-start-signal:focus-visible .home-nav-pixel-field i{
  animation-play-state:running!important;
}
.home-start-signal .home-nav-pixel-field i:nth-child(6n){background:#8bff92!important}
.home-start-signal .home-nav-pixel-field i:nth-child(11n){background:#e0ffe2!important}

.home-start-signal .home-nav-pixel-field i:nth-child(12n+1){--pixel-drift-x:-142px!important;--pixel-drift-y:-92px!important}
.home-start-signal .home-nav-pixel-field i:nth-child(12n+2){--pixel-drift-x:-72px!important;--pixel-drift-y:-132px!important}
.home-start-signal .home-nav-pixel-field i:nth-child(12n+3){--pixel-drift-x:0px!important;--pixel-drift-y:-154px!important}
.home-start-signal .home-nav-pixel-field i:nth-child(12n+4){--pixel-drift-x:76px!important;--pixel-drift-y:-132px!important}
.home-start-signal .home-nav-pixel-field i:nth-child(12n+5){--pixel-drift-x:144px!important;--pixel-drift-y:-88px!important}
.home-start-signal .home-nav-pixel-field i:nth-child(12n+6){--pixel-drift-x:168px!important;--pixel-drift-y:0px!important}
.home-start-signal .home-nav-pixel-field i:nth-child(12n+7){--pixel-drift-x:142px!important;--pixel-drift-y:92px!important}
.home-start-signal .home-nav-pixel-field i:nth-child(12n+8){--pixel-drift-x:72px!important;--pixel-drift-y:134px!important}
.home-start-signal .home-nav-pixel-field i:nth-child(12n+9){--pixel-drift-x:0px!important;--pixel-drift-y:156px!important}
.home-start-signal .home-nav-pixel-field i:nth-child(12n+10){--pixel-drift-x:-76px!important;--pixel-drift-y:134px!important}
.home-start-signal .home-nav-pixel-field i:nth-child(12n+11){--pixel-drift-x:-144px!important;--pixel-drift-y:90px!important}
.home-start-signal .home-nav-pixel-field i:nth-child(12n+12){--pixel-drift-x:-168px!important;--pixel-drift-y:0px!important}

@keyframes elieStartPixelExplosionV5148{
  0%{opacity:0;transform:translate3d(0,0,0) rotate(0deg) scale(.28)}
  7%{opacity:1}
  44%{opacity:.94}
  100%{opacity:0;transform:translate3d(var(--pixel-drift-x),var(--pixel-drift-y),0) rotate(var(--pixel-rotation)) scale(.08)}
}

/* Keep the quieter language on the other top-level navigation buttons. */
.topbar-v518 .nav-btn .home-nav-pixel-field i{
  animation-duration:2.05s!important;
}

@media (orientation:landscape) and (pointer:coarse){
  .home-start-signal .home-start-signal-stripes{
    --elie-band-cycle:clamp(44px,8.6vw,68px);
    --elie-band-width:clamp(19px,3.7vw,30px);
  }
  .home-start-signal .home-nav-pixel-field{display:none!important}
  .home-start-signal:hover .home-start-signal-stripes::after,
  .home-start-signal:focus-visible .home-start-signal-stripes::after{animation:none!important}
  .home-screen .home-start.home-start-signal:hover,
  .home-screen .home-start.home-start-signal:focus-visible{transform:translateX(-50%)!important}
}

/* The requested hover animation is intentional and remains active even when
   the operating system asks for reduced motion; it only runs while hovered. */
@media (prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine){
  .home-start-signal:hover .home-start-signal-stripes::after,
  .home-start-signal:focus-visible .home-start-signal-stripes::after{
    animation:elieStartBlackBandsTranslateRight .9s linear infinite!important;
  }
  .home-start-signal .home-nav-pixel-field i{
    animation-duration:2.8s!important;
  }
}
