/* Build 966 · biblioteca TCG em largura total e acesso claro no cabeçalho. */

/* A tela de equipamento usa duas colunas. A biblioteca de cartas é uma tela
   independente e precisa neutralizar essa grade para ocupar a área inteira. */
#trainer-item-modal #trainer-item-detail.card-library-mode{
  display:block!important;
  width:100%!important;
  max-width:none!important;
}
#trainer-item-modal #trainer-item-detail.card-library-mode>.trainer-card-refinement-library{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-content:start!important;
}
#trainer-item-modal #trainer-item-detail.card-library-mode .trainer-card-refinement-library>header,
#trainer-item-modal #trainer-item-detail.card-library-mode .trainer-card-refinement-library>nav,
#trainer-item-modal #trainer-item-detail.card-library-mode .trainer-card-library-grid{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
#trainer-item-modal #trainer-item-detail.card-library-mode .trainer-card-library-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(205px,1fr))!important;
  gap:14px!important;
  align-items:start!important;
}
#trainer-item-modal #trainer-item-detail.card-library-mode .trainer-card-library-grid>.trainer-tcg-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}

/* Acesso principal à coleção/refinamento de cartas. */
#trainer-item-modal>.trainer-item-window>header .trainer-card-library-open{
  appearance:none!important;
  position:relative!important;
  isolation:isolate!important;
  flex:0 0 auto!important;
  width:258px!important;
  min-width:258px!important;
  height:54px!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) auto!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:10px!important;
  padding:7px 10px!important;
  overflow:hidden!important;
  border:1px solid #69e2d0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#173f55 0%,#172e57 55%,#30215c 100%)!important;
  box-shadow:inset 0 0 0 1px #ffffff13,inset 0 0 22px #62e1d01c,0 8px 20px #0006!important;
  color:#fff!important;
  opacity:1!important;
  cursor:pointer!important;
  transition:transform .16s ease,filter .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
#trainer-item-modal>.trainer-item-window>header .trainer-card-library-open::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:88px;
  height:88px;
  right:-34px;
  top:-54px;
  border-radius:50%;
  background:#ffe16b22;
  pointer-events:none;
}
#trainer-item-modal>.trainer-item-window>header .trainer-card-library-open>i{
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #ffe16b!important;
  border-radius:9px!important;
  background:#071c2c!important;
  box-shadow:inset 0 0 12px #50dccb29!important;
  color:#ffe16b!important;
  font-style:normal!important;
  font-size:19px!important;
}
#trainer-item-modal>.trainer-item-window>header .trainer-card-library-open>span{
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
  text-align:left!important;
}
#trainer-item-modal>.trainer-item-window>header .trainer-card-library-open b{
  color:#fff5c7!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
}
#trainer-item-modal>.trainer-item-window>header .trainer-card-library-open small{
  overflow:hidden!important;
  color:#70e6d6!important;
  font-size:7px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#trainer-item-modal>.trainer-item-window>header .trainer-card-library-open>em{
  padding:6px 7px!important;
  border:1px solid #dfbd4d!important;
  border-radius:999px!important;
  background:#4b370bd6!important;
  color:#ffe477!important;
  font-style:normal!important;
  font-size:7px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:.08em!important;
}
#trainer-item-modal>.trainer-item-window>header .trainer-card-library-open:hover{
  border-color:#ffe16b!important;
  filter:brightness(1.14)!important;
  transform:translateY(-1px)!important;
  box-shadow:inset 0 0 0 1px #ffffff22,inset 0 0 25px #62e1d02b,0 11px 25px #0008!important;
}
#trainer-item-modal>.trainer-item-window>header .trainer-card-library-open:focus-visible{
  outline:3px solid #ffe16b!important;
  outline-offset:3px!important;
}
#trainer-item-modal>.trainer-item-window>header .trainer-card-library-open:active{
  transform:translateY(1px)!important;
}

@media(max-width:800px){
  #trainer-item-modal #trainer-item-detail.card-library-mode .trainer-card-library-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  #trainer-item-modal>.trainer-item-window>header .trainer-card-library-open{
    width:190px!important;
    min-width:190px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
  }
  #trainer-item-modal>.trainer-item-window>header .trainer-card-library-open>em{display:none!important}
}
@media(max-width:560px){
  #trainer-item-modal>.trainer-item-window>header .trainer-card-library-open{
    width:48px!important;
    min-width:48px!important;
    grid-template-columns:1fr!important;
    padding:6px!important;
  }
  #trainer-item-modal>.trainer-item-window>header .trainer-card-library-open>span{display:none!important}
}