/* Quality, stars and progression are separate, readable at mobile widths. */
.hero-identity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
.hero-identity div,.development-copy-card{background:#242c4566;border:1px solid #b6c5e455;border-radius:8px;padding:10px;min-width:0}
.hero-identity dt{font-size:11px;color:#d6def4}.hero-identity dd{margin:5px 0 0;font-size:14px;font-weight:800;overflow-wrap:anywhere}
.hero-identity[data-quality=legend] div:first-child{border-color:#efc65f}.hero-identity[data-quality=elite] div:first-child{border-color:#be9eed}
.development-note{font-size:12px;line-height:1.6;color:#dbe2f7}
.development-skills{margin:12px 0;padding:12px;background:#252a4666;border:1px solid #9ca9d955;border-radius:8px;font-size:12px;line-height:1.6}
.development-skills summary{cursor:pointer;font-weight:700}.development-milestones{padding-left:19px}.development-milestones li{margin:12px 0;color:#d8dded}.development-milestones li[data-unlocked=true]{color:#b9f5d0}.development-milestones p{margin:3px 0}
.development-conditions{list-style:none;padding:0;text-align:left}.development-conditions li{padding:5px 0;color:#f2d1ab}.development-conditions li[data-met=true]{color:#b4f3c5}
.development-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:7px 12px;padding:12px;border:1px solid #a6b4da66;border-radius:8px;font-size:13px}.development-comparison dd{margin:0;font-weight:700;overflow-wrap:anywhere}
.development-consumed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:220px;overflow:auto}.development-copy-card{display:grid;gap:5px;font-size:12px;overflow-wrap:anywhere}
.development-gear{list-style:none;padding:0}.development-gear li{display:flex;align-items:center;gap:12px;padding:5px 0}.development-gear img{width:40px;height:40px;object-fit:contain}
.development-warning{color:#ffd298}.fragment-source{border:1px solid #a6b4da66;border-radius:9px;margin:12px 0;padding:12px;font-size:13px;line-height:1.6}.fragment-source h3{margin:0}.fragment-source small{display:block}
#fragment-dialog{max-height:85dvh;overflow:auto}#fragment-fuse{white-space:normal;min-width:0;width:100%}#hero-fragments{width:100%;padding:12px;font-size:12px}#copy-preview{white-space:normal}
.development-cancel{margin-top:12px;width:100%;padding:10px}.heroes-quality-filter{margin:4px 0 8px;max-width:100%;color:#fff;background:#424f77;border:1px solid #a6b4da;border-radius:5px;padding:8px}
.development-skills summary:focus-visible,.fragment-source button:focus-visible,.heroes-quality-filter:focus-visible{outline:2px solid #ffe17e;outline-offset:3px}
@media(max-width:480px){.hero-identity{gap:5px}.hero-identity div{padding:8px 5px}.hero-identity dd{font-size:12px}.development-comparison{font-size:12px;gap:7px}.development-consumed{grid-template-columns:1fr}.development-note{font-size:11px}}