/* Kesir Ustası — SADECE bu oyuna özgü kurallar.
   Ortak taban /ortak/tema.css'te; genel bir kuralı oraya ekle, buraya kopyalama. */

/* soru kartı: görsel (pasta/çubuk) veya metin sorusu */
.kesir-question-card {
  position: relative;
  background: #fff;
  border-radius: 28px;
  box-shadow: 0 12px 28px rgba(67, 53, 107, 0.12);
  padding: 4vh 6vw;
  min-width: 78%;
  text-align: center;
  transform: rotate(-1deg);
}

.kesir-gorsel { display: flex; justify-content: center; align-items: center; min-height: 40px; }

.kesir-gorsel svg { filter: drop-shadow(0 6px 14px rgba(67, 53, 107, 0.14)); }

.kesir-soru {
  display: block;
  font-size: clamp(22px, 5.5vw, 32px);
  font-weight: 800;
  line-height: 1.25;
  padding: 1.2vh 0;
}

.kesir-soru .buyuk-metin { font-size: clamp(34px, 9vw, 52px); }

/* üst üste kesir yazımı: pay / çizgi / payda */
.kx {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  line-height: 1.05;
  margin: 0 4px;
  font-variant-numeric: tabular-nums;
}

.kx b { font-weight: 800; }

.kx i {
  font-style: normal;
  font-weight: 800;
  border-top: 3px solid currentColor;
  padding-top: 1px;
  min-width: 1.3em;
}

.answer-btn .kx { font-size: 26px; }

.kesir-soru .kx { font-size: clamp(30px, 7.5vw, 44px); }

/* şıklarda ad seçenekleri (Bütün/Yarım/Çeyrek) ve sayılar */
.answer-btn .answer-word { font-size: clamp(20px, 5.5vw, 28px); letter-spacing: 0; }