/* ELIE v5.1.69 - balanced lower home instruments, centered signal radar,
   outward UP counter and animated passport transmission rings. */

.home-screen .home-lower-instruments{
  --home-instrument-band:clamp(78px,13.8vh,132px);
  --home-round-size:calc(var(--home-instrument-band) * .82);
  --home-passport-height:calc(var(--home-instrument-band) * .76);
  --home-kadim-size:calc(var(--home-instrument-band) * .82);
  --home-info-height:calc(var(--home-instrument-band) * .56);
  position:absolute;
  left:max(2.8%,calc(var(--safe-left) + 12px));
  right:max(2.8%,calc(var(--safe-right) + 12px));
  bottom:max(clamp(18px,3.8vh,38px),calc(var(--safe-bottom) + 12px));
  height:var(--home-instrument-band);
  z-index:78;
  display:grid;
  grid-template-columns:minmax(68px,.92fr) minmax(68px,.92fr) minmax(310px,4.4fr) minmax(58px,.74fr) minmax(68px,.92fr);
  align-items:center;
  justify-items:center;
  column-gap:clamp(10px,1.25vw,25px);
  pointer-events:none;
  contain:layout style;
}
.home-screen .home-lower-instruments>*{min-width:0;box-sizing:border-box}
.home-screen .home-lower-instruments button{pointer-events:auto}

/* Badge */
.home-screen .home-lower-instruments .home-badge-launch{
  grid-column:1;
  position:relative!important;
  inset:auto!important;
  width:var(--home-round-size)!important;
  height:var(--home-round-size)!important;
  margin:0!important;
  transform:none!important;
  transform-origin:center!important;
  justify-self:center;
  align-self:center;
}
.home-screen .home-lower-instruments .home-badge-launch>small{display:none!important}
.home-screen .home-lower-instruments .home-badge-launch>span{inset:0!important}
.home-screen .home-lower-instruments .home-badge-launch img{transform:scale(.92)!important}
.home-screen .home-lower-instruments .home-badge-launch b{
  right:2%!important;
  bottom:3%!important;
  min-width:clamp(20px,2vh,28px)!important;
  height:clamp(20px,2vh,28px)!important;
  padding:0 5px!important;
  border-width:2px!important;
  font-size:clamp(9px,.85vh,12px)!important;
}

/* MYRA signal - compact radar instrument in the ELIE visual language. */
.home-screen .home-lower-instruments .home-myra-launch{
  grid-column:2;
  position:relative!important;
  inset:auto!important;
  width:var(--home-round-size)!important;
  height:var(--home-round-size)!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  border:1px solid rgba(46,241,58,.72)!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(46,241,58,.18) 0 3%,transparent 4%),
    repeating-radial-gradient(circle at 50% 50%,transparent 0 13%,rgba(46,241,58,.15) 13.5% 14.5%,transparent 15% 24%),
    radial-gradient(circle at 50% 50%,rgba(8,52,16,.94),rgba(0,9,2,.98) 66%,#000 100%)!important;
  box-shadow:
    inset 0 0 0 3px rgba(0,0,0,.9),
    inset 0 0 22px rgba(46,241,58,.08),
    0 10px 24px rgba(0,0,0,.48),
    0 0 0 1px rgba(46,241,58,.08)!important;
  overflow:hidden!important;
  transform:none!important;
  transform-origin:center!important;
  isolation:isolate;
  justify-self:center;
  align-self:center;
}
.home-screen .home-lower-instruments .home-myra-launch::before{
  content:"";
  position:absolute;
  inset:8%;
  z-index:0;
  border-radius:50%;
  background:conic-gradient(from -36deg,transparent 0 78%,rgba(46,241,58,.22) 82%,rgba(46,241,58,.02) 89%,transparent 92%);
  animation:elieMyraRadarSweep 4.8s linear infinite;
  pointer-events:none;
}
.home-screen .home-lower-instruments .home-myra-launch::after{
  content:"";
  position:absolute;
  inset:6%;
  z-index:1;
  border:1px solid rgba(46,241,58,.2);
  border-radius:50%;
  background:none!important;
  transform:none!important;
  animation:none!important;
  pointer-events:none;
}
@keyframes elieMyraRadarSweep{to{transform:rotate(360deg)}}
.home-screen .home-lower-instruments .myra-launch-orbit{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  z-index:2!important;
  width:62%!important;
  height:62%!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  border-color:rgba(46,241,58,.34)!important;
}
.home-screen .home-lower-instruments .myra-launch-orbit i{
  width:clamp(5px,.72vh,8px)!important;
  height:clamp(5px,.72vh,8px)!important;
}
.home-screen .home-lower-instruments .myra-launch-label{display:none!important}
.home-screen .home-lower-instruments .home-myra-launch em{
  position:absolute!important;
  right:8%!important;
  top:8%!important;
  z-index:4!important;
  width:20%!important;
  height:20%!important;
  min-width:0!important;
  border-width:1px!important;
  font-size:clamp(7px,1vh,11px)!important;
  background:rgba(0,20,4,.92)!important;
}
.home-screen .home-lower-instruments .home-myra-launch.has-unread em{
  background:#2ef13a!important;
}
.home-screen .home-lower-instruments .myra-launch-copy{display:none!important}

