/* V6.5 R26 - Mobil tam ekranda kalıcı 15x2 Düz Okey ıstakası.
   Mobil görünüm JS tarafından html.okey-mobile-view sınıfıyla açılır;
   fullscreen sırasında viewport 992px'i aşsa da masaüstüne dönmez. */
html.okey-mobile-view {
  --okey-mobile-toolbar-h: 54px;
  --okey-mobile-rack-h: 150px;
  --okey-mobile-safe-bottom: env(safe-area-inset-bottom, 0px);
  --okey-mobile-row-gap: 9px;
}

html.okey-mobile-view,
html.okey-mobile-view body {
  width: 100%;
  height: var(--iznel-vh, 100dvh);
  min-height: 0;
  overflow: hidden !important;
  overscroll-behavior: none;
}

html.okey-mobile-view body > nav,
html.okey-mobile-view body > footer,
html.okey-mobile-view #reconnectBanner { display: none !important; }

html.okey-mobile-view main,
html.okey-mobile-view .okey-premium,
html.okey-mobile-view #okeyApp {
  width: 100% !important;
  height: var(--iznel-vh, 100dvh) !important;
  min-height: 0 !important;
  max-height: var(--iznel-vh, 100dvh) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  transform: none !important;
}

html.okey-mobile-view .okey-stage {
  position: absolute !important;
  inset: 0 0 calc(var(--okey-mobile-rack-h) + var(--okey-mobile-safe-bottom)) 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 3px max(4px, env(safe-area-inset-right)) 2px max(4px, env(safe-area-inset-left)) !important;
  overflow: hidden !important;
  transform: none !important;
}

html.okey-mobile-view .premium-table-wrap {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  transform: none !important;
}

html.okey-mobile-view .premium-board {
  position: absolute !important;
  inset: var(--okey-mobile-toolbar-h) 0 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
  transform: none !important;
}

html.okey-mobile-view .okey-hud {
  position: absolute !important;
  z-index: 80 !important;
  inset: 2px 4px auto 4px !important;
  width: auto !important;
  height: calc(var(--okey-mobile-toolbar-h) - 4px) !important;
  min-height: 0 !important;
  margin: 0 !important;
  transform: none !important;
  overflow: hidden !important;
}

html.okey-mobile-view .premium-rack {
  position: fixed !important;
  z-index: 120 !important;
  left: max(14px, env(safe-area-inset-left, 0px)) !important;
  right: max(14px, env(safe-area-inset-right, 0px)) !important;
  bottom: var(--okey-mobile-safe-bottom) !important;
  top: auto !important;
  width: auto !important;
  max-width: 1180px !important;
  height: var(--okey-mobile-rack-h) !important;
  min-height: var(--okey-mobile-rack-h) !important;
  max-height: var(--okey-mobile-rack-h) !important;
  margin: 0 auto !important;
  padding: 7px 10px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  transform: none !important;
  translate: none !important;
}

