.hr-chart{margin:var(--space-6) 0 0;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0;list-style:none;overflow:hidden}.hr-row{background:var(--color-white);grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"rank name odds""rank what what""rank cards cards";align-items:center;gap:6px 12px;padding:12px 16px;display:grid}.hr-row+.hr-row{border-top:1px solid var(--color-line-soft)}.hr-row:nth-child(-n+3){background:var(--color-canvas)}.hr-rank{font-family:var(--font-heading);color:var(--color-magenta-hover);grid-area:rank;font-weight:700}.hr-name{font-family:var(--font-heading);color:var(--color-ink-primary);grid-area:name;font-weight:700}.hr-what{font-size:var(--fs-sm);color:var(--color-ink-secondary);grid-area:what}.hr-row .pc-row{grid-area:cards}.hr-odds{font-family:var(--font-heading);font-size:var(--fs-sm);color:var(--color-ink-muted);white-space:nowrap;grid-area:odds}.hr-hands{gap:var(--space-4);display:grid}.hr-hand{border:0;margin:0;padding:0}.hr-selects{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.hr-tool select{-webkit-appearance:none;appearance:none;padding:var(--space-2) var(--space-1);text-align:center;text-align-last:center;font-family:var(--font-heading);cursor:pointer;font-weight:700}@media (width>=768px){.hr-row{grid-template-columns:28px 150px minmax(0,1fr) auto 110px;grid-template-areas:"rank name what cards odds"}.hr-odds{text-align:right}}@media (width<=767.98px){.hr-row{grid-template-areas:"rank name odds"".what what"".cards cards"}.hr-name{font-size:var(--fs-body-sm)}.hr-what{margin-bottom:var(--space-1);text-wrap:balance}}