.on-target-control{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line);text-align:left}.on-target-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);font:600 13px/1.3 Inter,system-ui,sans-serif;cursor:pointer}.on-target-button svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.on-target-center{fill:transparent}.on-target-button[aria-pressed=true]{color:var(--link);border-color:var(--link)}.on-target-button[aria-pressed=true] .on-target-center{fill:currentColor}.on-target-button:hover:not(:disabled),.on-target-button:focus-visible{border-color:var(--link);outline:2px solid var(--link);outline-offset:3px}.on-target-button:disabled{cursor:wait;opacity:.65}.on-target-count{min-width:18px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}.on-target-status{color:var(--muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}.on-target-status a{white-space:nowrap}.on-target-retry{border:0;padding:4px;background:transparent;color:var(--link);text-decoration:underline;font:inherit;cursor:pointer;min-height:32px}.achievement-badge .on-target-button strong{font-size:14px}.achievement-badge .on-target-control{width:100%;align-self:end}.on-target-button>span{white-space:nowrap}@media(max-width:760px){.on-target-status{flex-basis:100%}.on-target-control{gap:7px}.on-target-status:empty{display:none}}
/* Preserve the selected bullseye color over the shared dark-mode button rule. */
.on-target-control .on-target-button[aria-pressed=true]{color:var(--link);border-color:var(--link)}