.chart-caption{font-size:11px;color:#647064;margin:6px 8px 16px;line-height:1.5}.chart-legend{display:flex;flex-wrap:wrap;gap:9px 18px;margin:12px 8px 18px;font-size:11px;font-weight:800}.chart-legend>span,.pie-legend span{display:flex;align-items:center;gap:7px}.swatch{display:inline-block;width:12px;height:12px;border-radius:3px;flex-shrink:0}.swatch.one,.stacked-segment.one{background:var(--shot-one)}.swatch.two,.stacked-segment.two{background:var(--shot-two)}.swatch.three,.stacked-segment.three{background:var(--shot-three)}.swatch.us,.half-bar.us{background:#c9e6fa}.swatch.enemy,.half-bar.enemy{background:#fff0b7}
.scoring-rows{display:grid;gap:20px;padding:0 8px 18px}.scoring-row-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px}.scoring-row-label>span{font-size:11px;color:#647064}.stacked-bar-track{display:flex;min-height:35px;background:#f2f3ed;border-radius:9px;overflow:hidden}.stacked-segment{display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:900;min-width:0;color:#17274c}.zero-bar-label{font-size:11px;color:#647064;align-self:center;padding-left:10px}.unrecorded-bar{height:35px;border:1px dashed #cbd0c2;display:flex;align-items:center;padding:0 10px;border-radius:9px;color:#647064;font-size:11px}
.scoring-pie-layout{display:flex;align-items:center;gap:22px;margin:20px 8px 16px}.scoring-pie{width:145px;aspect-ratio:1;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 5px #f6f6f0}.pie-legend{display:grid;gap:15px;flex:1;min-width:0}.pie-legend>div{display:grid;grid-template-columns:1fr auto;gap:3px 8px;font-size:11px}.pie-legend b{font-size:12px}.pie-legend small{grid-column:2;color:#647064;text-align:right;font-size:10px}.chart-footnote{margin:12px 8px;font-size:11px;color:#647064;text-align:center}.average-line{stroke:#7d8194;stroke-width:2;stroke-dasharray:6 5}.average-key{display:flex;gap:7px;align-items:center;margin-bottom:0}.average-key i{width:22px;border-top:2px dashed #7d8194}
.half-comparison{margin:20px 0;padding:18px}.half-comparison h2{padding:0}.half-comparison .chart-legend{margin:14px 0 20px}.half-bar-group{margin:20px 0 8px}.half-bar-group h3{font-size:12px;margin:0 0 9px}.half-bar-row{display:flex;align-items:center;gap:10px;margin:7px 0}.half-bar-row>b{min-width:22px;text-align:right;font-size:14px}.half-bar-track{flex:1;height:26px;background:#f3f4ef;border-radius:6px;overflow:hidden}.half-bar{display:block;height:100%;border-radius:6px}
@media(max-width:360px){.scoring-pie-layout{gap:15px}.scoring-pie{width:122px}.pie-legend>div{gap:3px 4px}}
@media(min-width:768px){.half-comparison{max-width:720px;margin:20px auto;padding:24px}.scoring-pie-layout{justify-content:center;gap:28px;margin:22px 16px}.scoring-pie{width:165px}.pie-legend{max-width:190px}.pie-legend>div{font-size:13px}.pie-legend b{font-size:14px}.chart-caption,.chart-footnote,.chart-legend{font-size:12px}.scoring-row-label{font-size:14px}.scoring-row-label>span{font-size:12px}.stacked-bar-track{min-height:40px}}
.pie-legend b{white-space:nowrap}
@media(min-width:768px) and (max-width:999px){.scoring-pie-layout{gap:16px;margin-left:8px;margin-right:8px}.scoring-pie{width:125px}.pie-legend{min-width:100px}.pie-legend>div{font-size:11px}.pie-legend b{font-size:12px}}