/* NRX OFFICIAL CHARACTER ART - persistent card layout */
.archive.nrx-character-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:182px;
  grid-template-columns:76px minmax(0,1fr) 190px 34px !important;
  gap:15px;
  padding:10px 14px;
}
.archive.nrx-character-card > .archive-thumb,
.archive.nrx-character-card > .nrx-character-copy,
.archive.nrx-character-card > .archive-num{
  position:relative;
  z-index:3;
}
.archive.nrx-character-card > .nrx-character-copy{
  align-self:center;
  min-width:0;
}
.archive.nrx-character-card > .nrx-character-art{
  position:relative;
  z-index:2;
  display:block;
  align-self:end;
  justify-self:center;
  width:190px;
  height:178px;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 12px 15px rgba(0,0,0,.55));
  pointer-events:none;
  user-select:none;
}
.archive.nrx-character-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:radial-gradient(circle at 80% 52%,rgba(var(--accent-rgb),.08),transparent 40%);
}
@media(max-width:1100px) and (min-width:901px){
  .archive.nrx-character-card{
    grid-template-columns:68px minmax(0,1fr) 150px 32px !important;
    min-height:168px;
  }
  .archive.nrx-character-card > .nrx-character-art{
    width:154px;
    height:164px;
  }
}
@media(max-width:900px){
  .archive.nrx-character-card{
    grid-template-columns:72px minmax(0,1fr) 185px 34px !important;
  }
}
@media(max-width:620px){
  .archive.nrx-character-card{
    grid-template-columns:58px minmax(0,1fr) 30px !important;
    min-height:148px;
    padding:10px;
  }
  .archive.nrx-character-card > .nrx-character-copy{
    padding-right:82px;
  }
  .archive.nrx-character-card > .nrx-character-art{
    position:absolute;
    right:8px;
    bottom:-7px;
    width:128px;
    height:145px;
    opacity:.56;
  }
}