/* Kafadan Hesap */
.k-sure-cubuk { height: 8px; border-radius: 4px; background: var(--yuzey-2); overflow: hidden; margin: 0 auto 14px; max-width: 420px; }
.k-sure-cubuk span {
  display: block; height: 100%; background: var(--k); border-radius: 4px;
  transform-origin: left; transform: scaleX(var(--oran, 1));
}
.k-ekran {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  min-height: 170px; margin: 0 auto 14px; max-width: 420px; padding: 12px;
  border-radius: 16px; background: color-mix(in srgb, var(--k) 10%, var(--yuzey));
  border: 2px solid color-mix(in srgb, var(--k) 40%, var(--cizgi));
}
.k-soru { font-size: clamp(1.4rem, 6vw, 1.8rem); font-weight: 700; margin: 0; text-align: center; }
.k-ekran--oyun .k-soru { font-size: clamp(2.2rem, 11vw, 3.2rem); font-variant-numeric: tabular-nums; }
.k-cevap {
  min-width: 140px; margin: 8px 0 0; padding: 4px 16px; text-align: center;
  font-size: clamp(2rem, 10vw, 2.8rem); font-weight: 800; font-variant-numeric: tabular-nums;
  border-bottom: 4px solid var(--k); line-height: 1.2;
}
.k-ekran:not(.k-ekran--oyun) .k-cevap { display: none; }
.k-cevap--dogru { color: var(--basari); border-color: var(--basari); }
.k-cevap--yanlis { color: var(--tehlike); border-color: var(--tehlike); animation: sallan 0.3s ease; }
.k-basla { margin-top: 12px; min-width: 160px; font-size: 1.1rem; }
.k-basla[hidden] { display: none; }

.k-tuslar {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; max-width: 320px; margin: 0 auto;
  transition: opacity 0.2s ease;
}
.k-tuslar button {
  font: inherit; font-size: 1.5rem; font-weight: 700; min-height: 58px; border-radius: 12px;
  border: 1px solid var(--cizgi); background: var(--yuzey-2); color: var(--metin);
  cursor: pointer; touch-action: manipulation; user-select: none; -webkit-user-select: none;
}
.k-tuslar button:active { transform: translateY(1px); filter: brightness(0.95); }
.k-tuslar [data-tus="gec"] { font-size: 1.05rem; }
.k-tuslar--kapali { opacity: 0.4; pointer-events: none; }