/* ELIE v5.1.65 — Badge launcher alignment and dynamic Share Studio badge posters. */

/* Move only MYRA Publication Center to the right. The badge launcher is then
   measured from the real MYRA card and remains on the same optical baseline. */
.home-screen .home-myra-launch{
  left:calc(var(--myra-left, max(2.5%, calc(var(--safe-left) + 10px))) + clamp(86px,6.25vw,120px))!important;
}
.home-badge-launch{
  z-index:77!important;
  will-change:transform;
}

/* The archive must live in the viewport, not inside a transformed home-screen
   containing block. This prevents clipping, inherited scaling and white-card
   bleed from the MYRA launcher. */
body>.badge-gallery-overlay{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100vh!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  contain:none!important;
  isolation:isolate;
  overflow:hidden!important;
}
body>.badge-gallery-overlay,
body>.badge-gallery-overlay *{box-sizing:border-box}
body>.badge-gallery-overlay .badge-gallery-window,
body>.badge-gallery-overlay .badge-detail-card{
  flex:none!important;
  max-width:94vw!important;
  max-height:92dvh!important;
  background-color:#020402!important;
}

/* MY BADGE is generated from the same live badge, title, description and
   brand assets as the other Share Studio formats. Reference posters are no
   longer rendered as flattened backgrounds. */
.share-type-grid button[data-share-type="badge"] img{
  object-fit:contain!important;
  filter:drop-shadow(0 0 7px rgba(51,241,68,.23));
}

@media (orientation:landscape) and (pointer:coarse){
  .home-screen .home-myra-launch{
    left:calc(var(--myra-left, max(2.5%, calc(var(--safe-left) + 10px))) + clamp(58px,9vw,82px))!important;
  }
}

@media (max-width:700px),(orientation:portrait) and (max-width:900px){
  body>.badge-gallery-overlay .badge-gallery-window,
  body>.badge-gallery-overlay .badge-detail-card{
    max-width:100vw!important;
    max-height:100dvh!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .home-badge-launch{will-change:auto}
}