/* =============================================================
   tahmin.css — TAHMİN ETME OYUNLARININ ORTAK EKLERİ
   Kaç Dinleyici? ve Kaç Yaşında? kullanır (oyun.css'ten SONRA yüklenir).
   Mantığı js/tahmin-motoru.js'te.
   ============================================================= */

/* başlığın sağındaki dekoratif ölçek şeridi (motor çizer) */
.strip{display:flex;gap:3px;height:18px;align-items:flex-end;width:100%}
.strip i{flex:1;background:var(--line-soft);border-radius:1px;display:block}
.strip i.on{background:var(--green-deep)}
.strip i.hot{background:var(--green)}
.strip i.top{background:var(--lime)}
.headrow{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.headrow .stripwrap{flex:1;min-width:130px;max-width:250px}

/* havuz düğmesindeki kişi sayısı: "Yerli (115)" */
.chip .adet{font-style:normal;opacity:.6}

/* tahmin sonucundaki vurgulu satır (gerçek değer) */
.rrow b.vurgu{color:var(--green)}

/* Oynarken site başlığı ve alt bilgi gizlenir (motor "sahnede" sınıfını ekler).
   Bu kural oyun.css'te değil çünkü Sus da Anlat! ve Vaka Dosyası da bu sınıfı
   açıyor ama başlıklarını gizlemiyor. */
body.sahnede .sitehead,
body.sahnede .gamehead,
body.sahnede .sitefoot{display:none}
body.sahnede .wrap{padding-block:12px}
body.sahnede .screen{margin-top:0}

/* dokunmatik ekranda klavye ipucu gereksiz */
@media (hover:none){ .klavye-ipucu{display:none} }

#g-next{margin-top:18px}

/* ---------- telefon: tahmin sonucu kaydırmadan sığsın ----------
   Kural: oyun ekranı 375×553'e (Safari çubukları açıkken) sığmalı.
   Sonuç açılınca "Sonraki tur" düğmesi ekranın altında kalıyordu;
   üst çubuk tek satıra iner, yuvarlak ve satırlar küçülür. */
@media (max-width:720px){
  .hud .stat{margin-right:9px;font-size:11px;letter-spacing:.03em}
  .hud .stat b{font-size:15px;margin-left:4px}
  .hud .linkbtn{font-size:12px;padding:2px}

  #s-guess .solo{padding:16px 14px 14px;gap:9px}
  #s-guess .avatar{width:52px;height:52px;font-size:22px}
  #s-guess .result{padding-top:10px;margin-top:2px}
  #s-guess .rrow{padding:3px 0;font-size:13px}
  #s-guess .rrow b{font-size:17px}
  #s-guess .track{margin-top:10px}
  #g-next{margin-top:12px}
}