/* Sayı Ustası */
.s-hedef {
  display: flex; flex-direction: column; align-items: center; margin: 4px auto 16px;
  padding: 8px 24px; border-radius: 14px; width: fit-content;
  background: color-mix(in srgb, var(--k) 12%, var(--yuzey)); border: 2px solid var(--k);
}
.s-hedef span { font-size: 0.85rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--metin-2); }
.s-hedef strong { font-size: clamp(2.4rem, 10vw, 3.2rem); line-height: 1.1; font-variant-numeric: tabular-nums; }

.s-sayilar { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; min-height: 64px; }
.s-sayi {
  font: inherit; font-weight: 800; font-size: 1.45rem; font-variant-numeric: tabular-nums;
  min-width: 64px; height: 60px; padding: 0 12px; border-radius: 14px;
  border: 2px solid var(--cizgi); background: var(--yuzey); color: var(--metin);
  box-shadow: 0 3px 0 var(--cizgi); cursor: pointer; touch-action: manipulation;
  animation: s-gir 0.25s ease;
}
.s-sayi[aria-pressed="true"] { border-color: var(--k); background: var(--k); color: #fff; box-shadow: 0 3px 0 color-mix(in srgb, var(--k) 60%, #000); }
.s-sayi--hedef { border-color: var(--basari); background: color-mix(in srgb, var(--basari) 20%, var(--yuzey)); }
@keyframes s-gir { from { transform: scale(0.8); opacity: 0; } }

.s-islemler { display: flex; justify-content: center; gap: 10px; margin-bottom: 14px; }
.s-islem {
  font: inherit; font-size: 1.7rem; font-weight: 800; width: 56px; height: 56px; border-radius: 50%;
  border: 2px solid var(--k); background: var(--yuzey); color: var(--k); cursor: pointer; touch-action: manipulation;
}
.s-islem[aria-pressed="true"] { background: var(--k); color: #fff; }
.s-islem[disabled] { opacity: 0.35; cursor: default; }

.s-gecmis {
  list-style: none; margin: 0 auto 14px; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;
  gap: 6px 14px; color: var(--metin-2); font-variant-numeric: tabular-nums; min-height: 1.6em;
}
.s-gecmis li::before { content: "▸ "; color: var(--k); }
.s-eylemler { display: flex; justify-content: center; gap: 10px; }
@media (prefers-color-scheme: dark) {
  .s-sayi[aria-pressed="true"], .s-islem[aria-pressed="true"] { color: #14162a; }
}