/* Okey pilot: visual treatment only. Never change seat, rack or discard geometry. */
body.kk-okey-canli {
  background-image: linear-gradient(#0d3026c9,#102f24c9),url('/assets/oyun-zemin-v224.svg');
  background-size:cover;background-position:center;background-repeat:no-repeat;
  background-color:#153c2e;
}
@media(orientation:landscape) {
  body.kk-okey-canli { background-image:linear-gradient(#0d3026c9,#102f24c9),url('/assets/oyun-zemin-v224.svg'); }
}
body.kk-okey-canli #ust { background:linear-gradient(125deg,#64292b,#381b20); border-bottom-color:#9e7d45; }
body.kk-okey-canli #ust .rozet { background:#193e30; box-shadow:inset 0 0 0 1px #cab27c30; }
body.kk-okey-canli #masa { background:radial-gradient(ellipse at 50% 35%,#527e5940,transparent 72%); }
/* Installation promotion stays in menus; it must not intercept rack gestures. */
body.kk-okey-canli #kk-pwa-band { display:none!important; }
body.kk-okey-canli .koltuk {
  background:linear-gradient(145deg,#e5c67c,#c4a158 65%,#967235);
  border-color:#886b36; box-shadow:0 3px 7px #0005,inset 0 1px 0 #ffe7acaa;
}
body.kk-okey-canli .koltuk.sirada { border-color:#ffe6a4; box-shadow:0 0 0 2px #e5c47745,0 3px 10px #0005; }
body.kk-okey-canli .koltuk .pav { position:relative; }
/* Overlay ring: no border or padding on the avatar, therefore no reflow. */
body.kk-okey-canli .koltuk.sirada .pav:not(:empty)::after {
  content:''; position:absolute; inset:-4px; border-radius:50%; padding:2px; pointer-events:none;
  background:conic-gradient(#ffe5a0 var(--kk-turn,100%),#ffffff28 0);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
}
body.kk-okey-canli #istaka { box-shadow:inset 0 2px 0 #f5d49b,inset 0 -3px 0 #4d2a15,0 5px 12px #0006; }
body.kk-okey-canli #istaka.kk-my-turn { outline:2px solid #e4c681; outline-offset:1px; }
body.kk-okey-canli #butonlar button.duzen { background:linear-gradient(#567463,#355545); box-shadow:inset 0 1px 0 #ffffff28,0 2px 3px #0003; }
body.kk-okey-canli #butonlar button.tehlike { background:linear-gradient(#90483b,#6c332d); }
body.kk-okey-canli #yigin-kutu.cekilebilir .tas-arka { outline-color:#e7ca88; box-shadow:0 0 0 5px #d5b7741c; }
body.kk-okey-canli .iskarta { background:#0d251d30; border-color:#d6c29448; }
body.kk-okey-canli #i-sol-alt.alinabilir,body.kk-okey-canli #i-sag-alt.birakilabilir { border-color:#e7ca88; box-shadow:0 0 0 3px #d5b77414; }
body.kk-okey-canli .slot > img,body.kk-okey-canli .slot > .tas-arka { transition:filter .12s ease,transform .12s ease; }
body.kk-okey-canli .slot.kk-pressed > img,body.kk-okey-canli .slot.kk-pressed > .tas-arka { transform:translateY(-4px); filter:drop-shadow(0 5px 3px #0005); }
body.kk-okey-canli #ghost { transform:scale(1.06) rotate(-2deg); filter:drop-shadow(0 8px 5px #0007); }
body.kk-okey-canli[data-kk-effects='off'] #ghost { transform:none; }
.kk-okey-fx-layer { position:fixed; inset:0; z-index:80; pointer-events:none; overflow:hidden; }
.kk-tea-flight { position:absolute; width:64px; height:70px; pointer-events:none; }
.kk-tea-flight img { width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 5px 5px #0006); }
.kk-tea-steam { position:absolute; top:2px; left:45%; width:7px; height:22px; border-radius:50%; border-left:2px solid #fff5ddbb; opacity:0; animation:kk-tea-steam 1.2s ease-out 2; }
.kk-tea-steam:nth-child(3) { left:58%; animation-delay:.25s; }
@keyframes kk-tea-steam { 0% { opacity:0; transform:translateY(0) scale(.6); } 35% { opacity:.7; } 100% { opacity:0; transform:translate(4px,-20px) scale(1.2); } }
.kk-tea-caption { position:absolute; max-width:min(280px,80vw); padding:5px 10px; border:1px solid #c5a36588; border-radius:20px; background:#163b30ed; color:#fff0c8; font:600 12px/1.3 system-ui; text-align:center; pointer-events:none; box-shadow:0 3px 10px #0003; }
@media(prefers-reduced-motion:reduce) {
  body.kk-okey-canli .slot > img,body.kk-okey-canli .slot > .tas-arka { transition:none; }
  body.kk-okey-canli #ghost { transform:none; }
  .kk-tea-steam { animation:none; }
}
body.kk-okey-canli[data-kk-effects='off'] .slot > img,body.kk-okey-canli[data-kk-effects='off'] .slot > .tas-arka { transition:none; }