.pain-figure{--pain-ground:var(--color-bg);width:100%;height:auto;color:var(--c-ink);display:block;overflow:visible}.pain-figure__spot{--lit:0;cursor:pointer;outline:none}.pain-figure__hit{fill:#0000}.pain-figure__halo{fill:var(--c-aqua);opacity:0;transform-box:fill-box;transform-origin:50%;animation:pain-pulse 3s var(--ease-out) infinite}@keyframes pain-pulse{0%{opacity:.35;transform:scale(.55)}70%,to{opacity:0;transform:scale(1.35)}}.pain-figure__ring{fill:var(--color-surface);stroke:var(--color-accent);stroke-width:26px;r:calc(95px + var(--lit) * 25px);transition:fill var(--duration-base) var(--ease-out), stroke var(--duration-base) var(--ease-out), r var(--duration-base) var(--ease-out)}@supports (color:color-mix(in srgb, red, blue)){.pain-figure__ring{fill:color-mix(in srgb, var(--color-accent) calc(var(--lit) * 100%), var(--color-surface));stroke:color-mix(in srgb, var(--color-accent-soft) calc(var(--lit) * 100%), var(--color-accent))}}.pain-figure__label{fill:var(--color-text);font-family:var(--font-body);font-size:210px;font-weight:var(--weight-semibold);paint-order:stroke;stroke:var(--pain-ground);stroke-width:70px;stroke-linejoin:round;opacity:var(--lit);transition:opacity var(--duration-base) var(--ease-out);pointer-events:none}[data-pain-map]:has(a[data-spot=head]:is(:hover,:focus-visible),[data-spot=head]:target) .pain-figure__spot[data-spot=head],[data-pain-map]:has(a[data-spot=neck]:is(:hover,:focus-visible),[data-spot=neck]:target) .pain-figure__spot[data-spot=neck],[data-pain-map]:has(a[data-spot=chest]:is(:hover,:focus-visible),[data-spot=chest]:target) .pain-figure__spot[data-spot=chest],[data-pain-map]:has(a[data-spot=lower-back]:is(:hover,:focus-visible),[data-spot=lower-back]:target) .pain-figure__spot[data-spot=lower-back],[data-pain-map]:has(a[data-spot=pelvis]:is(:hover,:focus-visible),[data-spot=pelvis]:target) .pain-figure__spot[data-spot=pelvis],[data-pain-map]:has(a[data-spot=hips]:is(:hover,:focus-visible),[data-spot=hips]:target) .pain-figure__spot[data-spot=hips],[data-pain-map]:has(.pain-figure__spot[data-spot=head]:hover) [data-echo=head],[data-pain-map]:has(.pain-figure__spot[data-spot=neck]:hover) [data-echo=neck],[data-pain-map]:has(.pain-figure__spot[data-spot=chest]:hover) [data-echo=chest],[data-pain-map]:has(.pain-figure__spot[data-spot=lower-back]:hover) [data-echo=lower-back],[data-pain-map]:has(.pain-figure__spot[data-spot=pelvis]:hover) [data-echo=pelvis],[data-pain-map]:has(.pain-figure__spot[data-spot=hips]:hover) [data-echo=hips]{--lit:1}
