body.oyunSayfa{background:#14532d}
.okMasa{--t:min(calc((100vw - 28px)/13),54px);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6px 6px 8px;gap:4px;background:radial-gradient(ellipse at 50% 40%,#23824a,#145a32 70%,#0e4426)}
.okSatir{display:flex;align-items:center;justify-content:space-between;width:min(100%,720px);gap:6px}
.okSatir.orta{flex:1;min-height:0}
.okOyuncu{background:#0005;border:2px solid transparent;border-radius:12px;padding:4px 10px;text-align:center;font-weight:800;font-size:13px;min-width:96px}
.okOyuncu.yan{min-width:0;width:82px;padding:4px}
.okOyuncu .ad{font-size:14px;white-space:nowrap}
.okOyuncu .ad small{display:block;font-size:12px;color:#cfe8d6}
.okOyuncu.sirada{border-color:#ffd166;box-shadow:0 0 14px #ffd16688}
.okOyuncu.ciftci .ad::after{content:' • çift';font-size:11px;color:#ffd166}
.okKose{width:calc(var(--t)*1.25);height:calc(var(--t)*1.75);border:2px dashed #ffffff40;border-radius:8px;display:grid;place-items:center;position:relative;flex:0 0 auto}
.okKose.al.aktif{border-color:#ffd166;border-style:solid;cursor:pointer;box-shadow:0 0 12px #ffd16699}
.okKose.at span{color:#ffffff66;font-weight:800;font-size:13px}
.okKose.at.aktif{border-color:#ff8f6b;border-style:solid;background:#ff8f6b22}
.okKose.at.ustunde{background:#ff8f6b55}
.okKose .sayi{position:absolute;bottom:-16px;font-size:11px;color:#cfe8d6;font-weight:700}
.okMerkez{display:flex;gap:16px;align-items:center}
.okDeste{position:relative;width:calc(var(--t)*1.2);height:calc(var(--t)*1.7);border-radius:8px;background:repeating-linear-gradient(45deg,#e9e1c8 0 4px,#ddd3b5 4px 8px);box-shadow:3px 3px 0 #c9bd98,6px 6px 0 #b3a67f,0 8px 14px #0007;display:grid;place-items:center;cursor:default}
.okDeste b{font:800 18px 'Baloo 2',Nunito;color:#5b4a1e}
.okDeste.aktif{cursor:pointer;outline:3px solid #ffd166;outline-offset:3px}
.okGosterge{text-align:center}
.okGosterge small{display:block;font-size:11px;color:#cfe8d6;font-weight:700;margin-bottom:2px}
.okKontrol{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.okDurum{font-weight:800;color:#ffe9a8;font-size:14px;text-align:center;min-height:20px}
.okButon{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}
.okButon .btn{padding:6px 9px;font-size:13px}
/* taşlar */
.okTas{width:var(--t);height:calc(var(--t)*1.42);border-radius:calc(var(--t)*.12);background:linear-gradient(180deg,#fffdf4,#efe6cc);box-shadow:0 2px 0 #b8a97c,0 3px 6px #0005;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:calc(var(--t)*.1);font:800 calc(var(--t)*.6)/1 'Baloo 2',Nunito,sans-serif;position:relative;user-select:none;touch-action:none;cursor:grab}
.okTas::after{content:'';width:calc(var(--t)*.22);height:calc(var(--t)*.2);border-radius:50%;background:currentColor;margin-top:calc(var(--t)*.14);opacity:.85}
.okTas.r0{color:#d99a00}.okTas.r1{color:#1c63c9}.okTas.r2{color:#1e1e1e}.okTas.r3{color:#d32424}
.okTas.sahte{color:#1f7a45;font-size:calc(var(--t)*.7)}
.okTas.sahte::after{display:none}
.okTas.okey::before{content:'★';position:absolute;top:1px;right:2px;font-size:calc(var(--t)*.26);color:#e0a400}
.okTas.secili{transform:translateY(-6px);box-shadow:0 0 0 3px #ffd166,0 8px 12px #0007}
.okTas.yeni{box-shadow:0 0 0 3px #6fe39a,0 3px 6px #0005}
.okTas.surukle{position:fixed;z-index:60;pointer-events:none;transform:scale(1.1);opacity:.95}
.okTas.hayalet{opacity:.25}
/* ıstaka */
.istaka{display:grid;grid-template-columns:repeat(13,var(--t));grid-auto-rows:calc(var(--t)*1.42 + 6px);gap:2px 1px;padding:8px 6px 6px;background:linear-gradient(180deg,#8a5a2b,#6b4220);border-radius:10px;box-shadow:inset 0 -6px 0 #4f2f14,0 8px 18px #0008}
.slot{width:var(--t);height:calc(var(--t)*1.42);border-radius:5px;display:flex;align-items:flex-end}
.slot.bos{background:#00000018}
.slot.hedef{background:#ffd16655}
.miniEl{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0}
.miniEl .grup{display:flex;gap:1px}
.miniEl .okTas{--t:24px;cursor:default}
@media (min-width:700px){.okMasa{--t:min(calc((100vw - 28px)/13),50px,calc((100dvh - 120px)/9))}}

/* okey taşı belirgin: altın çerçeve + OKEY yazısı (yanlışlıkla atılmasın) */
.okTas.okey{background:linear-gradient(180deg,#fff7d1,#ffe38f);box-shadow:0 0 0 2px #e0a400,0 2px 0 #b8902a,0 3px 8px #e0a40088}
.okTas.okey::after{content:'OKEY';width:auto;height:auto;border-radius:0;background:none;color:#a86f00;font:800 calc(var(--t)*.2)/1 Nunito,sans-serif;letter-spacing:.5px;opacity:1;margin-top:calc(var(--t)*.1)}

/* English */
html[lang=en] .okOyuncu.ciftci .ad::after{content:' • pairs'}
html[lang=en] .okTas.okey::after{content:'JOKER'}
html[lang=en] .okKose.at span{font-size:11px;letter-spacing:0}