/* R26: tam ekran sonrasında da kesin olarak 15 sütun x 2 satır. */
html.okey-mobile-view .okey-rack.dynamic-rack {
  display: grid !important;
  grid-template-columns: repeat(15, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-columns: minmax(0, 1fr) !important;
  grid-auto-rows: minmax(0, 1fr) !important;
  grid-auto-flow: row !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  column-gap: 4px !important;
  row-gap: var(--okey-mobile-row-gap) !important;
  padding: 3px 5px !important;
  margin: 0 !important;
  overflow: hidden !important;
  align-items: stretch !important;
  align-content: stretch !important;
}

html.okey-mobile-view .okey-rack.dynamic-rack > .rack-slot:nth-child(-n+15) {
  grid-row: 1 !important;
}
html.okey-mobile-view .okey-rack.dynamic-rack > .rack-slot:nth-child(n+16):nth-child(-n+30) {
  grid-row: 2 !important;
}
html.okey-mobile-view .okey-rack.dynamic-rack > .rack-slot:nth-child(15n+1) { grid-column: 1 !important; }
html.okey-mobile-view .okey-rack.dynamic-rack > .rack-slot:nth-child(15n+2) { grid-column: 2 !important; }
html.okey-mobile-view .okey-rack.dynamic-rack > .rack-slot:nth-child(15n+3) { grid-column: 3 !important; }
html.okey-mobile-view .okey-rack.dynamic-rack > .rack-slot:nth-child(15n+4) { grid-column: 4 !important; }
html.okey-mobile-view .okey-rack.dynamic-rack > .rack-slot:nth-child(15n+5) { grid-column: 5 !important; }
html.okey-mobile-view .okey-rack.dynamic-rack > .rack-slot:nth-child(15n+6) { grid-column: 6 !important; }
html.okey-mobile-view .okey-rack.dynamic-rack > .rack-slot:nth-child(15n+7) { grid-column: 7 !important; }
html.okey-mobile-view .okey-rack.dynamic-rack > .rack-slot:nth-child(15n+8) { grid-column: 8 !important; }
html.okey-mobile-view .okey-rack.dynamic-rack > .rack-slot:nth-child(15n+9) { grid-column: 9 !important; }
html.okey-mobile-view .okey-rack.dynamic-rack > .rack-slot:nth-child(15n+10) { grid-column: 10 !important; }
html.okey-mobile-view .okey-rack.dynamic-rack > .rack-slot:nth-child(15n+11) { grid-column: 11 !important; }
html.okey-mobile-view .okey-rack.dynamic-rack > .rack-slot:nth-child(15n+12) { grid-column: 12 !important; }
html.okey-mobile-view .okey-rack.dynamic-rack > .rack-slot:nth-child(15n+13) { grid-column: 13 !important; }
html.okey-mobile-view .okey-rack.dynamic-rack > .rack-slot:nth-child(15n+14) { grid-column: 14 !important; }
html.okey-mobile-view .okey-rack.dynamic-rack > .rack-slot:nth-child(15n+15) { grid-column: 15 !important; }

html.okey-mobile-view .rack-slot {
  min-width: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  margin: 0 !important;
  transform: none !important;
}

html.okey-mobile-view .rack-slot .okey-tile {
  width: min(5vw, 54px) !important;
  max-width: 54px !important;
  height: calc((var(--okey-mobile-rack-h) - 31px - var(--okey-mobile-row-gap)) / 2) !important;
  min-height: 0 !important;
  max-height: 61px !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}

html.okey-mobile-view .rack-slot .okey-tile > span {
  font-size: clamp(1.02rem, 4vh, 1.46rem) !important;
}

html.okey-mobile-view .board-center {
  top: 47% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) scale(var(--okey-mobile-center-scale, .78)) !important;
  transform-origin: center !important;
  gap: 6px !important;
}
html.okey-mobile-view .discard-drop-halo { top: 63% !important; }
html.okey-mobile-view .opponent-zone.bottom {
  bottom: 2px !important;
  transform: translateX(-50%) scale(var(--okey-mobile-player-scale, .82)) !important;
  transform-origin: center bottom !important;
}
html.okey-mobile-view .opponent-zone.top { top: 2px !important; }
html.okey-mobile-view .premium-toolbar,
html.okey-mobile-view .premium-footer,
html.okey-mobile-view .quick-actions { display: none !important; }
html.okey-mobile-view .okey-tile,
html.okey-mobile-view .stock-stack,
html.okey-mobile-view .discard-slot,
html.okey-mobile-view .rack-slot {
  touch-action: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

html.okey-mobile-view.okey-short-screen {
  --okey-mobile-toolbar-h: 48px;
  --okey-mobile-rack-h: 132px;
  --okey-mobile-row-gap: 7px;
}
html.okey-mobile-view.okey-short-screen .premium-rack { padding: 5px 8px !important; }
html.okey-mobile-view.okey-short-screen .rack-slot .okey-tile {
  width: min(4.75vw, 48px) !important;
  max-width: 48px !important;
  max-height: 53px !important;
}

html.okey-mobile-view.okey-very-short-screen {
  --okey-mobile-toolbar-h: 42px;
  --okey-mobile-rack-h: 116px;
  --okey-mobile-row-gap: 5px;
}
html.okey-mobile-view.okey-very-short-screen .premium-rack { padding: 4px 6px !important; }
html.okey-mobile-view.okey-very-short-screen .rack-slot .okey-tile {
  width: min(4.3vw, 40px) !important;
  max-width: 40px !important;
  max-height: 45px !important;
}
html.okey-mobile-view.okey-very-short-screen .rack-slot .okey-tile > span { font-size: .92rem !important; }
html.okey-mobile-view.okey-very-short-screen .opponent-rack.horizontal,
html.okey-mobile-view.okey-very-short-screen .opponent-rack.vertical { opacity: .65; }

/* V6.5 R27 - Tam ekran mobilde gerçek iki katlı ahşap ıstaka.
   Önceki app.css fullscreen kurallarını yüksek özgüllükle kesin olarak ezer. */
html.okey-mobile-view.okey-fullscreen-mobile {
  --okey-mobile-rack-h: clamp(142px, 31dvh, 184px);
  --okey-mobile-row-gap: clamp(8px, 1.8dvh, 13px);
}

html.okey-mobile-view.okey-fullscreen-mobile #okeyApp:fullscreen .premium-rack,
html.okey-mobile-view.okey-fullscreen-mobile #okeyApp:-webkit-full-screen .premium-rack,
html.okey-mobile-view.okey-fullscreen-mobile .premium-rack {
  display: block !important;
  position: fixed !important;
  z-index: 2147483000 !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: max(0px, env(safe-area-inset-bottom, 0px)) !important;
  width: min(94vw, 1080px) !important;
  height: var(--okey-mobile-rack-h) !important;
  min-height: var(--okey-mobile-rack-h) !important;
  max-height: var(--okey-mobile-rack-h) !important;
  margin: 0 !important;
  padding: 8px 12px 10px !important;
  border: 5px solid #3c1d0b !important;
  border-radius: 16px 16px 4px 4px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  transform: translate3d(-50%,0,0) !important;
  translate: none !important;
  background:
    linear-gradient(180deg,rgba(255,223,172,.38),transparent 8%),
    linear-gradient(180deg,#b66a31 0,#7b3e19 45%,#48200c 48%,#915023 54%,#5a2a11 100%) !important;
  box-shadow:
    0 -8px 26px rgba(0,0,0,.45),
    inset 0 3px 0 rgba(255,233,190,.35),
    inset 0 -7px 13px rgba(30,9,1,.68) !important;
}

html.okey-mobile-view.okey-fullscreen-mobile .premium-rack .rack-instruction,
html.okey-mobile-view.okey-fullscreen-mobile #okeyApp:fullscreen .rack-instruction,
html.okey-mobile-view.okey-fullscreen-mobile #okeyApp:-webkit-full-screen .rack-instruction {
  display: none !important;
}

html.okey-mobile-view.okey-fullscreen-mobile #okeyApp:fullscreen .okey-rack.dynamic-rack,
html.okey-mobile-view.okey-fullscreen-mobile #okeyApp:-webkit-full-screen .okey-rack.dynamic-rack,
html.okey-mobile-view.okey-fullscreen-mobile .okey-rack.dynamic-rack {
  position: absolute !important;
  inset: 7px 9px 8px !important;
  display: grid !important;
  grid-template-columns: repeat(15,minmax(0,1fr)) !important;
  grid-template-rows: repeat(2,minmax(0,1fr)) !important;
  grid-auto-flow: row !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 5px 7px !important;
  column-gap: clamp(3px,.45vw,7px) !important;
  row-gap: var(--okey-mobile-row-gap) !important;
  overflow: visible !important;
  align-items: stretch !important;
  align-content: stretch !important;
  box-sizing: border-box !important;
  border-radius: 8px !important;
  background:
    linear-gradient(to bottom,
      rgba(43,15,4,.20) 0,
      rgba(43,15,4,.08) calc(50% - 5px),
      rgba(45,16,4,.88) calc(50% - 5px),
      rgba(255,190,103,.25) 50%,
      rgba(43,15,4,.88) calc(50% + 5px),
      rgba(43,15,4,.08) calc(50% + 5px),
      rgba(43,15,4,.18) 100%),
    linear-gradient(90deg,rgba(255,255,255,.08),transparent 10%,transparent 90%,rgba(0,0,0,.24)) !important;
  box-shadow: inset 0 5px 12px rgba(34,10,1,.55), inset 0 -3px rgba(255,199,124,.12) !important;
}

html.okey-mobile-view.okey-fullscreen-mobile .okey-rack.dynamic-rack > .rack-slot {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg,rgba(50,17,5,.12),rgba(50,17,5,.29)) !important;
  box-shadow: inset 0 1px rgba(255,211,150,.10), inset 0 -2px 4px rgba(28,8,1,.32) !important;
}

