/* خريطة القطعيات: تظليل ذهبي، تعتيم، تقريب. يُحمَّل قبل style.css لذا التخصيص أعلى */
.animal{position:relative}
.animal .chart{overflow:visible}
.animal.has-focus .chart{overflow:hidden}
.animal .chart .dimmer{fill:#F6EFE1;opacity:0;transition:opacity .55s ease;pointer-events:none}
.animal .chart.is-focus .dimmer{opacity:.62}
.animal .chart .part{transition:fill .45s ease,stroke .45s ease,stroke-opacity .45s ease}
.animal .chart.is-focus .part:not(.hot){stroke-opacity:.18}
.animal .chart .part.hot{fill:rgba(255,190,60,.38);stroke:#FFD36A;stroke-width:5;stroke-dasharray:none;mix-blend-mode:normal}
.animal .chart.chart-lamb .part.hot{fill:rgba(255,190,60,.4);stroke:#E7B24A;mix-blend-mode:normal}
.animal .chart .part.approx{stroke-dasharray:12 9}
.animal .chart .fx{pointer-events:none;opacity:0;transition:opacity .45s ease}
.animal .chart.is-focus .fx{opacity:1}
.animal .chart .fx .glow{fill:rgba(255,200,70,.55);stroke:#FFC94D;stroke-width:16;stroke-linejoin:round}
/* الشارات: حجم ثابت تقريبًا مهما كان التقريب، ومنطقة لمس 44px على الجوال */
.animal .chart{--bk:1.25}
@media (max-width:700px){.animal .chart{--bk:1.9}}
.animal .chart .badge .bi{transform:scale(calc(var(--bk) / var(--z,1)))}
.animal .chart .badge .hit,.animal .chart .badge.hot .hit{fill:transparent!important;stroke:none!important;filter:none!important}
.animal .chart .badge .ring{fill:none;stroke:var(--gold);stroke-width:3;stroke-dasharray:6 6;filter:none}
.animal .chart .badge.hot .ring{stroke:var(--cream)}
.animal .chart.is-focus .badge:not(.hot) .dot{opacity:.55}
.cm-reset{position:absolute;inset-block-start:26px;inset-inline-start:8px;min-height:44px;min-width:44px;padding:0 18px;border-radius:999px;background:var(--ox);color:var(--cream);font-weight:700;font-size:14.5px;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .35s ease,transform .35s ease;z-index:2}
.animal.has-focus .cm-reset{opacity:1;pointer-events:auto;transform:none}
.animal .cut-legend button{min-height:44px}
.cut-legend button small{font-size:11px;font-weight:600;opacity:.7;margin-inline-start:4px}
@media (prefers-reduced-motion:reduce){.animal .chart .dimmer,.animal .chart .part,.animal .chart .fx,.cm-reset{transition:none}}
/* التشريح: لما ينضغط جزء، الرسم بيتحوّل لصورة تشريح (الجلد مشال) وبيقرّب على القطعة */
.animal .chart .skin,.animal .chart .anat{transition:opacity .7s ease}
.animal .chart .anat{opacity:0;pointer-events:none}
.animal .chart.is-focus .anat{opacity:1}
.animal .chart.is-focus .skin{opacity:0}
.animal .chart.is-focus .dimmer{opacity:.58}
.animal .chart.is-focus .part.hot,.animal .chart.chart-lamb.is-focus .part.hot{fill:rgba(255,214,120,.06);stroke:#FFD36A;stroke-width:4.5}
.animal .chart .fx .glow{fill:none;stroke:#FFC94D;stroke-width:22;stroke-opacity:.75}
@media (prefers-reduced-motion:reduce){.animal .chart .skin,.animal .chart .anat{transition:none}}