.completion-grid{flex-direction:column;gap:24px;display:flex}.completion-grid__section{flex-direction:column;gap:8px;display:flex}.completion-grid__section-label{font-family:var(--font-heading);color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin:0;font-size:13px;font-weight:600}@keyframes completion-grid-gold-pulse{0%{color:var(--text-muted)}40%{color:var(--yellow-dark)}70%{color:var(--yellow)}to{color:var(--text-muted)}}.completion-grid__section-label--all-gold{color:var(--yellow-dark);animation:1.4s ease-in-out completion-grid-gold-pulse}.completion-grid__cells{grid-template-columns:repeat(8,28px);gap:4px;display:grid}.completion-grid__cell-wrap{position:relative}.completion-grid__cell{border-radius:var(--radius-sm);border:1px solid var(--border);cursor:default;flex-shrink:0;width:28px;height:28px;transition:transform .15s}.completion-grid__cell-wrap:hover .completion-grid__cell{z-index:1;transform:scale(1.15)}.completion-grid__cell--gold{border-color:var(--yellow-dark)}.completion-grid__tooltip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:20;pointer-events:none;flex-direction:column;gap:4px;width:max-content;max-width:240px;padding:8px 12px;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000001f}.completion-grid__cell-wrap:hover .completion-grid__tooltip{display:flex}.completion-grid__tooltip-question{color:var(--text);white-space:normal;word-break:break-word;font-size:12px;line-height:1.4}.completion-grid__tooltip-score{color:var(--accent-text);font-size:12px;font-weight:600}