html.okey-mobile-view.okey-fullscreen-mobile .okey-rack.dynamic-rack > .rack-slot .okey-tile {
  width: clamp(42px,5.4vw,64px) !important;
  height: calc((var(--okey-mobile-rack-h) - 43px - var(--okey-mobile-row-gap))/2) !important;
  max-width: 64px !important;
  max-height: 72px !important;
  min-width: 0 !important;
  min-height: 48px !important;
  margin: 0 !important;
  transform: none;
}

html.okey-mobile-view.okey-fullscreen-mobile .okey-rack.dynamic-rack > .rack-slot .okey-tile > span {
  font-size: clamp(1.25rem,4.5dvh,1.95rem) !important;
  line-height: 1 !important;
}

html.okey-mobile-view.okey-fullscreen-mobile .okey-stage {
  bottom: calc(var(--okey-mobile-rack-h) + max(0px, env(safe-area-inset-bottom, 0px))) !important;
}

/* Ekran çok kısa olsa bile iki sıra korunur; sadece taş ve ıstaka birlikte ölçeklenir. */
@media (orientation:landscape) and (max-height:390px) {
  html.okey-mobile-view.okey-fullscreen-mobile { --okey-mobile-rack-h: 132px; --okey-mobile-row-gap: 6px; }
  html.okey-mobile-view.okey-fullscreen-mobile .okey-rack.dynamic-rack > .rack-slot .okey-tile {
    width: clamp(36px,4.7vw,50px) !important;
    min-height: 42px !important;
    max-height: 55px !important;
  }
}

