.villain-atlas-grid .character-card{min-height:255px}
.villain-atlas-thumb{min-height:190px}
.villain-atlas-thumb img{width:100%;height:100%;object-fit:contain;filter:grayscale(70%) contrast(1.04)}
.villain-overall{display:flex;min-width:120px;flex-direction:column;align-items:center;justify-content:center;border:3px solid var(--ink);background:var(--white);box-shadow:var(--shadow-small);padding:12px}
.villain-overall span{font:900 .68rem/1 "Courier New",monospace;letter-spacing:.12em;text-transform:uppercase}
.villain-overall strong{margin-top:8px;font-family:Impact,"Arial Black",sans-serif;font-size:2.5rem;line-height:1}
.villain-profile{display:grid;gap:14px;grid-template-columns:1fr 1fr}
.villain-profile>div{min-width:0}
.villain-blurb,.villain-quote{
  box-sizing:border-box;
  width:100%;
  height:11.5rem;
  min-height:11.5rem;
  margin:0;
  padding:16px 18px;
  border:3px solid var(--ink);
  background:var(--white);
  box-shadow:var(--shadow-small);
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-gutter:stable;
  overscroll-behavior:contain;
  scrollbar-width:auto;
  scrollbar-color:var(--ink) #d7d6d1;
  white-space:pre-line;
  overflow-wrap:anywhere;
}
.villain-blurb{font-weight:800;line-height:1.5}
.villain-quote{font:800 .9rem/1.55 "Courier New",monospace;font-style:normal}
.villain-blurb::-webkit-scrollbar,.villain-quote::-webkit-scrollbar{width:11px}
.villain-blurb::-webkit-scrollbar-track,.villain-quote::-webkit-scrollbar-track{background:#d7d6d1;border-left:1px solid var(--ink)}
.villain-blurb::-webkit-scrollbar-thumb,.villain-quote::-webkit-scrollbar-thumb{background:var(--ink);border:2px solid #d7d6d1}
@media(max-width:720px){.villain-profile{grid-template-columns:1fr}.villain-atlas-thumb{min-height:160px}.villain-blurb,.villain-quote{height:10.5rem;min-height:10.5rem}}