/* JOPAMS GO v20 — Collection card collision / spacing hotfix
   Keeps rarity, visit metadata and card title in normal flow so they can never overlap. */
body.app-body .collection-grid{
  gap:16px!important;
}
body.app-body .collection-item{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  min-height:232px!important;
  padding:58px 20px 20px!important;
  overflow:hidden!important;
}
body.app-body .collection-item .collection-state{
  top:20px!important;
  left:20px!important;
  line-height:1.2!important;
}
body.app-body .collection-item .collection-no{
  top:20px!important;
  right:20px!important;
  line-height:1.2!important;
}
body.app-body .collection-item .modern-collection-icon{
  flex:0 0 auto!important;
  width:58px!important;
  height:58px!important;
  margin:0 0 16px!important;
}
body.app-body .collection-item > b{
  display:block!important;
  width:100%!important;
  margin:0!important;
  font-size:15px!important;
  line-height:1.35!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
}
body.app-body .collection-item > small{
  display:block!important;
  width:100%!important;
  margin:8px 0 0!important;
  font-size:11px!important;
  line-height:1.5!important;
  color:#9db2c7!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
}
body.app-body .collection-item .rarity-badge{
  position:static!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  align-self:flex-start!important;
  margin:12px 0 0!important;
  min-height:26px!important;
  padding:5px 9px!important;
  font-size:10px!important;
  line-height:1!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}
body.app-body .collection-item.locked > small{
  color:#8399af!important;
}
body.app-body .collection-item.locked .rarity-badge{
  opacity:.78!important;
}
@media (max-width:390px){
  body.app-body .collection-grid{gap:12px!important}
  body.app-body .collection-item{min-height:224px!important;padding:54px 16px 18px!important}
  body.app-body .collection-item .collection-state{top:18px!important;left:16px!important}
  body.app-body .collection-item .collection-no{top:18px!important;right:16px!important}
  body.app-body .collection-item > b{font-size:14px!important}
  body.app-body .collection-item > small{font-size:10.5px!important}
}