/* ELIE v5.1.42 — multilingual START signal
   Replaces the fixed language PNG buttons with one responsive graphic system. */

.home-screen .home-start.home-start-signal,
html.phone-landscape .home-screen .home-start.home-start-signal{
  width:max-content!important;
  min-width:clamp(340px,calc(var(--u)*26.35),560px)!important;
  max-width:min(78vw,760px)!important;
  height:clamp(84px,calc(var(--u)*6.9),132px)!important;
  padding:0 clamp(54px,calc(var(--u)*4.1),82px)!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:clamp(2px,calc(var(--u)*.13),3px) solid #2ef13a!important;
  border-radius:999px!important;
  background:#000!important;
  box-shadow:
    0 0 0 1px rgba(46,241,58,.18),
    0 0 16px rgba(46,241,58,.13),
    inset 0 0 18px rgba(46,241,58,.04)!important;
  color:#000!important;
  cursor:pointer;
  overflow:visible!important;
  isolation:isolate!important;
  -webkit-tap-highlight-color:transparent;
}

.home-start-signal .home-start-signal-stripes{
  --signal-stripe:clamp(20px,calc(var(--u)*2.05),38px);
  --signal-gap:clamp(11px,calc(var(--u)*1.04),20px);
  position:absolute;
  inset:15% 6.2%;
  z-index:1;
  display:block;
  border-radius:999px;
  overflow:hidden;
  background-color:#000;
  background-image:repeating-linear-gradient(
    135deg,
    #2ef13a 0 var(--signal-stripe),
    transparent var(--signal-stripe) calc(var(--signal-stripe) + var(--signal-gap))
  );
  background-position:center;
  transform:translateZ(0);
  transition:filter .24s ease,transform .3s cubic-bezier(.2,.75,.2,1),background-position .45s ease;
  pointer-events:none;
}

.home-start-signal .home-start-signal-label{
  position:relative;
  z-index:3;
  display:block;
  max-width:100%;
  color:#000!important;
  font-family:"Duplet",Arial,sans-serif!important;
  font-size:clamp(34px,calc(var(--u)*3.15),68px)!important;
  font-weight:700!important;
  line-height:.88!important;
  letter-spacing:-.055em!important;
  text-align:center!important;
  text-transform:uppercase;
  white-space:nowrap;
  unicode-bidi:plaintext;
  pointer-events:none;
  transform:translateY(-.02em);
}

.home-start-signal:focus-visible{
  outline:2px solid #fff!important;
  outline-offset:5px!important;
}

@media (hover:hover) and (pointer:fine){
  .home-start-signal:hover{
    box-shadow:
      0 0 0 1px rgba(46,241,58,.32),
      0 0 24px rgba(46,241,58,.24),
      inset 0 0 20px rgba(46,241,58,.07)!important;
  }
  .home-start-signal:hover .home-start-signal-stripes{
    filter:brightness(1.08);
    transform:translate3d(1.2%,0,0);
    background-position:8px center;
  }
}

.home-start-signal:active .home-start-signal-stripes{
  filter:brightness(1.16);
  transform:translate3d(0,0,0) scale(.985);
}

/* Arabic keeps its native reading order while preserving the centered signal. */
html[dir="rtl"] .home-start-signal .home-start-signal-label{
  direction:rtl;
  letter-spacing:0!important;
}

/* CJK labels need slightly more breathing room and no synthetic tracking. */
.home-start-signal.lang-ja .home-start-signal-label,
.home-start-signal.lang-zh .home-start-signal-label{
  letter-spacing:.01em!important;
  line-height:1!important;
}

/* Phone-only geometry: keep the established home position and scale the new
   signal inside the same protected area used by the former PNG button. */
@media (orientation:landscape) and (pointer:coarse){
  .home-screen .home-start.home-start-signal,
  html.phone-landscape .home-screen .home-start.home-start-signal{
    width:max-content!important;
    min-width:clamp(220px,31vw,310px)!important;
    max-width:calc(100vw - max(38px,calc(var(--safe-left) + var(--safe-right) + 24px)))!important;
    height:clamp(54px,15.5vh,76px)!important;
    padding-inline:clamp(34px,6vw,58px)!important;
    border-width:2px!important;
  }
  .home-start-signal .home-start-signal-stripes{
    --signal-stripe:clamp(14px,3.35vw,23px);
    --signal-gap:clamp(8px,1.85vw,13px);
    inset:14% 6%;
  }
  .home-start-signal .home-start-signal-label{
    font-size:clamp(23px,6.4vh,38px)!important;
    letter-spacing:-.045em!important;
  }
}

@media (orientation:landscape) and (pointer:coarse) and (max-height:390px){
  .home-screen .home-start.home-start-signal,
  html.phone-landscape .home-screen .home-start.home-start-signal{
    min-width:clamp(205px,29vw,268px)!important;
    height:clamp(48px,14vh,60px)!important;
    padding-inline:clamp(28px,5vw,44px)!important;
  }
  .home-start-signal .home-start-signal-label{
    font-size:clamp(21px,6vh,31px)!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .home-start-signal .home-start-signal-stripes{transition:none!important}
}