/* =========================================================
   HİKÂYE SAVAŞI: SOL / SAĞ İKİ AYRI TUŞ (Mert, 29 Ekim 2026 — 52. paket)
   Yalnız canlı sitede (html.kj-live-ui): yatay hap çubuk, iki büyük ◀ / ▶ tuşu gibi görünür; basılan taraf yanar
   (js/touch.js go-l / go-r sınıfları). Dokunma eskisi gibi: sol yarı sola, sağ yarı sağa. Sunucusuz oyunda değişmez.
   ========================================================= */
html.kj-live-ui body[data-tmode="battle"] .tc-pad {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
html.kj-live-ui body[data-tmode="battle"] .tc-pad .tc-knob {
  display: none !important;
}
html.kj-live-ui body[data-tmode="battle"] .tc-arrow.a-l,
html.kj-live-ui body[data-tmode="battle"] .tc-arrow.a-r {
  top: 0 !important;
  bottom: 0 !important;
  width: 44% !important;
  transform: none !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--b) * .8);
  font-size: calc(var(--b) * .62) !important;
  color: rgba(243, 233, 220, .8) !important;
  background: radial-gradient(circle at 50% 40%, rgba(40, 20, 56, .6), rgba(10, 4, 16, .7));
  border: calc(var(--b) * .04 + 1px) solid rgba(127, 227, 255, .55);
  box-shadow: 0 0 calc(var(--b) * .3) rgba(127, 227, 255, .2), inset 0 0 calc(var(--b) * .35) rgba(0, 0, 0, .55);
  box-sizing: border-box;
  transition: background .08s, border-color .08s, transform .08s;
}
html.kj-live-ui body[data-tmode="battle"] .tc-arrow.a-l { left: 0 !important; }
html.kj-live-ui body[data-tmode="battle"] .tc-arrow.a-r { right: 0 !important; }
html.kj-live-ui body[data-tmode="battle"] .tc-pad.go-l .tc-arrow.a-l,
html.kj-live-ui body[data-tmode="battle"] .tc-pad.go-r .tc-arrow.a-r {
  border-color: var(--gold) !important;
  color: #fff !important;
  background: radial-gradient(circle at 50% 40%, rgba(255, 209, 102, .55), rgba(120, 60, 10, .75)) !important;
  transform: scale(.95) !important;
}