.viewer-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.viewer-stats strong{color:var(--win)}
.viewer-metric{display:flex;justify-content:flex-end;margin:0 0 8px}
.viewer-stats article:nth-child(2) strong{color:var(--gold)}
.viewer-panel{min-width:0}
.viewer-panel .section-heading{flex-direction:row;align-items:center}
.viewer-range{display:flex;flex-direction:row;align-items:center;gap:9px;font:12px var(--sans);color:var(--text)}
.viewer-range select{width:auto;height:35px;min-width:0}
.viewer-chart-body{padding:18px 21px;background:#0b0d09c9}
.viewer-window,.viewer-legend,.viewer-note{font:12px/1.5 var(--sans);color:var(--muted)}
.viewer-window{margin:0 0 7px}
.viewer-legend{display:flex;gap:17px;flex-wrap:wrap;margin-bottom:7px}
.viewer-legend span::before{content:"";display:inline-block;width:19px;margin-right:6px;vertical-align:middle;border-top:2px solid var(--win)}
.viewer-legend #viewer-peak-key::before{border-top:2px dashed var(--gold)}
.viewer-plot{display:block;width:100%;height:310px;overflow:visible;font:11px var(--sans);color:var(--muted)}
.viewer-plot[hidden],.viewer-explorer[hidden],.viewer-legend [hidden]{display:none}
.viewer-grid{stroke:#4c4734;stroke-width:1}
.viewer-axis-text{fill:currentColor}
.viewer-series,.viewer-peaks{fill:none;stroke:var(--win);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.viewer-peaks{stroke:var(--gold);stroke-width:1.5;stroke-dasharray:4 5}
.viewer-dot{fill:var(--win)}.viewer-peak-dot{fill:var(--gold)}
.viewer-crosshair{stroke:#fff9;stroke-dasharray:2 4;pointer-events:none}
.viewer-marker{fill:var(--win);stroke:#0b0d09;stroke-width:2;pointer-events:none}
.viewer-empty{min-height:180px;align-content:center;text-align:center;color:var(--muted)}
.viewer-explorer{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 13px;margin:12px 0 0}
.viewer-explorer output{grid-column:1/-1;min-height:22px;font:14px/1.4 var(--sans);color:var(--text)}
.viewer-explorer input{height:25px;padding:0;margin:0;accent-color:var(--win);background:transparent;border:0}
.viewer-note{margin-top:13px}
.viewer-battles{margin-top:18px}
.viewer-battles .section-heading{flex-wrap:wrap}
.viewer-battles [hidden]{display:none}
.viewer-battle-context{padding:12px 20px;background:#0b0d09c9}
.viewer-battle-context p{margin:0;font:12px/1.55 var(--sans);color:var(--muted)}
.viewer-battle-context p:empty{display:none}
.viewer-battle-context #viewer-battle-window{color:var(--text);font-size:13px}
.viewer-battle-context #viewer-battle-status{margin-top:5px}
.viewer-battle-list{margin:0;padding:0;list-style:none}
.viewer-battle-list a{display:flex;align-items:center;justify-content:space-between;gap:10px 18px;padding:11px 20px;border-top:1px solid var(--line);background:#0008;color:var(--text);text-decoration:none}
.viewer-battle-list a:hover,.viewer-battle-list a:focus-visible{background:#262211}
.viewer-matchup{display:block;overflow-wrap:anywhere}
.viewer-matchup span,.viewer-battle-list small{color:var(--muted)}
.viewer-battle-link{flex-shrink:0;color:var(--gold);font:12px var(--sans)}
.viewer-archive-link{display:inline-block;margin:2px 20px 14px;padding:8px 12px;border:1px solid #645238;background:#18160d;color:var(--gold);font:12px var(--sans);text-decoration:none}
.viewer-archive-link:hover,.viewer-archive-link:focus-visible{background:#302812;text-decoration:underline}
@media(max-width:500px){.viewer-battle-context,.viewer-battle-list a{padding:10px 12px}.viewer-battle-list a{flex-wrap:wrap}}
@media(max-width:600px){.viewer-chart-body{padding:14px 11px}.viewer-plot{height:240px}.viewer-stats article{padding:10px 8px;border-bottom:0!important}.viewer-stats article:nth-child(2){border-right:1px solid var(--line)}.viewer-stats strong{font-size:25px}.viewer-range{gap:4px}.viewer-range select{font-size:12px}.viewer-range{font-size:11px}}
@media(max-width:500px){.viewer-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.viewer-explorer{grid-template-columns:1fr}.viewer-explorer output{font-size:12px}}