.characters-page .page-header{margin-bottom:8px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.character-card,.add-companion-card{text-align:left;color:inherit;gap:8px;min-height:160px;transition:border-color .15s,transform .15s,background .15s;display:grid}.character-card:hover:not(:disabled),.add-companion-card:hover:not(:disabled){background:var(--surface-hover);transform:translateY(-2px)}.character-card.is-selected{border-color:var(--accent)}.character-card img{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%}.character-card p,.add-companion-card p{color:var(--text-muted);font-size:var(--text-sm)}.add-companion-card{text-align:center;border-style:dashed;place-items:center}@media (width>=768px){.character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1200px){.character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}