/* V6.5 R28 - Mobil tam ekranda daha büyük taşlar.
   R27'nin gerçek 15x2 çift sıralı ıstaka yapısı kesinlikle korunur. */
html.okey-mobile-view.okey-fullscreen-mobile {
  --okey-mobile-rack-h: clamp(162px, 35dvh, 208px) !important;
  --okey-mobile-row-gap: clamp(9px, 2dvh, 14px) !important;
}

html.okey-mobile-view.okey-fullscreen-mobile #okeyApp:fullscreen .premium-rack,
html.okey-mobile-view.okey-fullscreen-mobile #okeyApp:-webkit-full-screen .premium-rack,
html.okey-mobile-view.okey-fullscreen-mobile .premium-rack {
  width: min(98vw, 1180px) !important;
  padding: 7px 8px 9px !important;
}

html.okey-mobile-view.okey-fullscreen-mobile #okeyApp:fullscreen .okey-rack.dynamic-rack,
html.okey-mobile-view.okey-fullscreen-mobile #okeyApp:-webkit-full-screen .okey-rack.dynamic-rack,
html.okey-mobile-view.okey-fullscreen-mobile .okey-rack.dynamic-rack {
  inset: 6px 7px 7px !important;
  padding: 4px 5px !important;
  column-gap: clamp(1px, .24vw, 4px) !important;
  grid-template-columns: repeat(15, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
}

html.okey-mobile-view.okey-fullscreen-mobile .okey-rack.dynamic-rack > .rack-slot .okey-tile {
  width: min(100%, 72px) !important;
  height: calc((var(--okey-mobile-rack-h) - 37px - var(--okey-mobile-row-gap)) / 2) !important;
  max-width: 72px !important;
  max-height: 84px !important;
  min-height: 56px !important;
  border-radius: 8px !important;
}

html.okey-mobile-view.okey-fullscreen-mobile .okey-rack.dynamic-rack > .rack-slot .okey-tile > span {
  font-size: clamp(1.45rem, 5.2dvh, 2.25rem) !important;
}

/* Kısa ekranlarda da çift sıra korunur; yalnız orantılı küçülür. */
@media (orientation: landscape) and (max-height: 430px) {
  html.okey-mobile-view.okey-fullscreen-mobile {
    --okey-mobile-rack-h: 150px !important;
    --okey-mobile-row-gap: 7px !important;
  }
  html.okey-mobile-view.okey-fullscreen-mobile .okey-rack.dynamic-rack > .rack-slot .okey-tile {
    width: min(100%, 58px) !important;
    min-height: 48px !important;
    max-height: 65px !important;
  }
  html.okey-mobile-view.okey-fullscreen-mobile .okey-rack.dynamic-rack > .rack-slot .okey-tile > span {
    font-size: clamp(1.2rem, 4.7dvh, 1.7rem) !important;
  }
}

@media (orientation: landscape) and (max-height: 360px) {
  html.okey-mobile-view.okey-fullscreen-mobile {
    --okey-mobile-rack-h: 134px !important;
    --okey-mobile-row-gap: 5px !important;
  }
}

/* V6.5 R29 - Mobil tam ekran Premium Ahşap Masa Teması.
   R27/R28 15x2 çift sıra ıstaka kilitlidir; masaüstünü etkilemez. */
html.okey-mobile-view.okey-fullscreen-mobile {
  --r29-wood-dark: #3a1608;
  --r29-wood-mid: #8d481d;
  --r29-wood-light: #c47a38;
  --r29-felt-1: #0d6a36;
  --r29-felt-2: #064526;
  --okey-mobile-rack-h: clamp(178px, 39dvh, 232px) !important;
  --okey-mobile-row-gap: clamp(10px, 2.2dvh, 16px) !important;
}

html.okey-mobile-view.okey-fullscreen-mobile .premium-board {
  inset: var(--okey-mobile-toolbar-h) 5px 4px !important;
  border: clamp(7px, 1.15vw, 14px) solid var(--r29-wood-dark) !important;
  border-radius: clamp(24px, 4vw, 54px) !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(63,218,113,.18), transparent 36%),
    radial-gradient(circle at 20% 25%, rgba(255,255,255,.045), transparent 27%),
    repeating-linear-gradient(115deg, rgba(255,255,255,.012) 0 1px, transparent 1px 4px),
    linear-gradient(145deg,var(--r29-felt-1),var(--r29-felt-2) 72%) !important;
  box-shadow:
    inset 0 0 0 3px rgba(231,162,87,.62),
    inset 0 0 42px rgba(0,0,0,.46),
    0 7px 22px rgba(0,0,0,.58) !important;
}

