/* ELIE v5.1.49 — smooth START signal, surface-born pixel burst,
   Kadim Stone subtitle hierarchy and public development chronicle patch. */

/* START: disable the previous CSS-looped pseudo layer. The real band track is
   moved with requestAnimationFrame so it stays fluid and can decelerate. */
.home-start-signal .home-start-signal-stripes{
  position:absolute!important;
  overflow:hidden!important;
  background:#2ef13a!important;
  background-image:none!important;
  transform:none!important;
  contain:paint!important;
}
.home-start-signal:hover .home-start-signal-stripes,
.home-start-signal:focus-visible .home-start-signal-stripes{animation:none!important}
.home-start-signal .home-start-signal-stripes::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}
.home-start-signal .elie-start-band-track{
  position:absolute;
  z-index:1;
  top:-72%;
  bottom:-72%;
  left:calc(var(--elie-band-cycle-px,84px) * -1);
  width:calc(100% + (var(--elie-band-cycle-px,84px) * 2));
  pointer-events:none;
  background:repeating-linear-gradient(
    135deg,
    #000 0 var(--elie-band-width-px,34px),
    transparent var(--elie-band-width-px,34px) var(--elie-band-cycle-px,84px)
  );
  transform:translate3d(0,0,0);
  transform-origin:0 50%;
  will-change:transform;
  backface-visibility:hidden;
}
.home-start-signal .home-start-signal-label{z-index:7!important}

/* Pixels are born ON the button surface, then travel away in all directions. */
.home-start-signal.home-nav-enriched .home-nav-pixel-field,
.home-start-signal.home-start-pixel-rich .home-nav-pixel-field{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  overflow:visible!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .28s ease!important;
}
.home-start-signal:hover .home-nav-pixel-field,
.home-start-signal:focus-visible .home-nav-pixel-field{
  opacity:1!important;
}
.home-start-signal .home-nav-pixel-field i{
  position:absolute!important;
  left:var(--pixel-x)!important;
  top:var(--pixel-y)!important;
  width:var(--pixel-size)!important;
  height:var(--pixel-size)!important;
  margin:calc(var(--pixel-size) * -.5) 0 0 calc(var(--pixel-size) * -.5)!important;
  z-index:1!important;
  opacity:0;
  background:#2ef13a!important;
  box-shadow:0 0 6px rgba(46,241,58,.92),0 0 15px rgba(46,241,58,.34)!important;
  will-change:transform,opacity;
  animation:none!important;
}
.home-start-signal:hover .home-nav-pixel-field i,
.home-start-signal:focus-visible .home-nav-pixel-field i{
  animation:elieStartSurfaceBurst var(--pixel-duration) cubic-bezier(.08,.68,.16,1) var(--pixel-delay) infinite!important;
}
.home-start-signal .home-nav-pixel-field i:nth-child(7n){background:#8dff94!important}
.home-start-signal .home-nav-pixel-field i:nth-child(13n){background:#e2ffe4!important}
@keyframes elieStartSurfaceBurst{
  0%{opacity:0;transform:translate3d(0,0,0) rotate(0deg) scale(.28)}
  5%{opacity:1}
  28%{opacity:.98}
  72%{opacity:.72}
  100%{opacity:0;transform:translate3d(var(--burst-x),var(--burst-y),0) rotate(var(--pixel-rotation)) scale(.08)}
}

/* Kadim Stone: exactly two deliberate lines, using the same restrained green
   as the date column in the supplied design. */
.kadim-stone-header p{
  display:grid!important;
  justify-items:center!important;
  gap:2px!important;
  color:rgba(46,181,54,.56)!important;
  opacity:1!important;
}
.kadim-stone-header p>span{display:block!important}

@media (orientation:landscape) and (pointer:coarse){
  .home-start-signal .home-nav-pixel-field{display:none!important}
  .home-start-signal .elie-start-band-track{display:none!important}
  .kadim-stone-header p{gap:1px!important}
}
