.dvp-head{margin:24px 0 16px}.dvp-sample{color:var(--text-3);margin-top:6px;font-size:13px;line-height:18px}.dvp{min-width:0;margin:8px 0 40px}.dvp-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dvp-explain{color:var(--text-3);margin:12px 0 8px;font-size:13px;line-height:18px}.dvp-legend{color:var(--text-3);align-items:center;gap:8px;margin:0 0 12px;font-size:12px;display:flex}.dvp-ramp{box-shadow:0 0 0 1px var(--border);border-radius:4px;display:inline-flex;overflow:hidden}.dvp-ramp span{width:14px;height:10px}.dvp-t0{background:color-mix(in srgb, var(--pos) 40%, var(--surface))}.dvp-t1{background:color-mix(in srgb, var(--pos) 30%, var(--surface))}.dvp-t2{background:color-mix(in srgb, var(--pos) 20%, var(--surface))}.dvp-t3{background:color-mix(in srgb, var(--pos) 10%, var(--surface))}.dvp-t4{background:var(--surface)}.dvp-t5{background:color-mix(in srgb, var(--neg) 10%, var(--surface))}.dvp-t6{background:color-mix(in srgb, var(--neg) 20%, var(--surface))}.dvp-t7{background:color-mix(in srgb, var(--neg) 30%, var(--surface))}.dvp-t8{background:color-mix(in srgb, var(--neg) 40%, var(--surface))}.dvp-wrap{border:1px solid var(--border);background:var(--surface);overscroll-behavior-x:contain;border-radius:14px;overflow-x:auto}.dvp-wrap:focus-visible{outline-offset:-2px}.dvp-table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px}.dvp-table th,.dvp-table td{border-top:1px solid var(--hairline);white-space:nowrap;padding:0}.dvp-table thead th{background:var(--surface-2);color:var(--text-3);letter-spacing:.02em;border-top:0;font-size:12px;font-weight:600}.dvp-table thead button{width:100%;min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:4px;padding:0 10px;display:flex}.dvp-table thead th[aria-sort]{color:var(--text)}.dvp-arrow{opacity:0;font-size:12px;transition:transform .15s}.dvp-arrow.on{opacity:1}.dvp-table th[aria-sort=ascending] .dvp-arrow{transform:rotate(180deg)}.dvp-team{z-index:1;background:var(--surface);text-align:left;box-shadow:1px 0 0 var(--border);position:sticky;left:0}.dvp-table thead .dvp-team,.dvp-table thead .dvp-g{width:1%}.dvp-table thead .dvp-team{z-index:2;background:var(--surface-2)}.dvp-table thead .dvp-team button{justify-content:flex-start;padding-left:12px}.dvp-tlink{min-height:44px;color:var(--text);align-items:center;gap:8px;padding:0 12px;font-weight:600;text-decoration:none;display:flex}a.dvp-tlink:hover{color:var(--link)}.dvp-table tbody tr:hover .dvp-team{background:var(--surface-2)}.dvp-g{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-3);padding:0 10px;font-size:13px}.dvp-table td.dvp-g{padding:0 10px}.dvp-table td.dvp-cell{text-align:right;min-width:56px;padding:6px 10px}.dvp-avg{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text);font-size:14px;font-weight:600;line-height:18px;display:block}.dvp-rank{color:var(--text-2);font-size:12px;line-height:16px;display:block}@media (max-width:999px){.dvp-tlink{gap:6px;padding:0 8px}.dvp-table td.dvp-cell{min-width:52px;padding:6px 8px}.dvp-table thead button{padding:0 8px}}@media (min-width:1000px){.dvp-wrap{max-height:calc(100vh - 140px);overflow:auto}.dvp-table thead th{z-index:2;position:sticky;top:0}.dvp-table thead .dvp-team{z-index:3}}
