.h2h{gap:var(--ptr-space-6);display:grid}.h2h__header h2{margin:0 0 var(--ptr-space-2);font-family:var(--ptr-font-display);font-size:var(--ptr-text-4xl);text-transform:uppercase;font-weight:800}.h2h__header p,.h2h__muted{max-width:70ch;color:var(--ptr-text-2);margin:0}.h2h__muted{color:var(--ptr-text-3);font-size:var(--ptr-text-sm)}.h2h__versus{align-items:center;gap:var(--ptr-space-4);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.h2h__vs{color:var(--ptr-accent);font-family:var(--ptr-font-display);font-size:var(--ptr-text-3xl);font-weight:900}.h2h__driver,.h2h__picker{gap:var(--ptr-space-2);border:1px solid var(--ptr-line);border-radius:var(--ptr-radius-lg);padding:var(--ptr-space-5);background:var(--ptr-surface);display:grid}.h2h__driver[data-side=a]{border-left:4px solid var(--ptr-accent)}.h2h__driver[data-side=b]{border-left:4px solid var(--ptr-review);text-align:right}.h2h__name{color:var(--ptr-text);font-family:var(--ptr-font-display);font-size:var(--ptr-text-2xl);text-transform:uppercase;font-weight:800;text-decoration:none}.h2h__change{color:var(--ptr-text-3);font-size:var(--ptr-text-xs)}.h2h__picker-title{color:var(--ptr-text-3);font-size:var(--ptr-text-xs);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:700}.h2h__picker form{gap:var(--ptr-space-2);display:flex}.h2h__picker input{border:1px solid var(--ptr-line-strong);border-radius:var(--ptr-radius-md);min-width:0;padding:var(--ptr-space-2) var(--ptr-space-3);background:var(--ptr-bg);color:var(--ptr-text);font:inherit;flex:1}.h2h__picker button{border-radius:var(--ptr-radius-md);padding:0 var(--ptr-space-4);background:var(--ptr-accent);color:var(--ptr-text-on-accent);font:inherit;cursor:pointer;border:0;font-weight:700}.h2h__picker ul{gap:var(--ptr-space-1);margin:0;padding:0;list-style:none;display:grid}.h2h__picker li a{border-radius:var(--ptr-radius-sm);padding:var(--ptr-space-2);color:var(--ptr-text);text-decoration:none;display:block}.h2h__picker li a:hover{background:var(--ptr-accent-soft)}.h2h__tally{gap:var(--ptr-space-4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.h2h__tally>div{gap:var(--ptr-space-2);border:1px solid var(--ptr-line);border-radius:var(--ptr-radius-lg);padding:var(--ptr-space-4) var(--ptr-space-5);background:var(--ptr-surface);display:grid}.h2h__tally dt{color:var(--ptr-text-3);font-size:var(--ptr-text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.h2h__tally dd{align-items:center;gap:var(--ptr-space-3);font-family:var(--ptr-font-display);font-size:var(--ptr-text-3xl);margin:0;font-weight:800;display:flex}.h2h__tally [data-side=a]{color:var(--ptr-accent)}.h2h__tally [data-side=b]{color:var(--ptr-review)}.h2h__bar{border-radius:var(--ptr-radius-pill);background:var(--ptr-review);flex:1;height:.5rem;position:relative;overflow:hidden}.h2h__bar i{background:var(--ptr-accent);position:absolute;inset:0 auto 0 0}.h2h__table-wrap{overflow-x:auto}.h2h__table{border-collapse:collapse;width:100%;font-size:var(--ptr-text-sm)}.h2h__table th,.h2h__table td{border-bottom:1px solid var(--ptr-line);padding:var(--ptr-space-2) var(--ptr-space-3);text-align:left}.h2h__table thead th{color:var(--ptr-text-3);font-size:var(--ptr-text-xs);text-transform:uppercase;font-weight:700}.h2h__table tbody th{font-weight:400;display:grid}.h2h__table tbody th a{color:var(--ptr-text);font-weight:700;text-decoration:none}.h2h__table tbody th span,.h2h__table tbody th small{color:var(--ptr-text-3)}.h2h__table td{font-family:var(--ptr-font-mono);white-space:nowrap}.h2h__table td[data-better]{color:var(--ptr-accent);font-weight:700}.h2h a:focus-visible,.h2h button:focus-visible,.h2h input:focus-visible{outline:var(--ptr-focus-outline);outline-offset:var(--ptr-focus-offset)}@media (max-width:48rem){.h2h__versus,.h2h__tally{grid-template-columns:1fr}.h2h__vs{justify-self:center}.h2h__driver[data-side=b]{text-align:left}.h2h__table tbody th{min-width:13rem}}