/* Center platform information */
.home-screen .home-lower-instruments .home-info{
  grid-column:3;
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:min(100%,720px)!important;
  height:var(--home-info-height)!important;
  max-width:100%!important;
  max-height:var(--home-info-height)!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  justify-self:center;
  align-self:center;
  pointer-events:none;
  z-index:1!important;
}
.home-cinematic .home-lower-instruments .home-info{
  opacity:0;
  transform:translate3d(0,7px,0) scale(.99)!important;
  transition:opacity .58s ease .78s,transform .82s cubic-bezier(.16,1,.3,1) .78s!important;
}
.home-cinematic.is-visible .home-lower-instruments .home-info{
  opacity:1;
  transform:translate3d(0,0,0) scale(1)!important;
}

/* Passport and Kadim Stone */
@keyframes eliePassportSignalRing{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}
  18%{opacity:.72}
  72%{opacity:.22}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.34)}
}
.home-screen .home-corner-dock.home-instrument-source{display:none!important}
.home-screen .home-lower-instruments .home-passport-launch,
html.phone-landscape .home-screen .home-lower-instruments .home-passport-launch{
  grid-column:4;
  position:relative!important;
  inset:auto!important;
  width:calc(var(--home-passport-height) * .72)!important;
  height:var(--home-passport-height)!important;
  max-width:100%!important;
  max-height:var(--home-passport-height)!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  justify-self:center;
  align-self:center;
  transform:scale(1)!important;
  opacity:1!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.home-screen .home-lower-instruments .home-passport-launch::before,
.home-screen .home-lower-instruments .home-passport-launch::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:calc(var(--home-passport-height) * .92);
  height:calc(var(--home-passport-height) * .92);
  border:1px solid rgba(46,241,58,.48);
  border-radius:50%;
  background:repeating-radial-gradient(circle,transparent 0 23%,rgba(46,241,58,.08) 24% 25%,transparent 26% 39%);
  box-shadow:0 0 12px rgba(46,241,58,.12),inset 0 0 12px rgba(46,241,58,.08);
  transform:translate(-50%,-50%) scale(.72);
  transform-origin:center;
  opacity:0;
  z-index:0;
  pointer-events:none;
  animation:eliePassportSignalRing 3.2s cubic-bezier(.22,.61,.36,1) infinite;
  will-change:transform,opacity;
}
.home-screen .home-lower-instruments .home-passport-launch::after{
  animation-delay:1.6s;
  border-color:rgba(46,241,58,.3);
}
.home-screen .home-lower-instruments .home-passport-launch>img{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  animation:none!important;
}
.home-screen .home-lower-instruments .kadim-stone-launch,
html.phone-landscape .home-screen .home-lower-instruments .kadim-stone-launch{
  grid-column:5;
  position:relative!important;
  inset:auto!important;
  width:var(--home-kadim-size)!important;
  height:var(--home-kadim-size)!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  justify-self:center;
  align-self:center;
  transform:scale(1)!important;
  opacity:1!important;
}

