.legend-character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:22px}
.legend-character-card{min-width:0;padding:26px;border:1px solid #344c58;border-radius:18px;background:radial-gradient(ellipse at 100% 0%,#1c405444,transparent 65%),linear-gradient(145deg,#0b2535,#061721);box-shadow:0 16px 42px #0003;color:#d6e4ea}
.legend-character-card header{margin-bottom:24px;border-bottom:1px solid #66808b44;padding-bottom:18px}
.legend-card-kicker{display:block;color:#d7b971;font-size:.78rem;letter-spacing:.18em;margin-bottom:10px}
.legend-character-card h3{font-size:1.75rem;color:#eef5f5;margin:0 0 8px;overflow-wrap:anywhere}
.legend-character-card header p,.legend-snapshot-note{color:#a9bdc8;font-size:.94rem;line-height:1.6}
.legend-snapshot-note{margin:0 0 22px}
.legend-level-stages{display:grid;gap:16px;margin-bottom:26px}
.legend-level-stage>div{display:flex;justify-content:space-between;gap:14px;font-size:.94rem;margin-bottom:7px}
.legend-level-stage strong{color:#e8d49d;font-variant-numeric:tabular-nums}
.legend-level-stage progress{display:block;appearance:none;width:100%;height:8px;border:0;border-radius:20px;overflow:hidden;background:#020d14;color:#c0a264}
.legend-level-stage progress::-webkit-progress-bar{background:#020d14}.legend-level-stage progress::-webkit-progress-value{background:linear-gradient(90deg,#8c6c33,#e5ce83);border-radius:20px}.legend-level-stage progress::-moz-progress-bar{background:#cfb676;border-radius:20px}
.legend-native-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(83px,1fr));gap:8px;margin:0 0 22px}
.legend-native-stats>div{padding:12px 8px;border:1px solid #66808b33;border-radius:9px;background:#01121e55;text-align:center}
.legend-native-stats dt{color:#a8bec9;font-size:.8rem}.legend-native-stats dd{font-size:1.15rem;color:#7cd7ec;margin:4px 0 0;font-variant-numeric:tabular-nums}
.legend-character-card .data-dl{font-size:.94rem}.legend-character-card .data-dl dd{overflow-wrap:anywhere}
@media(max-width:600px){.legend-character-card{padding:20px}.legend-character-grid{gap:16px}.legend-native-stats{grid-template-columns:repeat(3,1fr)}}