/* ELIE v5.1.33 - Unified Species, Object and Boss detail cards.
   All three dossiers share one collision-free hierarchy:
   world mark, title, then description exactly 5 px below the title. */

.species-detail.archive-detail-overlay .detail-copy-panel .species-detail-copy.archive-detail-copy.archive-detail-with-world{
  left:11.5%!important;
  right:11.5%!important;
  top:7.2%!important;
  bottom:8.2%!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  grid-template-rows:minmax(0,20%) auto minmax(0,1fr)!important;
  gap:0!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

.species-detail.archive-detail-overlay .detail-copy-panel .archive-detail-world-mark{
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0 calc(var(--u)*.38)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

.species-detail.archive-detail-overlay .detail-copy-panel .archive-detail-world-mark img{
  width:min(82%,calc(var(--u)*16.2))!important;
  height:72%!important;
  max-height:calc(var(--u)*4.05)!important;
  object-fit:contain!important;
}

.species-detail.archive-detail-overlay .detail-copy-panel .archive-detail-world-mark small{
  margin:calc(var(--u)*.08) 0 0!important;
  padding:0!important;
  font-size:calc(var(--u)*.4)!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}

.species-detail.archive-detail-overlay .detail-copy-panel .detail-title-zone{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

.species-detail.archive-detail-overlay .detail-copy-panel .detail-title-zone h2{
  width:auto!important;
  max-width:88%!important;
  margin:0!important;
  padding:0!important;
  color:#2ef13a!important;
  font-size:calc(var(--u)*1.72)!important;
  line-height:1!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

.species-detail.archive-detail-overlay .detail-copy-panel .detail-description-zone,
.species-detail.archive-detail-overlay:not(.object-detail) .detail-copy-panel .archive-detail-copy.archive-detail-with-world .detail-description-zone{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:5px 0 0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

.species-detail.archive-detail-overlay .detail-copy-panel .detail-description-zone .description{
  display:block!important;
  width:82%!important;
  max-width:82%!important;
  height:auto!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0 auto!important;
  padding:0!important;
  color:rgba(48,120,58,.96)!important;
  font-size:calc(var(--u)*.7)!important;
  line-height:1.22!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  box-sizing:border-box!important;
}

.species-detail.archive-detail-overlay .detail-copy-panel .detail-description-zone .description::-webkit-scrollbar{
  display:none!important;
}

/* Remove the former boss-only geometry so the three dossier types are identical. */
.species-detail.archive-detail-overlay.boss-detail-v5131 .boss-detail-copy-v5131,
.species-detail.archive-detail-overlay.object-detail .object-detail-copy.archive-detail-with-world{
  grid-template-rows:minmax(0,20%) auto minmax(0,1fr)!important;
}

@media (orientation:landscape) and (pointer:coarse), (max-width:900px){
  .species-detail.archive-detail-overlay .detail-copy-panel .species-detail-copy.archive-detail-copy.archive-detail-with-world{
    left:8.5%!important;
    right:8.5%!important;
    top:4.8%!important;
    bottom:5.2%!important;
    grid-template-rows:minmax(34px,20%) auto minmax(0,1fr)!important;
  }

  .species-detail.archive-detail-overlay .detail-copy-panel .archive-detail-world-mark img{
    width:min(80%,168px)!important;
    height:auto!important;
    max-height:clamp(24px,7.2vh,39px)!important;
  }

  .species-detail.archive-detail-overlay .detail-copy-panel .archive-detail-world-mark small{
    margin-top:1px!important;
    font-size:clamp(6.5px,1.4vh,8px)!important;
  }

  .species-detail.archive-detail-overlay .detail-copy-panel .detail-title-zone h2{
    max-width:90%!important;
    font-size:clamp(15px,3.85vh,24px)!important;
    line-height:1!important;
  }

  .species-detail.archive-detail-overlay .detail-copy-panel .detail-description-zone,
  .species-detail.archive-detail-overlay:not(.object-detail) .detail-copy-panel .archive-detail-copy.archive-detail-with-world .detail-description-zone{
    padding-top:5px!important;
  }

  .species-detail.archive-detail-overlay .detail-copy-panel .detail-description-zone .description{
    width:86%!important;
    max-width:86%!important;
    font-size:clamp(8.8px,2vh,11.5px)!important;
    line-height:1.2!important;
    overflow:hidden!important;
  }
}

@media (orientation:landscape) and (pointer:coarse) and (max-height:390px){
  .species-detail.archive-detail-overlay .detail-copy-panel .species-detail-copy.archive-detail-copy.archive-detail-with-world{
    top:3.5%!important;
    bottom:3.5%!important;
    grid-template-rows:minmax(24px,16%) auto minmax(0,1fr)!important;
  }

  .species-detail.archive-detail-overlay .detail-copy-panel .archive-detail-world-mark img{
    max-height:22px!important;
  }

  .species-detail.archive-detail-overlay .detail-copy-panel .detail-title-zone h2{
    font-size:clamp(12px,3.2vh,17px)!important;
  }

  .species-detail.archive-detail-overlay .detail-copy-panel .detail-description-zone .description{
    width:88%!important;
    max-width:88%!important;
    font-size:clamp(8px,1.82vh,9.8px)!important;
    line-height:1.14!important;
  }
}