.compare-page>section,.compare-page>.cmp-bar{margin-bottom:22px}.compare-head h1{overflow-wrap:anywhere;font-size:clamp(34px,5.2vw,64px)}.cmp-picker{gap:12px;display:grid}.cmp-picker .label{margin-bottom:0}.cmp-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cmp-chips li{background:var(--ink-3);border:1px solid var(--line-2);align-items:center;gap:8px;max-width:100%;padding:4px;display:inline-flex}.cmp-chips li.muted{background:0 0;border:0}.cmp-chips img,.cmp-chips .avatar-fallback{flex:none;width:28px;height:28px}.cmp-chips li>span:not(.avatar-fallback){text-overflow:ellipsis;white-space:nowrap;max-width:24ch;font-weight:600;overflow:hidden}.cmp-chips button,.cmp-remove{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;font-size:20px;line-height:1;display:inline-grid}.cmp-chips button:hover,.cmp-remove:hover{color:var(--blood)}.cmp-add{max-width:640px}.cmp-add input:disabled{opacity:.6}.cmp-add .search-results button{width:100%;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:10px 12px;font-size:15px;display:flex}.cmp-add .search-results button:hover:not(:disabled),.cmp-add .search-results button:focus-visible{background:#8b74ff1f}.cmp-add .search-results button:disabled{opacity:.5;cursor:default}.cmp-intro ul{margin:8px 0 0;padding-left:20px}.cmp-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;display:flex}.cmp-bar .band-picker{margin:0}.cmp-bench-pick{align-items:center;gap:10px;display:inline-flex}.cmp-bench-pick>span{white-space:nowrap}.compare-page select{font-family:var(--body);color:var(--paper);background:var(--ink-2);border:1px solid var(--line-2);max-width:100%;padding:7px 10px;font-size:14px}.cmp-scroll{margin:0 -4px;padding:0 4px 6px;overflow-x:auto}.cmp-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:100%}.cmp-table th[scope=row]{z-index:2;background:var(--ink-2);text-align:left;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--paper-2);white-space:normal;border-bottom:1px dashed var(--line);width:1%;min-width:128px;padding:12px 12px 12px 4px;font-size:14px;font-weight:700;position:sticky;left:0}.cmp-table th[scope=row] small{font-family:var(--body);letter-spacing:0;text-transform:none;font-size:11.5px;font-weight:400;display:block}.cmp-table thead th{vertical-align:bottom;border-bottom:1px solid var(--line-2)}.cmp-table td{vertical-align:top;min-width:132px;padding:12px;font-size:15px}.cmp-table td b.mono{font-size:18px;font-weight:700}.cmp-table td small{font-size:12px}.cmp-head{text-align:left;min-width:140px;padding:0 28px 12px 12px;position:relative}.cmp-head a{color:var(--paper);font-family:var(--display);letter-spacing:.02em;text-transform:none;justify-items:start;gap:6px;font-size:18px;font-weight:800;line-height:1.1;display:grid}.cmp-head a span:not(.avatar-fallback){overflow-wrap:anywhere}.cmp-head img,.cmp-head .avatar-fallback{border:1px solid var(--line-2);width:40px;height:40px}.cmp-head a:hover span:not(.avatar-fallback){color:var(--brass-2)}.cmp-remove{position:absolute;top:-4px;right:2px}.cmp-table .is-lead{box-shadow:inset 0 2px 0 var(--brass);background:linear-gradient(#8b74ff29,#8b74ff0d)}.cmp-table .is-lead b.mono{color:var(--brass-2)}.cmp-table .is-lead b.mono:after{content:" ★";vertical-align:2px;font-size:12px}.cmp-table tfoot th,.cmp-table tfoot td{border-top:1px solid var(--line-2);border-bottom:0}.cmp-table tr.is-picked th[scope=row],.cmp-table tr.is-picked td{background:#4fe3c90f}.cmp-thin{color:var(--amber)}.cmp-bench{border-left:1px solid var(--line-2);background:#4fe3c90d;min-width:116px}.cmp-bench span,.cmp-bench small{display:block}th.cmp-bench{text-align:left;font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--soul);padding:0 12px 12px;font-size:15px;font-weight:800}th.cmp-bench small{font-family:var(--body);letter-spacing:0;text-transform:none;color:var(--muted);font-size:12px;font-weight:400}.cmp-delta{color:var(--muted);margin-top:2px;font-size:12px;display:block}.cmp-delta.is-good{color:var(--verdigris)}.cmp-delta.is-bad{color:var(--blood)}.cmp-foot{margin:12px 0 0}.cmp-grades{gap:6px;display:grid}.cmp-grade-bar{gap:2px;min-width:110px;height:12px;display:flex}.cmp-grade-bar i{flex-basis:0;min-width:3px;display:block}.cmp-grade-bar .g-S{background:var(--soul)}.cmp-grade-bar .g-A{background:var(--verdigris)}.cmp-grade-bar .g-B{background:#8f8a79}.cmp-grade-bar .g-C{background:var(--amber)}.cmp-grade-bar .g-D{background:var(--blood)}.cmp-form{gap:3px;display:inline-flex}.cmp-form i{background:var(--blood);width:9px;height:18px;display:block}.cmp-form i.w{background:var(--verdigris)}.cmp-pool ul{gap:8px;margin:0 0 6px;padding:0;list-style:none;display:flex}.cmp-pool li{justify-items:center;gap:2px;display:grid}.cmp-pool small,.cmp-pool .small{line-height:1.3;display:block}.cmp-hero-pick{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;display:flex}.cmp-hero-pick button{color:var(--paper-2);border:1px solid var(--line-2);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:3px 12px 3px 3px;font-size:14px;font-weight:600;display:inline-flex}.cmp-hero-pick button:hover{border-color:var(--brass-dim);color:var(--brass-2)}.cmp-hero-pick button[aria-pressed=true]{background:var(--brass);border-color:var(--brass);color:var(--ink)}.cmp-hero-pick img,.cmp-hero-pick button>span:first-child:not(:last-child){object-fit:cover;background:var(--ink-3);place-items:center;width:40px;height:40px;display:inline-grid}.cmp-mastery{min-width:190px}.cmp-mastery>span,.cmp-mastery>.mx-chip{vertical-align:middle}.cmp-mastery .mx-chip{margin-right:10px;display:inline-block}.cmp-mastery>span:not(.mx-chip){vertical-align:middle;gap:2px;display:inline-grid}.cmp-party{border:1px solid var(--brass-dim);background:#8b74ff0f;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0 0 14px;padding:12px 14px;display:flex}.cmp-party .label-small{margin:0}.cmp-pairs td{min-width:0}.cmp-pairs th[scope=row]{text-transform:none;letter-spacing:.02em;min-width:170px;font-size:16px}.cmp-pairs button[aria-pressed=true]{color:var(--soul);text-decoration:none}.cmp-recent{margin-top:22px}.cmp-recent ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.cmp-recent li a{background:var(--ink-3);border:1px solid var(--line);border-left:3px solid var(--line-2);grid-template-columns:150px 92px minmax(0,1fr) auto;align-items:center;gap:10px 14px;padding:8px 12px;display:grid}.cmp-recent li a:hover{border-color:var(--brass-dim)}.cmp-recent-who{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.cmp-share-row{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.cmp-share-row input{min-width:0;font-family:var(--mono);color:var(--paper);background:var(--ink);border:1px solid var(--line-2);flex:320px;padding:10px 12px;font-size:14px}@media (width<=700px){.cmp-table th[scope=row]{min-width:104px;padding-right:8px;font-size:12.5px}.cmp-table td{min-width:128px;padding:10px 8px}.cmp-head{min-width:128px}.cmp-recent li a{grid-template-columns:minmax(0,1fr) auto}.cmp-recent li a .cmp-recent-who{order:3;grid-column:1/-1}.cmp-bench-pick{flex-wrap:wrap}}