.scores-head{padding-block:var(--gap-m) var(--gap-l);border-bottom:2px solid var(--line)}.scores-head h1{margin-bottom:var(--gap-s)}.scores-head .lede{margin:0}#scores-root{display:grid;gap:var(--gap-xl);padding-block:var(--gap-l)}.score-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:var(--gap-s)}.tot{padding:var(--gap-m);border:2px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 4px color-mix(in oklab,var(--fg) 10%,transparent)}.tot-value{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;line-height:1;letter-spacing:-.04em}.tot-label{margin:.3rem 0 0;font-size:.6875rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.tot-note{margin:.15rem 0 0;font-size:.75rem;color:var(--muted)}.score-activity h2,.score-games h2,.score-backup h2{margin-top:0}.heat{display:grid;grid-template-columns:repeat(28,1fr);gap:4px;max-width:34rem}.heat-cell{aspect-ratio:1;border-radius:3px;background:var(--surface-alt);border:1px solid var(--line)}.heat-cell[data-level="1"]{background:color-mix(in oklab,var(--accent) 30%,var(--surface));border-color:color-mix(in oklab,var(--accent) 40%,var(--line))}.heat-cell[data-level="2"]{background:color-mix(in oklab,var(--accent) 62%,var(--surface));border-color:var(--accent)}.heat-cell[data-level="3"]{background:var(--accent);border-color:var(--accent)}.heat-legend{margin:var(--gap-s) 0 0}.score-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--gap-m)}.score-card{display:grid;align-content:start;gap:var(--gap-s);padding:var(--gap-m);border:2px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--radius-lg);background:var(--surface)}.score-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-s)}.score-name{margin:0;font-size:1.125rem;letter-spacing:-.02em}.score-cat{margin:.15rem 0 0;font-size:.625rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.score-rate{display:grid;justify-items:end;margin:0;font-family:var(--font-mono);font-size:1.125rem;font-weight:800;color:var(--accent-text, var(--accent));line-height:1}.score-rate-cap{font-family:var(--font-body);font-size:.5625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:.2rem}.score-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-xs) var(--gap-s);margin:0;padding-top:var(--gap-s);border-top:1px solid var(--line)}.score-stats dt{font-size:.5625rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.score-stats dd{margin:.1rem 0 0;font-family:var(--font-mono);font-size:.8125rem;font-weight:700}.score-sub{margin:0;font-size:.5625rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.dist{display:grid;gap:3px}.dist-row{display:flex;align-items:center;gap:var(--gap-xs)}.dist-label{flex:none;width:1rem;font-family:var(--font-mono);font-size:.625rem;color:var(--muted);text-align:right}.dist-track{flex:1;min-width:0}.dist-bar{display:block;min-width:1.4rem;padding:.05rem .3rem;border-radius:3px;background:color-mix(in oklab,var(--accent) 55%,var(--surface));color:var(--fg);font-family:var(--font-mono);font-size:.5625rem;font-weight:700;text-align:right}.score-link{justify-self:start;font-size:.75rem;font-weight:700;color:var(--accent-text, var(--accent));text-decoration:none;margin-top:.2rem}.score-link:hover{text-decoration:underline}.scores-empty{display:grid;gap:var(--gap-s);justify-items:start;padding:var(--gap-l);border:2px dashed var(--line);border-radius:var(--radius-lg)}.scores-empty-title{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:800}.scores-empty p{margin:0;max-width:42ch}.score-backup{padding:var(--gap-m);border:2px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.backup-actions{display:flex;flex-wrap:wrap;gap:var(--gap-xs);margin:var(--gap-s) 0}.backup-paste{margin-top:var(--gap-s);border-top:1px dashed var(--line);padding-top:var(--gap-s)}.backup-paste summary{cursor:pointer;font-size:.8125rem;font-weight:700;color:var(--muted)}.backup-paste summary:hover{color:var(--fg)}.backup-paste textarea{display:block;width:100%;margin:var(--gap-s) 0;padding:var(--gap-s);border:2px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--fg);font-family:var(--font-mono);font-size:.75rem;resize:vertical}.backup-paste textarea:focus{outline:none;border-color:var(--accent)}.notice{padding:var(--gap-s) var(--gap-m);border-left:4px solid var(--accent);background:var(--surface-alt);border-radius:0 var(--radius) var(--radius) 0}.explain{margin-top:var(--gap-xl)}@media(max-width:34rem){.heat{grid-template-columns:repeat(14,1fr)}.score-stats{grid-template-columns:repeat(2,1fr)}}