/* ELIE v5.3.4 — requested interface refinements.
   - Removes Down.png only from the requested presentation/menu screens.
   - Keeps gameplay/archive ground artwork untouched.
   - Restores Share on all desktop menu screens.
   - Locks the Upgrade counter closer to its button.
   - Enlarges the complete desktop ELIE navigation logo by 30%.
   - Removes separators from the player-stat telemetry row. */

/* Loading + language: Space only, no lower Down.png foreground. */
.loading-screen .design-stage,
.language-screen .design-stage{
  background-image:var(--scene),url('../assets/images/SpaceBackground.png')!important;
  background-repeat:no-repeat!important;
  background-size:cover,cover!important;
  background-position:center center,center center!important;
}

/* Requested menu/content screens: preserve their own scene artwork while
   removing the shared Down.png lower foreground on desktop, tablet and phone. */
:is(.home-screen,.book-screen,.story-screen,.how-screen,.credits-screen,.score-screen) .site-shell{
  background-image:var(--scene),url('../assets/images/SpaceBackground.png')!important;
  background-repeat:no-repeat!important;
  background-size:cover,cover!important;
  background-position:center center,center center!important;
}
:is(.home-screen,.book-screen,.story-screen,.how-screen,.credits-screen,.score-screen) .site-shell::after{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* Phone landscape has higher-specificity legacy ground rules. Match that
   specificity here so the removal also holds on mobile. */
html.phone-landscape :is(.home-screen,.book-screen,.story-screen,.how-screen,.credits-screen,.score-screen) .site-shell{
  background-image:var(--scene),url('../assets/images/SpaceBackground.png')!important;
  background-repeat:no-repeat!important;
  background-size:cover,cover!important;
  background-position:center center,center center!important;
}
html.phone-landscape :is(.home-screen,.book-screen,.story-screen,.how-screen,.credits-screen,.score-screen) .site-shell::after{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* Player telemetry: no vertical rules between Best Score / Levels / Flights /
   Crystals. This is safe at every breakpoint; compact phone layouts hide this
   grid already. */
.personal-stats-cluster .personal-stat+.personal-stat{
  border-left:0!important;
  border-inline-start:0!important;
}

/* Desktop-only navigation refinements. */
@media (hover:hover) and (pointer:fine){
  /* Secondary menu pages now use the exact same Share control/dock as Home. */
  .screen:not(.home-screen) .home-share-launch{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  /* Keep Upgrade + its availability badge present on every menu shell. */
  .screen .personal-stats-cluster{
    display:flex!important;
    visibility:visible!important;
  }
  .screen .personal-stats-cluster .home-upgrade-button,
  .screen .personal-stats-cluster .home-upgrade-count{
    visibility:visible!important;
    opacity:1!important;
  }

  /* The badge was 10px outside the right rim. Pull it exactly 10px left and
     lock it to the button edge. */
  .screen .personal-stats-cluster .home-upgrade-count{
    left:auto!important;
    right:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
  }

  /* Scale the complete layered ELIE logo as one object. Independent CSS scale
     preserves all existing per-layer offsets and hover transforms. */
  .topbar-v518 .nav-logo.elie-logo-assembly{
    scale:1.3!important;
    transform-origin:50% 50%!important;
  }
}
