.hero-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 10px}
.hero-choice{display:grid;justify-items:start;gap:6px;text-align:left;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--white);color:var(--ink);line-height:1.5}
.hero-choice:hover,.hero-choice:focus-visible{border-color:var(--green);background:#edf3e5}
.hero-choice strong{font:800 20px Manrope,system-ui,sans-serif;color:var(--green)}
.hero-choice .realm-icon{width:52px;height:52px}
.hero-choice span{font-size:13px;color:var(--muted)}
.hero-choice .hero-tagline{font-weight:700;color:var(--orange)}
.hero-gear-row{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 18px}
@media(max-width:560px){.hero-choices{grid-template-columns:1fr}}
.hero-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero-portrait{width:100%;max-width:150px;aspect-ratio:1;object-fit:cover;border-radius:12px;justify-self:center}
.hero-class-head .hero-portrait{max-width:180px;margin:6px 0 4px}
.hero-dialog{max-width:640px}
@media(max-width:560px){.hero-choices{grid-template-columns:1fr}.hero-choice{padding:16px}.hero-dialog{max-height:calc(100dvh - 24px)}}