.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.character-create-form{display:grid;gap:1.5rem}.character-create-form fieldset{border:1px solid var(--border);border-radius:12px;padding:1rem}.character-create-form legend{padding:0 .5rem;font-weight:800}.choice-card{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.8rem;padding:1rem;border:1px solid var(--border);border-radius:12px;background:#101720;cursor:pointer}.choice-card:has(input:checked){outline:2px solid var(--accent);background:#173025}.choice-card img{grid-column:1/-1;width:100%;height:150px;object-fit:cover;border-radius:8px}.choice-card input{width:auto}.choice-card span{display:grid;gap:.25rem}.choice-card small{color:var(--muted)}.alignment-choice:has(input:checked){outline-color:var(--choice-color);box-shadow:inset 4px 0 var(--choice-color)}.compact-hero{padding:clamp(1.5rem,4vw,3rem)}.attribute-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.8rem}.attribute-grid>div{display:grid;gap:.2rem;padding:1rem;border:1px solid var(--border);border-radius:10px;background:#101720}.attribute-grid small{color:var(--muted)}.attribute-grid strong{font-size:1.4rem;color:var(--accent)}