.kyc-game--complete .kyc-scoreboard, .kyc-game--complete .kyc-assists, .kyc-game--complete .kyc-assist-notice { display: none; }
.kyc-summary { text-align: center; }
.kyc-summary h2 { font-size: clamp(28px, 5vw, 38px); letter-spacing: -.03em; }
.kyc-summary h2:focus { outline: none; }
.kyc-summary-chart { position: relative; width: min(250px, 100%); margin: 0 auto; }
.kyc-summary-chart svg { display: block; width: 100%; height: auto; overflow: visible; }
.kyc-summary-track, .kyc-summary-ring { fill: none; stroke-width: 12; }
.kyc-summary-track { stroke: var(--line); }
.kyc-summary-ring { stroke: #328148; }
.kyc-summary-score { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: 8px; }
.kyc-summary-score strong { font-size: clamp(30px, 7vw, 46px); letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.kyc-summary-score span { color: var(--muted); font-size: 13px; }
.kyc-summary-breakdown { display: flex; justify-content: center; gap: 64px; margin: 12px 0 28px; }
.kyc-summary-breakdown dt { color: var(--muted); font-size: 14px; }
.kyc-summary-breakdown dd { margin: 6px 0 0; font-size: 28px; font-weight: 800; font-variant-numeric: tabular-nums; }
.kyc-summary-owed { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 20px; border: 1px solid var(--line); border-radius: 12px; background: var(--paper-soft); color: var(--muted); font-size: 14px; }
.kyc-summary-owed strong { color: var(--ink); font-size: 30px; font-variant-numeric: tabular-nums; }
.kyc-summary-next-title { margin: 32px 0 16px; font-size: 18px; }
.kyc-summary-suggestions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 28px; }
.kyc-summary-suggestions a { display: flex; flex-direction: column; justify-content: center; gap: 8px; padding: 20px 12px; border: 1px solid var(--line); border-radius: 12px; color: var(--ink); text-decoration: none; background: var(--paper-soft); }
.kyc-summary-suggestions a:hover { border-color: var(--accent-deep); }
.kyc-summary-suggestions a:focus-visible { outline: 2px solid var(--accent-deep); outline-offset: 3px; }
.kyc-summary-suggestions .kyc-summary-icon { align-self: center; order: -1; color: var(--tile-accent); }
.kyc-summary-suggestions strong { font-size: 14px; }
.kyc-summary-suggestions span { color: var(--muted); font-size: 12px; line-height: 1.6; }
@media (max-width: 600px) {
  .kyc-summary-suggestions { grid-template-columns: 1fr; }
  .kyc-summary-suggestions a { padding: 16px; }
}