.compat-rank-scrubber .compat-rank-bars{position:relative;height:124px;padding-top:36px;cursor:ew-resize;outline:none;touch-action:pan-y pinch-zoom;user-select:none}.compat-rank-scrubber .compat-rank-bars:focus-visible{outline:3px solid #b36b28;outline-offset:4px;border-radius:6px}.compat-rank-scrubber .compat-rank-bar{transition:filter .2s ease,translate .2s ease}.compat-rank-scrubber[data-scrubbing] .compat-rank-bar:not([data-active]){filter:saturate(.5) opacity(.55)}.compat-rank-scrubber .compat-rank-bar[data-active]{z-index:2;background:var(--tier);box-shadow:0 0 0 2px #2b2217,0 6px 10px -4px rgb(43 34 23/.45);translate:0 -4px}.compat-rank-tag{position:absolute;top:0;left:clamp(30px,calc(var(--rank-at, .5) * 100%),calc(100% - 30px));z-index:3;translate:-50% 0;padding:2px 9px;border-radius:999px;background:#2b2217;color:#fff8ef;font-size:var(--fs-micro);line-height:1.6;white-space:nowrap;pointer-events:none;box-shadow:0 3px 0 rgb(43 34 23/.2);transition:left .22s cubic-bezier(.3,1.2,.5,1)}.compat-rank-tag:after{content:"";position:absolute;top:100%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:inherit;rotate:45deg}.compat-rank-tag b{font-weight:700}.compat-rank-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgb(126 94 58/.2);border-radius:14px;background:#fffaf2;color:var(--color-text-primary);text-decoration:none;box-shadow:0 2px 0 rgb(74 54 38/.06)}.compat-rank-card[data-mine]{border-color:#2b2217}.compat-rank-card:focus-visible{outline:3px solid #b36b28;outline-offset:2px}.compat-rank-card img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#f4ead8}.compat-rank-card-body{display:grid;min-width:0}.compat-rank-card-body strong{overflow:hidden;font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap}.compat-rank-card-body small{color:var(--color-text-secondary);font-size:var(--fs-micro)}.compat-rank-card-score{font-size:var(--fs-body);font-weight:700;font-variant-numeric:tabular-nums;color:var(--tier,#2b2217)}.compat-rank-card-score small{font-size:var(--fs-micro);font-weight:600;color:var(--color-text-secondary)}.compat-rank-card-score[data-tier=SOULMATE]{--tier:#b8453a}.compat-rank-card-score[data-tier=PERFECT_PARTNER]{--tier:#a85529}.compat-rank-card-score[data-tier=GOOD_FRIENDS]{--tier:#467a50}.compat-rank-card-score[data-tier=DIFFERENT_CHARM]{--tier:#2f5f7f}.compat-rank-card-score[data-tier=GROWTH_PARTNERS]{--tier:#6a4f86}.compat-rank-card i{color:var(--color-cta-warm,#a85529);font-style:normal}.compat-rank-hint{margin:0;color:var(--color-text-secondary);font-size:var(--fs-micro);text-align:center}@media (prefers-reduced-motion:reduce){.compat-rank-scrubber .compat-rank-bar,.compat-rank-tag{transition:none}}