.social-result-summary{align-items:center;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) auto;min-width:0}.social-result-summary__identity{align-items:center;display:flex;gap:.75rem;min-width:0}.social-result-summary__avatar{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-round);color:var(--color-text-muted);display:grid;flex:0 0 auto;height:3rem;overflow:hidden;place-items:center;width:3rem}.social-result-summary__avatar img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.social-result-summary__person{display:grid;font-size:var(--font-size-body);gap:.25rem;line-height:var(--line-height-heading);min-width:0;overflow-wrap:anywhere}.social-result-summary__person>strong{font-weight:var(--font-weight-bold)}.social-result-summary__metrics{display:grid;gap:.25rem;justify-items:end;min-width:0}.social-result-summary__score{color:var(--color-primary);font-size:var(--font-size-section-title);font-weight:var(--font-weight-heavy);line-height:var(--line-height-heading);white-space:nowrap}.social-result-summary__score>span{color:var(--color-text-muted);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.social-result-comparison__mode,.social-result-summary__correct,.social-result-summary__mode{color:var(--color-text-muted);font-size:var(--font-size-caption);line-height:var(--line-height-body)}.social-result-summary--compact{align-content:start;border:1px solid var(--color-border);border-radius:var(--radius-md);gap:.75rem;grid-template-columns:minmax(0,1fr);padding:.875rem}.social-result-summary--compact .social-result-summary__avatar{height:2rem;width:2rem}.social-result-summary--compact .social-result-summary__metrics{justify-items:start}.social-result-comparison{display:grid;gap:1.25rem;min-width:0}.social-result-comparison__players{display:grid;gap:.875rem;grid-template-columns:repeat(2,minmax(0,1fr))}.social-result-comparison__tools{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.social-result-comparison__rows{display:grid;list-style:none;margin:0;padding:0}.social-result-comparison__row{border-top:1px solid var(--color-border);display:grid;gap:.625rem;min-width:0;padding-block:.875rem}.social-result-comparison__song{align-items:start;display:flex;gap:.75rem;min-width:0}.social-result-comparison__position{color:var(--color-text-muted);flex:0 0 1.25rem;font-size:var(--font-size-caption);line-height:var(--line-height-body)}.social-result-comparison__song-copy{display:grid;gap:.125rem;line-height:var(--line-height-body);min-width:0;overflow-wrap:anywhere}.social-result-comparison__song-copy>strong{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.social-result-comparison__song-copy>span{color:var(--color-text-muted);font-size:var(--font-size-caption)}.social-result-comparison__answers{display:grid;gap:.875rem;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.social-result-comparison__answer{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-caption);gap:.5rem;line-height:var(--line-height-body);min-width:0}.social-result-comparison__answer>.ui-icon{flex-shrink:0}.social-result-comparison__answer>span{min-width:0;overflow-wrap:anywhere}.social-result-comparison__answer--track{color:var(--color-primary)}.social-result-comparison__answer--artist{color:var(--color-accent)}.social-result-comparison__points{color:inherit;font-weight:var(--font-weight-semibold);margin-left:auto}@media(max-width:420px){.social-result-summary:not(.social-result-summary--compact){grid-template-columns:minmax(0,1fr)}.social-result-summary:not(.social-result-summary--compact) .social-result-summary__metrics{justify-items:start}.social-result-summary--compact{padding:.75rem}.social-result-summary--compact .social-result-summary__identity{align-items:start;flex-direction:column;gap:.5rem}}
