/* ELIE v5.1.81 — professional interaction and archive consistency */
:root{--elie-close-green:#2ef13a;--elie-close-dark:rgba(0,7,2,.96)}

/* Share Studio: MY BADGE must look exactly like every other inactive format. */
.share-studio-modal .share-type-grid button[data-share-type="badge"]:not(.is-active){
  border-color:rgba(46,241,58,.18)!important;
  background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(5,34,10,.55))!important;
  color:rgba(102,172,109,.78)!important;
  box-shadow:none!important;
  transform:none!important
}
.share-studio-modal .share-type-grid button[data-share-type="badge"]:not(.is-active) img{
  filter:grayscale(.25) brightness(.7)!important
}
.share-studio-modal .share-type-grid button[data-share-type="badge"]:not(.is-active):hover,
.share-studio-modal .share-type-grid button[data-share-type="badge"]:not(.is-active):focus-visible{
  color:#eaffec!important;border-color:rgba(46,241,58,.65)!important;
  background:linear-gradient(90deg,rgba(10,70,19,.78),rgba(1,14,4,.75))!important;
  transform:translateX(3px)!important
}

/* Badge title area always reserves a real close-button safety zone. */
body>.badge-gallery-overlay .badge-gallery-window>header{
  box-sizing:border-box!important;padding-inline-end:92px!important
}
body>.badge-gallery-overlay .badge-gallery-window>header h1{
  max-width:100%!important;overflow-wrap:anywhere!important
}
body>.badge-gallery-overlay .badge-gallery-window>header strong{
  padding-right:0!important;white-space:nowrap!important
}
body>.badge-gallery-overlay[dir="rtl"] .badge-window-close{right:auto!important;left:18px!important}
body>.badge-gallery-overlay[dir="rtl"] .badge-gallery-window>header::after{right:auto!important;left:92px!important}

/* CSS-drawn X controls stay dark on rollover; the X itself never disappears. */
.badge-window-close,
.kadim-stone-close,
.mobile-menu-close{
  background:var(--elie-close-dark)!important;color:var(--elie-close-green)!important;
  border-color:rgba(46,241,58,.55)!important
}
.badge-window-close:hover,.badge-window-close:focus-visible,
.kadim-stone-close:hover,.kadim-stone-close:focus-visible,
.mobile-menu-close:hover,.mobile-menu-close:focus-visible{
  background:var(--elie-close-dark)!important;color:var(--elie-close-green)!important;
  border-color:var(--elie-close-green)!important;box-shadow:0 0 14px rgba(46,241,58,.18)!important
}
.kadim-stone-close:hover span,.kadim-stone-close:focus-visible span,
.mobile-menu-close:hover span,.mobile-menu-close:focus-visible span{background:var(--elie-close-green)!important}

/* Image-swap X controls use Close-On.png only; no green fill is added behind it. */
:is(.universe-modal-close,.career-close,.player-stats-close,.upgrade-close,.upgrade-detail-close,
.close-btn,.planet-detail-close,.artwork-gallery-close,.game-art-gallery-close,
.update-center-close,.myra-close,.pilot-passport-close):hover,
:is(.universe-modal-close,.career-close,.player-stats-close,.upgrade-close,.upgrade-detail-close,
.close-btn,.planet-detail-close,.artwork-gallery-close,.game-art-gallery-close,
.update-center-close,.myra-close,.pilot-passport-close):focus-visible{
  background:transparent!important;box-shadow:none!important
}
:is(.universe-modal-close,.career-close,.player-stats-close,.upgrade-close,.upgrade-detail-close,
.close-btn,.planet-detail-close,.artwork-gallery-close,.game-art-gallery-close,
.update-center-close,.myra-close,.pilot-passport-close) img{
  display:block!important;object-fit:contain!important
}

@media(max-width:760px) and (orientation:portrait){
  body>.badge-gallery-overlay .badge-gallery-window>header{
    padding-inline-end:54px!important
  }
  body>.badge-gallery-overlay .badge-gallery-window>header h1{
    font-size:clamp(19px,6vw,27px)!important;line-height:1!important
  }
  body>.badge-gallery-overlay[dir="rtl"] .badge-window-close{left:8px!important}
}
@media(orientation:landscape) and (pointer:coarse){
  body>.badge-gallery-overlay .badge-gallery-window>header{
    padding-inline-end:46px!important
  }
  body>.badge-gallery-overlay .badge-gallery-window>header h1{
    font-size:clamp(14px,3.8vh,21px)!important;line-height:1!important
  }
  body>.badge-gallery-overlay[dir="rtl"] .badge-window-close{left:7px!important}
}