/* $100 Legendary archive: two sealed cards must fit in one desktop viewport. */
@media (min-width:1100px){
  #purpose-guardians .gc2-tier[data-tier="legendary"]{
    height:calc(100dvh - 104px)!important;
    min-height:calc(100dvh - 104px)!important;
    max-height:calc(100dvh - 104px)!important;
    overflow:hidden!important;
    padding:14px 22px 16px!important;
    justify-content:flex-start!important;
  }
  #purpose-guardians .gc2-tier[data-tier="legendary"] .gc2-tier-head{
    flex:0 0 52px!important;
    margin:0 0 8px!important;
  }
  #purpose-guardians .gc2-tier[data-tier="legendary"] .gc2-row[data-shared-pool-v20],
  #purpose-guardians .gc2-tier[data-tier="legendary"] .gc2-row{
    flex:1 1 auto!important;
    min-height:0!important;
    width:min(100%,820px)!important;
    max-width:820px!important;
    margin:0!important;
    grid-template-columns:repeat(2,clamp(270px,23vw,370px))!important;
    justify-content:start!important;
    align-items:start!important;
    align-content:start!important;
    gap:18px!important;
  }
  #purpose-guardians .gc2-tier[data-tier="legendary"] .gc2-card[data-shared-pool-slot],
  #purpose-guardians .gc2-tier[data-tier="legendary"] .gc2-card{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
    align-self:start!important;
  }
  #purpose-guardians .gc2-tier[data-tier="legendary"] .gc2-art,
  #purpose-guardians .gc2-tier[data-tier="legendary"] .gc2-card[data-hd="ready"] .gc2-art{
    flex:0 0 auto!important;
    width:100%!important;
    height:clamp(380px,57vh,540px)!important;
    min-height:0!important;
    max-height:540px!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#090b12!important;
  }
  #purpose-guardians .gc2-tier[data-tier="legendary"] .gc2-art img,
  #purpose-guardians .gc2-tier[data-tier="legendary"] .gc2-hd-img,
  #purpose-guardians .gc2-tier[data-tier="legendary"] .gc2-sealed-back{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  #purpose-guardians .gc2-tier[data-tier="legendary"] .gc2-info,
  #purpose-guardians .gc2-tier[data-tier="legendary"] .gc2-card[data-shared-pool-slot] .gc2-info{
    flex:0 0 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding:9px 11px 10px!important;
    gap:3px!important;
  }
  #purpose-guardians .gc2-tier[data-tier="legendary"] .gc2-info h3{font-size:.88rem!important;line-height:1.22!important;margin:2px 0!important;white-space:normal!important}
  #purpose-guardians .gc2-tier[data-tier="legendary"] .gc2-info p{font-size:.68rem!important;line-height:1.3!important;margin:0!important;min-height:0!important;max-height:none!important;overflow:visible!important;white-space:normal!important;text-overflow:clip!important}
  #purpose-guardians .gc2-tier[data-tier="legendary"] .gc2-meta{gap:5px!important}
  #purpose-guardians .gc2-tier[data-tier="legendary"] .gc2-limit{font-size:.62rem!important}
  #purpose-guardians .gc2-tier[data-tier="legendary"] .guardian-pool-state{min-height:28px!important;margin-top:5px!important;font-size:.62rem!important}
}
@media (min-width:1100px) and (max-height:780px){
  #purpose-guardians .gc2-tier[data-tier="legendary"] .gc2-row[data-shared-pool-v20],
  #purpose-guardians .gc2-tier[data-tier="legendary"] .gc2-row{grid-template-columns:repeat(2,clamp(270px,20vw,310px))!important;gap:16px!important}
  #purpose-guardians .gc2-tier[data-tier="legendary"] .gc2-art,
  #purpose-guardians .gc2-tier[data-tier="legendary"] .gc2-card[data-hd="ready"] .gc2-art{height:clamp(350px,56vh,440px)!important}
}