html.okey-mobile-view.okey-fullscreen-mobile .premium-board::before {
  content:"";
  position:absolute;
  inset:-11px;
  z-index:-1;
  border-radius:inherit;
  background:
    linear-gradient(180deg,rgba(255,199,124,.32),transparent 15%),
    linear-gradient(90deg,var(--r29-wood-dark),var(--r29-wood-light) 18%,var(--r29-wood-mid) 48%,var(--r29-wood-light) 82%,var(--r29-wood-dark));
  box-shadow:inset 0 -6px 12px rgba(20,5,0,.72);
}

html.okey-mobile-view.okey-fullscreen-mobile .okey-hud {
  inset: 2px max(8px,env(safe-area-inset-right)) auto max(8px,env(safe-area-inset-left)) !important;
  border: 2px solid rgba(222,155,78,.55) !important;
  border-radius: 13px !important;
  background:linear-gradient(180deg,rgba(55,15,8,.96),rgba(19,7,5,.96)) !important;
  box-shadow:0 5px 15px rgba(0,0,0,.45), inset 0 1px rgba(255,223,174,.2) !important;
}

html.okey-mobile-view.okey-fullscreen-mobile .player-seat {
  border:2px solid rgba(218,153,76,.72) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(17,19,15,.98),rgba(4,12,9,.96)) !important;
  box-shadow:0 5px 15px rgba(0,0,0,.48), inset 0 1px rgba(255,255,255,.08) !important;
}
html.okey-mobile-view.okey-fullscreen-mobile .player-avatar {
  border:3px solid #d5a159 !important;
  box-shadow:0 0 0 2px #38200f,0 4px 10px rgba(0,0,0,.52) !important;
}
html.okey-mobile-view.okey-fullscreen-mobile .opponent-zone.bottom .player-seat {
  box-shadow:0 0 0 3px rgba(73,255,104,.65),0 0 22px rgba(33,255,88,.38),0 7px 17px rgba(0,0,0,.52) !important;
}

