/* Kervan ortak stil — sahne 1920×1080 sabit koordinat, ekrana ölçeklenir. Ekranlar kendi css'ini b.stil() ile yükler. */
:root {
  --parsomen: #f1e3c6; --parsomen-koyu: #e2cda3; --murekkep: #3a2a1c; --murekkep-acik: #6b5640;
  --kum: #d9a86c; --kizil: #b5522f; --lacivert: #22344f; --altin: #e0b04a; --sis: #9fb3c8;
  --yesil: #5f8f4e; --hata: #b8432f; --golge: rgba(30, 18, 8, .45);
  --yazi: "Nunito", "Trebuchet MS", system-ui, sans-serif; --baslik: "Fraunces", Georgia, serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; background: #1b120b; overflow: hidden; touch-action: manipulation;
  -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
#cerceve { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; }
#sahne { position: relative; flex: none; width: 1920px; height: 1080px; overflow: hidden;
  transform: scale(var(--olcek, 1)); transform-origin: center center;
  font-family: var(--yazi); font-size: 34px; color: var(--murekkep); background: #2a1d14; }
.ekran { position: absolute; inset: 0; }
img { -webkit-user-drag: none; }
img.eksik { display: inline-block; min-width: 160px; min-height: 160px; border-radius: 28px; opacity: .55;
  background: repeating-linear-gradient(135deg, rgba(241,227,198,.25) 0 18px, rgba(241,227,198,.08) 18px 36px); }
.dugme { font: 800 36px/1 var(--yazi); color: var(--murekkep); background: var(--parsomen); border: 4px solid var(--murekkep);
  border-radius: 22px; padding: 22px 40px; box-shadow: 0 6px 0 var(--murekkep); cursor: pointer; }
.dugme:active { transform: translateY(4px); box-shadow: 0 2px 0 var(--murekkep); }
.dugme.birincil { background: var(--altin); }
.yapimda { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 24px; color: var(--parsomen); font-family: var(--baslik); }
#dondur { display: none; position: fixed; inset: 0; align-items: center; justify-content: center; background: #1b120b;
  color: #f1e3c6; font: 700 22px/1.4 "Nunito", system-ui, sans-serif; text-align: center; padding: 24px; }
@media (orientation: portrait) and (max-width: 900px) { #dondur { display: flex; } #cerceve { visibility: hidden; } }

/* Oyun tarzı kaydırma (25.10, Yaman: kaydırma olabilir ama tarayıcı çubuğu gibi durmasın).
   Kaydırılan her alan bu sınıfı alır: ince mürekkep rengi tutamak, iz yok, alt-üst kenarı yumuşak solar. */
.kaydir { overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
  scrollbar-width: thin; scrollbar-color: var(--murekkep-acik) transparent;
  -webkit-mask-image: linear-gradient(transparent, #000 36px, #000 calc(100% - 36px), transparent);
  mask-image: linear-gradient(transparent, #000 36px, #000 calc(100% - 36px), transparent); }
.kaydir::-webkit-scrollbar { width: 14px; }
.kaydir::-webkit-scrollbar-track { background: transparent; }
.kaydir::-webkit-scrollbar-thumb { background: var(--murekkep-acik); border-radius: 7px; border: 3px solid transparent; background-clip: padding-box; }