.character-panel{max-width:760px;margin:0 auto;text-align:center;padding:24px 0}.character-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.character-option{display:block;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit}.character-option img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;max-height:52vh}.character-option span{display:block;padding:12px 4px;font-weight:700}.character-option:focus-visible{outline:3px solid var(--accent,#7150ef);outline-offset:4px}@media(max-width:600px){.character-options{gap:12px}.character-panel h2{font-size:28px}}