/* The numeric UP badge sits just outside the button’s right edge. */
.home-screen .personal-stats-cluster .home-upgrade-count{
  left:auto!important;
  right:-10px!important;
}

@media (hover:hover) and (pointer:fine){
  .home-screen .home-lower-instruments .home-badge-launch:hover,
  .home-screen .home-lower-instruments .home-badge-launch:focus-visible,
  .home-screen .home-lower-instruments .home-myra-launch:hover,
  .home-screen .home-lower-instruments .home-myra-launch:focus-visible{
    transform:scale(1.045)!important;
    filter:drop-shadow(0 0 18px rgba(46,241,58,.32));
    outline:none;
  }
  .home-screen .home-lower-instruments .home-passport-launch:hover,
  .home-screen .home-lower-instruments .home-passport-launch:focus-visible,
  .home-screen .home-lower-instruments .kadim-stone-launch:hover,
  .home-screen .home-lower-instruments .kadim-stone-launch:focus-visible{
    transform:scale(1.045)!important;
  }
}

@media (max-height:620px) and (orientation:landscape){
  .home-screen .home-lower-instruments{
    --home-instrument-band:clamp(68px,21vh,92px);
    bottom:max(12px,calc(var(--safe-bottom) + 8px));
    grid-template-columns:minmax(58px,.88fr) minmax(58px,.88fr) minmax(280px,4.15fr) minmax(50px,.7fr) minmax(58px,.88fr);
    column-gap:clamp(7px,1vw,16px);
  }
}

@media (orientation:landscape) and (pointer:coarse){
  .home-screen .home-lower-instruments{
    --home-instrument-band:clamp(58px,17.2vh,86px);
    left:max(1.6%,calc(var(--safe-left) + 6px));
    right:max(1.6%,calc(var(--safe-right) + 6px));
    bottom:max(10px,calc(var(--safe-bottom) + 6px));
    grid-template-columns:minmax(48px,.86fr) minmax(48px,.86fr) minmax(225px,3.9fr) minmax(42px,.68fr) minmax(48px,.86fr);
    column-gap:clamp(4px,.75vw,9px);
  }
  .home-screen .home-lower-instruments .home-myra-launch em{font-size:clamp(5px,1.2vh,8px)!important}
  .home-screen .personal-stats-cluster .home-upgrade-count{right:-8px!important}
}

@media (max-width:850px) and (orientation:portrait){
  .home-screen .home-lower-instruments{
    --home-instrument-band:clamp(48px,13.5vw,68px);
    left:max(2.5%,calc(var(--safe-left) + 5px));
    right:max(2.5%,calc(var(--safe-right) + 5px));
    bottom:max(12px,calc(var(--safe-bottom) + 8px));
    grid-template-columns:minmax(38px,.9fr) minmax(38px,.9fr) minmax(108px,2.85fr) minmax(34px,.68fr) minmax(38px,.9fr);
    column-gap:3px;
  }
  .home-screen .home-lower-instruments .home-myra-launch{display:grid!important}
  .home-screen .home-lower-instruments .home-info{display:block!important}
  .home-screen .home-lower-instruments .home-myra-launch em{font-size:5px!important}
  .home-screen .personal-stats-cluster .home-upgrade-count{right:-7px!important}
}

@media (prefers-reduced-motion:reduce){
  .home-screen .home-lower-instruments .home-badge-launch,
  .home-screen .home-lower-instruments .home-myra-launch,
  .home-screen .home-lower-instruments .home-info{transition:none!important}
  .home-screen .home-lower-instruments .home-myra-launch::before,
  .home-screen .home-lower-instruments .home-passport-launch::before,
  .home-screen .home-lower-instruments .home-passport-launch::after{animation:none!important}
}