/* Okey / 101: yalnızca ahşap yüzey. Raf ve taşların ölçüleri değişmez. */
body #istaka {
  --istaka-damar:
    repeating-linear-gradient(178deg, transparent 0 5px, #4a220b12 6px, transparent 7px 14px),
    repeating-linear-gradient(2deg, #ffdaa414 0 1px, transparent 2px 9px);
  background:
    radial-gradient(ellipse at 24% 40%, #efbf7830, transparent 58%),
    var(--istaka-damar),
    linear-gradient(180deg, #bb874c 0%, #9d6635 48%, #b17a41 52%, #895329 100%);
  border-radius: 8px 8px 6px 6px;
  box-shadow:
    inset 0 2px 0 #f5d49b, inset 0 -3px 0 #4d2a15,
    inset 3px 0 4px #f4c98b60, inset -3px 0 4px #48271090,
    0 5px 8px #0005;
}

/* İki masif yanak; dokunma/sürükleme hedeflerini kapatmaz. */
body #istaka::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(90deg, #4f2b16, #cb9857 48%, #82502a) left / 6px 100% no-repeat,
    linear-gradient(90deg, #704322, #d6a669 48%, #4f2b16) right / 6px 100% no-repeat;
  pointer-events: none;
}

/* Taşlar ayrı koyu kutular yerine kesintisiz, oyulmuş ahşap rafta durur. */
body #istaka > .sira {
  position: relative;
  background:
    var(--istaka-damar),
    linear-gradient(180deg, #643b20 0%, #986435 12%, #be9157 82%, #e3ba7b 96%, #603719 100%);
  border-radius: 3px;
  box-shadow: inset 0 3px 5px #32180970, inset 0 -1px 0 #f6d49a90;
}

/* Raf dudağı: mevcut sıra boşluğunda kalır, taşların üzerine çıkmaz. */
body #istaka > .sira::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 5px;
  border-radius: 1px 1px 3px 3px;
  background: linear-gradient(#f0ca8c, #c49050 35%, #8c562b 60%, #4d2a15);
  box-shadow: 0 2px 2px #32180960;
  pointer-events: none;
}

body #istaka .slot { background: transparent; }
body #istaka .slot.hedef { background: #f4c54255; }