img{display:block;max-width:100%}.section-block{padding:40px 0 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:6px}.section-head h2{font-family:var(--display);font-weight:800;font-size:clamp(20px,2.5vw,28px);text-transform:uppercase;letter-spacing:.01em;color:var(--ink)}.section-meta{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-32)}.section-lede{font-size:13px;color:var(--ink-48);max-width:780px;line-height:1.6;margin-bottom:16px}.ctrl-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.ctrl-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-48);white-space:nowrap}select.ctrl-sel,input.ctrl-input{background:var(--surface);border:1px solid var(--ink-14);padding:6px 28px 6px 10px;font-family:var(--body);font-weight:600;font-size:12px;letter-spacing:.03em;color:var(--ink);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%230d0d1470'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}input.ctrl-input{background-image:none;padding-right:10px;cursor:text}.ctrl-btn-group{display:inline-flex;border:1px solid var(--ink-14);overflow:hidden}.ctrl-btn-group button{background:transparent;border:none;border-right:1px solid var(--ink-14);padding:6px 14px;cursor:pointer;font-family:var(--body);font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-48);transition:background .1s,color .1s}.ctrl-btn-group button:last-child{border-right:none}.ctrl-btn-group button.active{background:var(--ink);color:var(--bg)}.ctrl-btn-group button:hover:not(.active){background:var(--ink-06);color:var(--ink)}.export-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--ink-20);padding:6px 14px;cursor:pointer;font-family:var(--body);font-weight:600;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-48);transition:all .15s;margin-left:auto}.export-btn:hover{border-color:var(--ink);color:var(--ink)}.export-btn svg{flex-shrink:0}.chart-surface{background:var(--surface);border:1px solid var(--ink-14);padding:20px 16px 16px;position:relative;overflow:hidden}#scatter-svg-wrap{width:100%;overflow:hidden;min-height:320px}#scatter-svg-wrap svg{display:block;width:100%}.scatter-pinned-label{pointer-events:none;font-family:var(--display);font-weight:700;font-size:11px;text-transform:uppercase;fill:var(--ink);paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}#scatter-tt{position:fixed;z-index:200;background:var(--ink);color:var(--bg);padding:10px 14px;pointer-events:none;font-family:var(--body);font-size:12.5px;line-height:1.5;max-width:220px;display:none;box-shadow:0 4px 16px #0000002e}#scatter-tt .tt-name{font-family:var(--display);font-weight:800;font-size:15px;text-transform:uppercase;margin-bottom:2px}#scatter-tt .tt-meta{font-family:var(--mono);font-size:10.5px;opacity:.55;margin-bottom:8px}#scatter-tt .tt-row{display:flex;justify-content:space-between;gap:16px;font-family:var(--mono);font-size:11px}#scatter-tt .tt-row .lbl{opacity:.55}#scatter-tt .tt-row .val{font-weight:600}.scatter-legend{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px;font-family:var(--mono);font-size:10.5px;color:var(--ink-48)}.scatter-legend .leg-item{display:flex;align-items:center;gap:5px}.scatter-legend .leg-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.cmp-layout{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start}@media(max-width:780px){.cmp-layout{grid-template-columns:1fr}}.cmp-sidebar{background:var(--surface);border:1px solid var(--ink-14);padding:16px}.cmp-sidebar-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-48);margin-bottom:10px}.autocomplete-wrap{position:relative;margin-bottom:12px}#cmp-search{width:100%;background:var(--surface);border:1px solid var(--ink-14);padding:8px 10px;font-family:var(--body);font-size:13px;color:var(--ink);outline:none}#cmp-search::placeholder{color:var(--ink-32)}#cmp-search:focus{border-color:var(--ink-48)}.autocomplete-list{position:absolute;top:100%;left:0;right:0;z-index:50;background:var(--surface);border:1px solid var(--ink-14);border-top:none;max-height:240px;overflow-y:auto;display:none}.autocomplete-list.open{display:block}.ac-item{padding:8px 10px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;border-bottom:1px solid var(--ink-06)}.ac-item:last-child{border-bottom:none}.ac-item:hover,.ac-item.ac-focused{background:var(--ink-06)}.ac-item .ac-name{font-weight:600;flex:1}.ac-item .ac-meta{font-family:var(--mono);font-size:10px;color:var(--ink-32);white-space:nowrap}.selected-players{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.sel-player{display:flex;align-items:center;gap:8px;padding:7px 8px;background:var(--ink-04);border:1px solid var(--ink-10)}.sel-player .sp-swatch{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sel-player .sp-name{flex:1;font-size:12.5px;font-weight:600}.sel-player .sp-meta{font-family:var(--mono);font-size:10px;color:var(--ink-32)}.sel-player .sp-remove{background:none;border:none;cursor:pointer;color:var(--ink-32);font-size:15px;line-height:1;padding:0 2px;transition:color .1s}.sel-player .sp-remove:hover{color:var(--red)}.cmp-hint{font-family:var(--mono);font-size:10.5px;color:var(--ink-32);line-height:1.5;margin-top:4px}.cmp-chart-wrap{background:var(--surface);border:1px solid var(--ink-14);padding:20px 16px 16px;min-height:260px;display:flex;flex-direction:column}#cmp-svg-wrap{flex:1;overflow:hidden}#cmp-svg-wrap svg{display:block;width:100%}.cmp-empty{flex:1;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;color:var(--ink-32);letter-spacing:.06em;text-align:center;padding:40px}@media(max-width:680px){.section-head{flex-direction:column;gap:4px}.ctrl-bar{gap:8px}}