/* ELIE v5.3.6 — home fly-bys, book viewport and How To Play control spacing. */

/* Home: gameplay meteors now drift through the same atmospheric lane as crystals. */
.home-anomaly-meteor .home-anomaly-main{
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.58)) drop-shadow(0 0 7px rgba(46,241,58,.13))!important;
}
.home-anomaly-meteor.is-flying .home-anomaly-main{
  animation:homeCrystalCruiseSpin var(--crystal-spin-duration,8s) linear infinite!important;
}
.home-anomaly-meteor:hover .home-anomaly-main{
  filter:brightness(1.12) drop-shadow(0 8px 14px rgba(0,0,0,.58)) drop-shadow(0 0 10px rgba(46,241,58,.3))!important;
}

/* Book: on layouts with a true right-hand reading column, remove 100px from its top. */
@media (hover:hover) and (pointer:fine){
  .book-screen .book-copy.book-copy-v5182{top:calc(20% + 100px)!important}
}
@media (orientation:landscape) and (pointer:coarse) and (min-width:900px){
  .book-screen .book-copy.book-copy-v5182{top:calc(17% + 100px)!important}
}

/* How To Play / CTL-01: dedicate separate left and right bays to arrows and X/C. */
.how-command-controls .how-control-desktop .how-control-symbol{
  justify-content:space-between!important;
  gap:clamp(34px,4vw,82px)!important;
  padding-inline:clamp(22px,2.7vw,52px)!important;
}
.how-command-controls .how-control-desktop .how-arrow-pad{
  flex:0 0 auto!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
}
.how-command-controls .how-control-desktop .how-control-key-stack{
  flex:0 0 auto!important;
  gap:clamp(13px,1.05vw,20px)!important;
  margin-left:auto!important;
}

@media (orientation:landscape) and (pointer:coarse), (max-height:760px){
  .how-command-controls .how-control-desktop .how-control-symbol{
    gap:clamp(24px,4.5vw,52px)!important;
    padding-inline:clamp(15px,2.4vw,30px)!important;
  }
  .how-command-controls .how-control-desktop .how-arrow-pad{
    grid-template-columns:repeat(3,clamp(34px,5.4vh,46px))!important;
    grid-template-rows:repeat(2,clamp(34px,5.4vh,46px))!important;
  }
  .how-command-controls .how-control-desktop .how-x-key{
    width:clamp(42px,6.4vh,52px)!important;
    height:clamp(42px,6.4vh,52px)!important;
  }
}

@media (max-width:680px) and (orientation:portrait){
  .how-command-controls .how-control-desktop .how-control-symbol{
    gap:24px!important;
    padding-inline:12px!important;
  }
  .how-command-controls .how-control-desktop .how-arrow-pad{
    grid-template-columns:repeat(3,38px)!important;
    grid-template-rows:repeat(2,38px)!important;
    gap:5px!important;
  }
  .how-command-controls .how-control-desktop .how-control-key-stack{gap:9px!important}
  .how-command-controls .how-control-desktop .how-x-key{width:42px!important;height:42px!important;font-size:20px!important}
}