main,body>header,footer{max-width:1120px}main{padding-top:36px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font:12px 'IBM Plex Mono',monospace;color:var(--accent);margin-bottom:10px}.lede{max-width:750px;font-size:18px}h1{font-size:clamp(32px,5vw,48px)}.spoilers{font-size:13px;color:var(--muted)}.stats{display:flex;flex-wrap:wrap;gap:12px 35px;margin:25px 0}.stats strong{font:600 28px Spectral,Georgia,serif;display:block}.stats span{font-size:13px;color:var(--muted)}.view-nav{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 20px;border-bottom:1px solid var(--line);padding-bottom:14px}button,select,input{font:inherit}button,select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:9px 12px}button{cursor:pointer}button:hover{border-color:var(--accent)}button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{opacity:.45;cursor:default}.panel{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:24px;min-width:0}.panel h2{margin-top:0}.controls{display:flex;align-items:end;flex-wrap:wrap;gap:14px;margin:20px 0}.controls label{display:flex;flex-direction:column;gap:5px;font-size:14px}.controls select{max-width:100%}.wide-control{flex:1;min-width:180px}input[type=range]{width:100%;accent-color:var(--accent)}.rounds{display:flex;gap:7px;overflow-x:auto;padding:5px 3px 12px;margin-bottom:14px}.rounds button{flex:0 0 auto;min-width:55px;font-size:13px}.rounds small{display:block}.note{border-left:3px solid var(--accent2);padding:8px 14px;background:var(--surface2);margin:15px 0;font-size:14px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:26px}.tallies{list-style:none;padding:0}.tallies li{display:grid;grid-template-columns:110px 1fr 25px;gap:10px;align-items:center;margin:12px 0;font-size:14px}.bar{height:14px;background:var(--accent);border-radius:2px}.table-wrap{overflow-x:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}th{font-weight:500}.matrix{width:max-content;min-width:100%;font-size:12px}.matrix th{position:sticky;left:0;background:var(--surface);z-index:1;white-space:nowrap}.matrix thead th{position:static;min-width:47px;text-align:center;vertical-align:bottom}.matrix thead th span{writing-mode:vertical-rl;transform:rotate(180deg);max-height:115px}.matrix td{padding:2px;text-align:center;border:0}.matrix button{width:45px;height:43px;padding:1px;border-radius:3px;background:color-mix(in srgb,var(--accent) var(--strength),var(--surface));color:var(--ink);font-size:12px}.matrix button.high{color:var(--accent-ink)}.matrix button small{display:block;font-size:9px}.matrix .empty{color:var(--muted)}.legend{font-size:13px;color:var(--muted)}.chart{width:100%;height:auto;display:block;min-width:500px}.chart text{fill:var(--muted);font-family:inherit;font-size:12px}.chart .grid{stroke:var(--line)}.chart .line{stroke:var(--accent);fill:none;stroke-width:3}.chart .point{fill:var(--accent);stroke:var(--surface);stroke-width:2}.pair-summary{font-size:22px;font-family:Spectral,Georgia,serif;margin:16px 0}.findings{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.findings button{text-align:left;padding:18px;line-height:1.5}.findings strong{display:block;margin-bottom:7px;font-size:16px}.findings span{font-size:14px;color:var(--muted)}details{margin-top:25px}summary{cursor:pointer;font-weight:500}details p,details li{max-width:850px;font-size:15px}.status{min-height:1.5em}.download{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:14px;margin:20px 0}[hidden]{display:none!important}@media(max-width:650px){.panel{padding:16px}.two-col,.findings{grid-template-columns:1fr}.view-nav button{flex:1;padding:9px 6px;font-size:13px}.stats{gap:15px 25px}.tallies li{grid-template-columns:100px 1fr 25px}.controls{align-items:stretch}.controls label{width:100%}h2{font-size:23px}}

.share-view{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;margin:20px 0}.share-view label{width:100%}.share-view input{width:100%;padding:8px}.rounds{position:relative}#pair-history td:last-child{min-width:200px}
@media(max-width:650px){.controls .wide-control{flex-basis:100%;min-width:0;order:-1}.controls .wide-control select{width:100%}.controls>button{flex:1}}