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

/* ================= saat oyunu ================= */

.clock-wrap { display: flex; justify-content: center; }

#clockFace { width: min(64vw, 300px); height: auto; filter: drop-shadow(0 8px 18px rgba(67, 53, 107, 0.15)); }

/* soru kartı saat için: metin sorusu (s1) veya kadran (s2/s3) */
.saat-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);
}

#readingText { font-size: clamp(34px, 8.5vw, 52px); font-weight: 800; line-height: 1.15; display: block; padding: 3vh 0; }

.saat-ask { font-size: 17px; font-weight: 700; color: var(--muted); margin-top: 8px; display: block; }

/* zorluk yıldız rozeti artık /ortak/tema.css'te (kesir oyunu da kullanıyor) */

.answer-btn .answer-num { font-variant-numeric: tabular-nums; letter-spacing: 2px; }


/* okunuşlu şıklar: uzun metin küçük puntoyla sığar */
.answer-btn .answer-word { font-size: clamp(19px, 5.2vw, 26px); letter-spacing: 0; font-variant-numeric: normal; line-height: 1.15; }

/* dijital soru gösterimi (s1'in ters yönü: rakam soru → okunuş şıklar) */
#readingText.digital-q { font-variant-numeric: tabular-nums; letter-spacing: 4px; font-size: clamp(48px, 12vw, 72px); }