.detail-controls{display:flex;align-items:center;gap:16px;margin-top:12px;flex-wrap:wrap}.detail-controls button{min-height:44px;font-size:14px}.detail-help{font-size:12px;color:var(--muted);line-height:1.5;max-width:350px;margin:0}.detail-lens{position:absolute;z-index:2;border-radius:50%;border:3px solid var(--gold);box-shadow:0 8px 24px #0008,0 0 0 1px #11130f;background-repeat:no-repeat;background-color:var(--ink);pointer-events:none}.detail-inspecting{touch-action:none;cursor:crosshair}.detail-lens[hidden]{display:none}
.training-complete{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;border-top:1px solid var(--gold);margin-top:16px;padding-top:24px}.training-complete[hidden]{display:none}.training-complete svg{width:48px;height:48px;color:var(--gold)}.training-complete path{stroke-dasharray:40;stroke-dashoffset:0}.training-complete .eyebrow{margin-bottom:10px}.training-complete h3{font-size:30px;margin-bottom:12px}.training-complete .small-note{margin-bottom:12px}.training-complete.is-celebrating svg{animation:finish-stamp .35s cubic-bezier(.2,.7,.2,1)}.training-complete.is-celebrating path{animation:finish-check .45s ease-out}
@keyframes finish-stamp{from{transform:scale(.7) rotate(-12deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes finish-check{from{stroke-dashoffset:40}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.training-complete.is-celebrating svg,.training-complete.is-celebrating path{animation:none}}body.motion-paused .training-complete svg,body.motion-paused .training-complete path{animation:none}