.points-charts{margin-top:2.5rem}.points-charts>h2{margin-bottom:.5rem}.points-chart{margin:1.5rem 0;padding:1.25rem;border:1px solid var(--border-subtle);background:var(--surface-1);border-radius:var(--radius-sm)}.points-chart h3{margin:0 0 .5rem;font-size:1.2rem}.chart-explanation,.points-chart figcaption{color:var(--text-secondary);font-size:.875rem}.chart-legend{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:1rem 0;font-size:.875rem}.chart-legend span{display:inline-flex;align-items:center;gap:.4rem}.chart-legend i{display:inline-block;width:24px;border-top:3px solid currentColor}.chart-legend .chart-previous i{border-top-style:dashed}.chart-current{color:var(--pitch-text);fill:var(--pitch-text)}.chart-previous{color:var(--draw-text);fill:var(--draw-text)}.points-chart-scroll{overflow-x:auto;overscroll-behavior-x:contain}.points-chart-scroll:focus-visible{outline:2px solid var(--pitch-text);outline-offset:3px}.points-chart svg{display:block;margin:0 auto;max-width:none;font-family:var(--font-data)}.chart-grid{stroke:var(--border-subtle);stroke-width:1}.chart-tick,.chart-axis-label{fill:var(--text-secondary);font-size:12px}.chart-axis-label{font-weight:600}.chart-score{font-size:13px;font-weight:700}.chart-line{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.chart-current-line{stroke:var(--pitch-text)}.chart-previous-line{stroke:var(--draw-text);stroke-dasharray:6 5}.chart-current-dot{fill:var(--pitch-text)}.chart-previous-dot{fill:var(--draw-text);stroke:var(--surface-1);stroke-width:1}.points-chart figcaption{margin-top:.75rem}.chart-data{margin-top:.75rem;font-size:.875rem}.chart-data summary{cursor:pointer;color:var(--pitch-text);padding:.5rem 0}.chart-data-table{width:100%;border-collapse:collapse}.chart-data-table caption{text-align:left;padding:.5rem 0}.chart-data-table th,.chart-data-table td{padding:.5rem;text-align:left;border-bottom:1px solid var(--border-subtle)}.chart-data-table thead{background:var(--pitch-deep);color:var(--text-on-dark)}.chart-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.chart-actions a,.chart-actions button{padding:.6rem .8rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--pitch-text);font:inherit;font-size:.875rem;text-decoration:none;cursor:pointer}.chart-actions a:hover,.chart-actions button:hover{border-color:var(--pitch-text)}.chart-actions :focus-visible{outline:2px solid var(--pitch-text);outline-offset:3px}.chart-actions button:disabled{cursor:wait;opacity:.7}.chart-share-help,.chart-export-status{color:var(--text-secondary);font-size:.8rem;margin:.5rem 0 0}.chart-export-status:empty{margin:0}@media(max-width:600px){.points-chart{padding:.75rem}.points-chart-scroll{scrollbar-width:thin}}.chart-scroll-hint{display:none;color:var(--text-muted);font-size:.8rem;margin-bottom:.5rem}.chart-scroll-hint.chart-wide{display:block}@media(max-width:900px){.chart-scroll-hint{display:block}}