.wfdstats{--wfd-bg:#10151e;--wfd-border:#293241;--wfd-text:#e9edf5;--wfd-muted:#99a7ba;--wfd-pos:#42a89e;--wfd-neg:#df8b50;box-sizing:border-box;width:100%;max-width:900px;margin:28px auto;padding:24px 25px 18px;border:1px solid var(--wfd-border);border-radius:12px;background:var(--wfd-bg);color:var(--wfd-text);font:inherit;box-shadow:0 6px 22px rgba(0,0,0,.14)}
.wfdstats *{box-sizing:border-box}.wfdstats__eyebrow{display:block;margin-bottom:7px;font-size:11px;font-weight:800;letter-spacing:.12em;color:#f0a53a}.wfdstats__top h2{margin:0 0 10px!important;color:#fff!important;font-size:clamp(19px,2.8vw,26px)!important;line-height:1.3!important}.wfdstats__intro{margin:0 0 14px!important;font-size:14px;line-height:1.65;color:#c6d0df}.wfdstats__intro strong{color:#f0a53a}.wfdstats__meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.wfdstats__meta span{padding:5px 10px;border:1px solid #374357;border-radius:5px;background:#1a2330;font-size:11px;font-weight:650;color:#c9d4e4}.wfdstats__graph{width:100%}.wfdstats__axis{display:flex;justify-content:space-between;margin:0 54px 11px 112px;font-size:10px;color:#9cacc0}.wfdstats__axis span:nth-child(3){color:#f0a53a}.wfdstats__rows{display:grid;gap:10px}.wfdstats__row{display:grid;grid-template-columns:100px minmax(0,1fr) 47px;align-items:center;gap:12px;min-height:30px}.wfdstats__name{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:750;white-space:nowrap}.wfdstats__dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.wfdstats__name--warlock{color:#a393e9}.wfdstats__name--shaman{color:#168bd6}.wfdstats__name--paladin{color:#f39ac0}.wfdstats__name--druid{color:#ff8c1a}.wfdstats__name--priest{color:#e7edf5}.wfdstats__name--hunter{color:#a9d879}.wfdstats__name--rogue{color:#fff47b}.wfdstats__name--warrior{color:#c69b6d}.wfdstats__name--mage{color:#58c9e5}.wfdstats__track{position:relative;height:17px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(159,176,200,.15) calc(25% - 1px),rgba(159,176,200,.15) 25%);border-right:1px solid rgba(159,176,200,.15)}.wfdstats__track:after{content:"";position:absolute;left:50%;top:-9px;bottom:-9px;border-left:1px dashed rgba(240,165,58,.55);z-index:1;pointer-events:none}.wfdstats__fill{position:relative;display:block;width:0;height:13px;top:2px;border-radius:2px;background:var(--wfd-neg);transition:width 1.05s cubic-bezier(.22,1,.36,1)}.wfdstats--visible .wfdstats__fill{width:var(--wfdstats-value)}.wfdstats__fill--positive{background:var(--wfd-pos)}.wfdstats__value{text-align:right;line-height:1.15}.wfdstats__value strong{display:block;font-size:17px;font-weight:800;color:#fff}.wfdstats__value small{display:block;margin-top:2px;font-size:10px;color:var(--wfd-muted)}.wfdstats__legend{display:flex;flex-wrap:wrap;gap:17px;margin:18px 0 0 112px;font-size:11px;color:#b0bfd0}.wfdstats__legend span{display:inline-flex;align-items:center;gap:6px}.wfdstats__key{width:9px;height:9px;display:inline-block;border-radius:1px}.wfdstats__key--positive{background:var(--wfd-pos)}.wfdstats__key--negative{background:var(--wfd-neg)}.wfdstats__note{margin:20px 0 0!important;padding-top:13px;border-top:1px solid var(--wfd-border);color:var(--wfd-muted);font-size:11px;line-height:1.65}.wfdstats__source{margin-top:9px;font-size:11px;color:var(--wfd-muted)}.wfdstats__source a{color:#f0a53a!important;text-decoration:none}.wfdstats__source a:hover{text-decoration:underline}
@media(max-width:600px){.wfdstats{padding:17px 12px;border-radius:8px}.wfdstats__axis{margin-left:78px;margin-right:41px;font-size:8px}.wfdstats__axis span:nth-child(3){font-size:0}.wfdstats__axis span:nth-child(3):after{content:'50%';font-size:8px}.wfdstats__row{grid-template-columns:70px minmax(0,1fr) 36px;gap:8px}.wfdstats__name{gap:5px;font-size:11px}.wfdstats__dot{width:6px;height:6px}.wfdstats__value strong{font-size:14px}.wfdstats__value small{font-size:9px}.wfdstats__legend{margin-left:78px;gap:11px}.wfdstats__meta{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.wfdstats__fill{transition:none!important}}