.compare{padding:.8rem 1.2rem}.compare-row{display:grid;grid-template-columns:minmax(9rem,1fr) minmax(0,3fr);gap:.6rem 1.2rem;align-items:center;padding-block:.7rem;border-bottom:1px solid var(--line)}.compare-row:last-of-type{border-bottom:0}.compare-row.total .compare-name{font-weight:700}.compare-name{display:grid;font-weight:600}.compare-name small{font-weight:400;color:var(--faint);font-size:.78rem}.compare-bars{display:grid;gap:.3rem}.bar{position:relative;display:block;height:1.25rem;border-radius:6px;background:var(--card-2);overflow:hidden}.bar i{position:absolute;inset:0 auto 0 0;border-radius:6px}.bar.own i{background:var(--olive)}.bar.group i{background:var(--slate);opacity:.7}.bar.other i{background:var(--amber);opacity:.85}.bar b{position:relative;z-index:1;font-size:.75rem;padding-left:.5rem;line-height:1.25rem;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.35)}.compare-legend{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.82rem;color:var(--muted);margin-top:.7rem}.compare-legend span{display:inline-flex;align-items:center;gap:.4rem}.compare-legend i{width:.75rem;height:.75rem;border-radius:3px}.compare-legend .own{background:var(--olive)}.compare-legend .group{background:var(--slate);opacity:.7}.compare-legend .other{background:var(--amber)}.player-list{padding:.9rem .8rem;overflow-x:auto}.player-list td a{font-weight:600;text-decoration:none}.player-list td a:hover{color:var(--olive)}.player-list .chip{font-size:.66rem}.diff.up{color:var(--olive);font-weight:600}.diff.down{color:var(--muted)}.choose{display:inline-grid;gap:.3rem;margin-bottom:1rem;font-size:.85rem;color:var(--muted)}.choose select{font:inherit;font-size:1rem;color:var(--text);background:var(--card);border:1px solid var(--line-strong);border-radius:10px;padding:.5rem .8rem}.links-row{display:flex;gap:.7rem;margin-top:1.5rem}@media (max-width: 600px){.compare-row{grid-template-columns:minmax(0,1fr)}}.big-four-link{margin-top:1rem}.big-four-link a{color:var(--olive);font-weight:600}.compare-link{color:var(--text);text-decoration:none;border-radius:8px;margin-inline:-.5rem;padding-inline:.5rem}.compare-link:hover,.compare-link:focus-visible{background:color-mix(in srgb,var(--olive) 9%,transparent)}.compare-link:hover .compare-name{color:var(--olive)}.compare-link:focus-within{outline:2px solid var(--olive);outline-offset:1px}.compare-link{position:relative}.compare-target{color:inherit;text-decoration:none}.compare-target:after{content:"";position:absolute;inset:0;border-radius:8px}.compare-target:focus-visible{outline:none}.compare-name .games-link{position:relative;z-index:1}.player-list th .sort-button{font:inherit;font-weight:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}.player-list th .sort-button:hover{color:var(--olive)}.player-list th .sort-button:focus-visible{outline:2px solid var(--olive);outline-offset:2px;border-radius:3px}.player-list th[aria-sort] .sort-button{color:var(--olive)}.player-list th[aria-sort=descending] .sort-button:after{content:" ↓"}.player-list th[aria-sort=ascending] .sort-button:after{content:" ↑"}
