.class-grid,.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.class-card,.character-card{border:1px solid rgba(148,163,184,.2);border-radius:18px;background:rgba(15,23,42,.62);padding:18px}.character-card{display:grid;grid-template-columns:88px 1fr;gap:15px}.character-card.is-active{border-color:#8b5cf6;box-shadow:0 0 0 2px rgba(139,92,246,.18),0 0 24px rgba(139,92,246,.12)}.character-card img,.character-placeholder{width:88px;height:104px;border-radius:14px;object-fit:cover;background:#0b1120;display:flex;align-items:center;justify-content:center;font-size:42px}.active-label{display:inline-block;margin-top:12px;color:#a78bfa}.class-summary{border-color:rgba(139,92,246,.38)}@media(max-width:600px){.character-card{grid-template-columns:1fr}.character-card img,.character-placeholder{width:100%;height:180px}}