/* ELIE v5.2.10 — planet rings are locked to the rendered planet image centre.
   The ID-qualified selectors intentionally beat every older nth-of-type rule. */
#app .map-world-select-screen .map-world-card .map-world-globe,
#app .map-planets-screen .map-world-card .map-world-globe{
  position:relative!important;
  display:block!important;
  width:var(--world-size,80%)!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  overflow:visible!important;
  transform:translate(var(--world-x,0%),var(--world-y,0%))!important;
  transform-origin:50% 50%!important;
}

/* The planet bitmap is centred inside the globe box. Older card-pattern rules
   used different widths and left the absolute image at inset:0, which created
   the visible horizontal offset. */
#app .map-world-select-screen .map-world-card .map-world-globe > img.map-world-planet-image,
#app .map-planets-screen .map-world-card .map-world-globe > img.map-world-planet-image{
  position:absolute!important;
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:50% 50%!important;
  z-index:3!important;
}

/* Rings use the same absolute 50/50 point as the planet image. */
#app .map-world-select-screen .map-world-card .map-world-globe > .map-world-rings,
#app .map-planets-screen .map-world-card .map-world-globe > .map-world-rings{
  position:absolute!important;
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:1/1!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:50% 50%!important;
  box-sizing:border-box!important;
  pointer-events:none!important;
  z-index:2!important;
}
#app .map-world-card .map-world-rings > i{
  position:absolute!important;
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:50% 50%!important;
  border-radius:50%!important;
  box-sizing:border-box!important;
}

/* Locked artwork shares the same centre too. */
#app .map-world-select-screen .map-world-card .map-world-globe > .map-lock-image,
#app .map-planets-screen .map-world-card .map-world-globe > .map-lock-image{
  position:absolute!important;
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:50% 50%!important;
}