html.okey-mobile-view.okey-fullscreen-mobile .board-center {
  top:44% !important;
  padding:7px 10px !important;
  border-radius:18px !important;
  background:rgba(2,28,14,.34) !important;
  box-shadow:0 6px 18px rgba(0,0,0,.26) !important;
}
html.okey-mobile-view.okey-fullscreen-mobile .indicator-box,
html.okey-mobile-view.okey-fullscreen-mobile .stock-stack,
html.okey-mobile-view.okey-fullscreen-mobile .discard-slot {
  border:2px solid rgba(224,166,92,.58) !important;
  background:linear-gradient(180deg,rgba(13,58,31,.96),rgba(3,24,13,.96)) !important;
  box-shadow:0 5px 13px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.08) !important;
}

/* Referans görseldeki gibi gerçek iki raflı, kalın ahşap ıstaka. */
html.okey-mobile-view.okey-fullscreen-mobile #okeyApp:fullscreen .premium-rack,
html.okey-mobile-view.okey-fullscreen-mobile #okeyApp:-webkit-full-screen .premium-rack,
html.okey-mobile-view.okey-fullscreen-mobile .premium-rack {
  width:min(96.5vw,1220px) !important;
  padding:10px 14px 13px !important;
  border:7px solid #351306 !important;
  border-radius:12px 12px 3px 3px !important;
  background:
    linear-gradient(90deg,rgba(35,9,1,.7),transparent 4%,transparent 96%,rgba(35,9,1,.7)),
    repeating-linear-gradient(90deg,rgba(255,220,163,.035) 0 2px,transparent 2px 27px),
    linear-gradient(180deg,#c27a3c 0,#9c5424 9%,#6c3213 44%,#371405 47%,#a45a27 52%,#6d3213 92%,#331204 100%) !important;
  box-shadow:
    0 -9px 24px rgba(0,0,0,.48),
    inset 0 4px 0 rgba(255,225,178,.40),
    inset 0 -9px 15px rgba(24,5,0,.76),
    0 0 0 2px rgba(195,111,48,.55) !important;
}

html.okey-mobile-view.okey-fullscreen-mobile .premium-rack::before,
html.okey-mobile-view.okey-fullscreen-mobile .premium-rack::after {
  content:"";
  position:absolute;
  top:-6px;
  bottom:-8px;
  width:18px;
  z-index:4;
  border:2px solid #261006;
  border-radius:8px 3px 3px 8px;
  background:linear-gradient(90deg,#2e1106,#a85e2a 42%,#d8924c 58%,#52230d);
  box-shadow:inset 2px 0 rgba(255,214,153,.25),0 2px 7px rgba(0,0,0,.48);
  pointer-events:none;
}
html.okey-mobile-view.okey-fullscreen-mobile .premium-rack::before { left:-10px; }
html.okey-mobile-view.okey-fullscreen-mobile .premium-rack::after { right:-10px; transform:scaleX(-1); }

html.okey-mobile-view.okey-fullscreen-mobile .okey-rack.dynamic-rack {
  inset:8px 11px 10px !important;
  padding:6px 9px !important;
  column-gap:clamp(2px,.34vw,5px) !important;
  row-gap:var(--okey-mobile-row-gap) !important;
  background:
    linear-gradient(to bottom,
      rgba(68,24,7,.14) 0,
      rgba(42,12,3,.11) calc(50% - 8px),
      #321004 calc(50% - 7px),
      #d08a47 calc(50% - 2px),
      #59230b calc(50% + 2px),
      #2b0c03 calc(50% + 7px),
      rgba(55,17,5,.13) 100%),
    linear-gradient(180deg,#9f5627,#7c3d18 47%,#88471e 53%,#612b11) !important;
  box-shadow:inset 0 7px 13px rgba(31,7,1,.62),inset 0 -5px 8px rgba(25,5,0,.55),inset 0 0 0 2px rgba(221,141,67,.25) !important;
}

html.okey-mobile-view.okey-fullscreen-mobile .okey-rack.dynamic-rack > .rack-slot {
  border-radius:6px !important;
  background:linear-gradient(180deg,rgba(52,16,4,.08),rgba(34,9,2,.24)) !important;
  box-shadow:inset 0 1px rgba(255,218,160,.11),inset 0 -2px 4px rgba(22,5,0,.32) !important;
}

/* Büyük, parlak, kemik görünüşlü 2.5D taşlar. */
html.okey-mobile-view.okey-fullscreen-mobile .okey-rack.dynamic-rack .okey-tile {
  width:min(100%,76px) !important;
  height:calc((var(--okey-mobile-rack-h) - 49px - var(--okey-mobile-row-gap))/2) !important;
  min-height:62px !important;
  max-height:92px !important;
  max-width:76px !important;
  border:2px solid #d8c28f !important;
  border-radius:9px !important;
  background:
    radial-gradient(ellipse at 32% 18%,rgba(255,255,255,.92),transparent 34%),
    linear-gradient(145deg,#fffdf1 0,#f7efd1 48%,#e3d09a 100%) !important;
  box-shadow:
    0 5px 0 #a48c5b,
    0 7px 9px rgba(0,0,0,.44),
    inset 1px 1px 0 #fff,
    inset -2px -3px 5px rgba(131,104,52,.18) !important;
}
html.okey-mobile-view.okey-fullscreen-mobile .okey-rack.dynamic-rack .okey-tile > span {
  font-size:clamp(1.65rem,6.2dvh,2.65rem) !important;
  font-weight:900 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.7),0 2px 1px rgba(0,0,0,.13) !important;
}
html.okey-mobile-view.okey-fullscreen-mobile .okey-rack.dynamic-rack .okey-tile::after {
  width:clamp(12px,1.65dvh,18px) !important;
  height:clamp(12px,1.65dvh,18px) !important;
  box-shadow:inset 0 2px 3px rgba(0,0,0,.28),0 1px 0 rgba(255,255,255,.72) !important;
}

@media (orientation:landscape) and (max-height:430px) {
  html.okey-mobile-view.okey-fullscreen-mobile { --okey-mobile-rack-h:156px !important; --okey-mobile-row-gap:7px !important; }
  html.okey-mobile-view.okey-fullscreen-mobile .okey-rack.dynamic-rack .okey-tile {
    max-width:61px !important; min-height:50px !important; max-height:68px !important;
  }
  html.okey-mobile-view.okey-fullscreen-mobile .okey-rack.dynamic-rack .okey-tile > span {
    font-size:clamp(1.25rem,5dvh,1.85rem) !important;
  }
}


/* V6.5 R34 - Canlı sıra göstergesi ve hızlı taş etkileşimi */
.okey-premium .player-seat{transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,filter .14s ease}
.okey-premium .player-seat.active-turn{z-index:12;border-color:#48ff77!important;filter:saturate(1.18) brightness(1.08);box-shadow:0 0 0 3px rgba(57,255,105,.78),0 0 16px rgba(43,255,93,.72),0 0 36px rgba(17,226,74,.42),0 8px 20px rgba(0,0,0,.55)!important}
.okey-premium .player-seat.active-turn .player-avatar{border-color:#5cff83!important;box-shadow:0 0 0 3px rgba(16,92,38,.9),0 0 18px rgba(47,255,101,.86)!important;animation:r34TurnAvatarPulse 1.25s ease-in-out infinite}
.okey-premium .player-avatar{position:relative}
.okey-premium .player-avatar .online-light{position:absolute;right:-2px;bottom:0;width:11px;height:11px;border-radius:50%;background:#66706a;border:2px solid #142019;box-shadow:0 1px 4px rgba(0,0,0,.6)}
.okey-premium .player-seat.active-turn .online-light{background:#42ff75;box-shadow:0 0 0 3px rgba(66,255,117,.18),0 0 12px #42ff75;animation:r34OnlineLight .9s ease-in-out infinite}
.okey-premium .turn-badge{font-weight:900;letter-spacing:.05em;color:#041209;background:linear-gradient(180deg,#85ff9f,#29d85a);border:1px solid #baffc8;border-radius:999px;padding:4px 9px;box-shadow:0 0 13px rgba(50,255,101,.7);white-space:nowrap}
.okey-premium .player-seat.viewer-turn .turn-badge{font-size:.78rem;padding:5px 12px}
.okey-premium .turn-change-pop{animation:r34TurnPop .48s cubic-bezier(.2,.9,.25,1.25)}
.okey-premium .your-turn-banner{position:fixed;left:50%;top:76px;z-index:10060;display:flex;align-items:center;gap:10px;opacity:0;pointer-events:none;transform:translate(-50%,-15px) scale(.92);padding:9px 18px;border:2px solid #adffc0;border-radius:999px;color:#06170b;background:linear-gradient(180deg,#79ff99,#26d95a);box-shadow:0 0 0 5px rgba(42,255,91,.15),0 8px 26px rgba(0,0,0,.46),0 0 26px rgba(42,255,91,.65);transition:opacity .16s ease,transform .16s ease}
.okey-premium .your-turn-banner.show{opacity:1;transform:translate(-50%,0) scale(1);animation:r34BannerPulse 1.35s ease-in-out infinite}
.okey-premium .your-turn-banner strong{font-size:.9rem;letter-spacing:.09em}.okey-premium .your-turn-banner span{font-size:.78rem;font-weight:800;border-left:1px solid rgba(4,38,13,.28);padding-left:10px}
.okey-premium.your-turn-now .premium-board{box-shadow:inset 0 0 0 3px rgba(57,255,104,.30),inset 0 0 42px rgba(19,255,80,.10),0 8px 28px rgba(0,0,0,.55)}
.okey-premium.turn-denied-flash .premium-board{animation:r34DeniedBoard .28s ease 2}
.okey-premium.turn-denied-flash #gameAlert{position:fixed!important;left:50%;top:46%;z-index:10070;transform:translate(-50%,-50%);min-width:min(88vw,360px);text-align:center;font-size:1.05rem;font-weight:900;border:2px solid #ffd36d;box-shadow:0 12px 40px rgba(0,0,0,.58)}
.okey-premium .okey-tile,.okey-premium .rack-slot{transition:transform .08s ease,box-shadow .08s ease,filter .08s ease!important}
.okey-premium .okey-tile:active{transform:translateY(-3px) scale(1.035)!important}
.okey-premium.action-in-flight .stock-stack,.okey-premium.action-in-flight .discard-slot,.okey-premium.action-in-flight .toolbar-right button{pointer-events:none;filter:brightness(.86)}
.okey-premium.waiting-other-turn .draggable-draw-source,.okey-premium.waiting-other-turn .toolbar-right button{cursor:not-allowed}
@keyframes r34TurnAvatarPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}}
@keyframes r34OnlineLight{0%,100%{opacity:.75;transform:scale(.9)}50%{opacity:1;transform:scale(1.22)}}
@keyframes r34TurnPop{0%{transform:scale(.9)}65%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes r34BannerPulse{0%,100%{box-shadow:0 0 0 5px rgba(42,255,91,.12),0 8px 26px rgba(0,0,0,.46),0 0 18px rgba(42,255,91,.45)}50%{box-shadow:0 0 0 9px rgba(42,255,91,.05),0 8px 26px rgba(0,0,0,.46),0 0 32px rgba(42,255,91,.78)}}
@keyframes r34DeniedBoard{0%,100%{transform:translateX(0)}33%{transform:translateX(-4px)}66%{transform:translateX(4px)}}
@media (prefers-reduced-motion:reduce){.okey-premium .player-seat.active-turn .player-avatar,.okey-premium .player-seat.active-turn .online-light,.okey-premium .your-turn-banner.show{animation:none!important}}

html.okey-mobile-view #okeyApp:fullscreen .premium-chat,html.okey-mobile-view #okeyApp:-webkit-full-screen .premium-chat{top:54px!important;left:8px!important;right:8px!important;bottom:8px!important;width:auto!important;z-index:2147483646!important}