.class-family .build-chart-face{gap:5px;justify-content:flex-start;padding:22px 24px 46px;overflow:hidden}
.build-chart-title{display:block;font:24px/1.2 Georgia,serif;color:#f0d1a1;margin:0}
.build-chart-mode{font-size:11px;line-height:1.5;color:#bbaa93;margin-bottom:6px}
.build-chart{display:grid;gap:7px;width:100%;min-width:0}
.build-stat{--stat-color:#e6ba69;display:block;min-width:0}
.build-stat[data-stat=strength]{--stat-color:#ed735c}
.build-stat[data-stat=agility]{--stat-color:#45c2a7}
.build-stat[data-stat=vitality]{--stat-color:#e6ba69}
.build-stat[data-stat=energy]{--stat-color:#9b8bea}
.build-stat[data-stat=command]{--stat-color:#5aaad9}
.build-stat-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 3px;font-size:12px;line-height:16px;color:#e7ddce}
.build-stat-label strong{font:700 12px/16px Arial,sans-serif;color:var(--stat-color);font-variant-numeric:tabular-nums}
.build-stat progress{display:block;appearance:none;-webkit-appearance:none;width:100%;height:10px;border:0;border-radius:4px;overflow:hidden;background:#ffffff16;accent-color:var(--stat-color)}
.build-stat progress::-webkit-progress-bar{background:#ffffff16;border-radius:4px}
.build-stat progress::-webkit-progress-value{background-color:var(--stat-color);background-image:repeating-linear-gradient(45deg,#ffffff24 0,#ffffff24 5px,transparent 5px,transparent 10px);border-radius:3px}
.build-stat progress::-moz-progress-bar{background-color:var(--stat-color);background-image:repeating-linear-gradient(45deg,#ffffff24 0,#ffffff24 5px,transparent 5px,transparent 10px);border-radius:3px}
.build-chart-note{display:block;margin-top:5px;font-size:9px;line-height:1.4;color:#ac9b84}
.class-family .build-chart-face .flip-hint{bottom:16px}
img{-webkit-user-drag:none}
@media(max-width:700px){.class-family .build-chart-face{padding-left:22px;padding-right:22px}.build-chart-title{font-size:23px}}