/* King — yeşil keçe masa, özgün iskambil kartları */
body.oyunSayfa{background:#0f4a2c}
.oAlan{overflow:hidden}
.kgKap{--altin:#ffd166;--kirmizi:#d61f3a;--siyah:#1d2433;--kw:64px;--mw:60px;
  position:relative;height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;
  color:#fff;overflow:hidden;font-family:Nunito,sans-serif;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;
  background:repeating-linear-gradient(45deg,#ffffff05 0 2px,transparent 2px 5px),repeating-linear-gradient(-45deg,#00000012 0 2px,transparent 2px 6px),radial-gradient(ellipse at 50% 40%,#1f7a49,#125635 55%,#0a3520)}
.onOyun .kgKap{flex:1;min-height:0}
.kgKap button{font-family:inherit;touch-action:manipulation}
/* ---------------------------------------------------------------- üst bilgi */
.kgUst{display:flex;gap:6px;align-items:stretch;padding:6px 8px 2px;min-width:0;position:relative;z-index:6}
.kgRozet{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:12px;background:#00000040;border:1.5px solid #ffffff22;line-height:1.15}
.kgRozet>span:last-child{min-width:0;display:flex;flex-direction:column}
.kgRozet b{font:800 14px Nunito,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kgRozet small{font-size:11px;font-weight:800;opacity:.78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kgRozet.koz{border-color:#ffd166aa;background:linear-gradient(90deg,#ffd16626,#0003)}
.kgRozet.ceza{border-color:#ff6b6b88;background:linear-gradient(90deg,#d61f3a2a,#0003)}
.kgRI{font-size:23px;line-height:1;flex:0 0 auto;filter:drop-shadow(0 2px 2px #0006)}
.kgRI.kirmizi,.kgTO .kirmizi,.kgBI .kirmizi,.kgESKutu h3 .kirmizi,.kgKozSec .kirmizi{color:#ff4d6a}
.kgElNo{flex:0 0 auto;display:flex;align-items:center;padding:0 10px;border-radius:12px;background:#00000040;border:1.5px solid #ffffff1c;font:700 12px Nunito,sans-serif;white-space:nowrap}
.kgElNo b{font-size:15px;color:var(--altin);margin:0 2px}
.kgArac{position:relative;flex:0 0 auto;width:42px;min-height:40px;border:1.5px solid #ffffff2a;border-radius:12px;background:#00000040;color:#fff;font-size:18px;cursor:pointer;padding:0}
.kgArac:active{transform:scale(.94)}
.kgArac i{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;border-radius:9px;background:var(--altin);color:#3b2a00;font:800 11px/17px Nunito,sans-serif;font-style:normal}
.kgArac i:empty{display:none}
/* ---------------------------------------------------------------- masa */
.kgMasa{position:relative;min-height:0;margin:2px 6px 0}
.kgKece{position:absolute;inset:34px 6% 30px;border-radius:44%/36%;
  background:repeating-linear-gradient(60deg,#ffffff05 0 2px,transparent 2px 6px),radial-gradient(ellipse at 50% 42%,#2e9a5e,#1b6e41 58%,#124f2f);
  box-shadow:0 0 0 7px #5b3418,0 0 0 9px #b07a3e,0 0 0 12px #4a2810,0 14px 30px #000a,inset 0 0 36px #0009,inset 0 0 0 2px #ffffff10}
.kgKece::after{content:'♠ ♥ ♦ ♣';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:800 22px serif;letter-spacing:8px;color:#ffffff10;white-space:nowrap}
/* oyuncular */
.kgOyuncu{position:absolute;z-index:3;display:flex;align-items:center;gap:6px;pointer-events:none}
.kgOyuncu[data-y="2"]{top:0;left:50%;transform:translateX(-50%)}
.kgOyuncu[data-y="1"]{right:0;top:38%;flex-direction:column;gap:2px}
.kgOyuncu[data-y="3"]{left:0;top:38%;flex-direction:column;gap:2px}
.kgOyuncu[data-y="0"]{bottom:0;left:50%;transform:translateX(-50%)}
.kgAv{position:relative;flex:0 0 auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 35% 30%,#fff4,#0000 60%),linear-gradient(160deg,#2d3c5c,#151d33);border:2px solid #ffffff40;box-shadow:0 3px 8px #0008}
.kgIkon{font-size:25px;line-height:1}
.kgHalka{position:absolute;inset:-5px;border-radius:50%;opacity:0;background:conic-gradient(var(--altin) calc(var(--o,1)*360deg),#ffffff1a 0);
  -webkit-mask:radial-gradient(circle,transparent 62%,#000 63%);mask:radial-gradient(circle,transparent 62%,#000 63%);transition:opacity .2s}
.kgHalka.az{background:conic-gradient(#ff5d5d calc(var(--o,1)*360deg),#ffffff1a 0)}
.kgOyuncu.aktif .kgHalka{opacity:1}
.kgOyuncu.aktif .kgAv{border-color:var(--altin);box-shadow:0 0 0 3px #ffd16633,0 0 18px #ffd166aa;animation:kgNabiz 1.3s ease-in-out infinite}
@keyframes kgNabiz{50%{box-shadow:0 0 0 5px #ffd16622,0 0 26px #ffd166cc}}
.kgOyuncu.kopuk .kgAv{filter:grayscale(1);opacity:.6}
.kgTac{position:absolute;top:-11px;right:-7px;font-size:16px;filter:drop-shadow(0 2px 2px #0008)}
.kgBil{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;padding:3px 8px;border-radius:10px;background:#0000005c;border:1px solid #ffffff18;min-width:64px}
.kgOyuncu[data-y="1"] .kgBil,.kgOyuncu[data-y="3"] .kgBil{align-items:center;min-width:0;padding:2px 6px}
.kgAd{font:800 12.5px Nunito,sans-serif;max-width:92px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kgTop{font:800 14px 'Baloo 2',Nunito,sans-serif;color:var(--altin)}
.kgTop.eksi{color:#ff9b9b}
.kgAlt{display:flex;gap:5px;font-size:11px;font-weight:800;white-space:nowrap}
.kgAl{opacity:.85}
.kgCz.eksi{color:#ff8a8a}.kgCz.arti{color:#7dffb0}
.kgArkalar{position:relative;width:52px;height:24px}
.kgOyuncu[data-y="1"] .kgArkalar,.kgOyuncu[data-y="3"] .kgArkalar{display:none}
.kgArkalar i{position:absolute;top:0;left:calc(var(--i)*3px);width:16px;height:23px;border-radius:3px;border:1px solid #fff9;
  background:repeating-linear-gradient(45deg,#9b1c2e 0 2px,#7a1424 2px 4px);box-shadow:0 1px 2px #0007}
.kgArkalar b{position:absolute;right:-2px;bottom:-4px;font:800 11px Nunito,sans-serif;background:#000b;border-radius:8px;padding:0 5px}
.kgYuzen{position:absolute;left:50%;top:-4px;transform:translateX(-50%);font:800 16px 'Baloo 2',Nunito,sans-serif;white-space:nowrap;pointer-events:none;
  text-shadow:0 2px 3px #000;animation:kgYuz 1.4s ease-out forwards;z-index:5}
.kgYuzen.eksi{color:#ff7a7a}.kgYuzen.arti{color:#7dffb0}
@keyframes kgYuz{from{opacity:0;transform:translate(-50%,6px) scale(.7)}20%{opacity:1;transform:translate(-50%,-10px) scale(1.15)}to{opacity:0;transform:translate(-50%,-34px)}}
/* masa ortası */
.kgOrta{position:absolute;inset:0;z-index:2}
.kgOrta .kgMasaK{position:absolute;width:var(--mw);transform:rotate(var(--r,0deg));box-shadow:0 3px 10px #0008}
.kgOrta .kgMasaK.kazanan{box-shadow:0 0 0 3px var(--altin),0 0 18px #ffd166cc}
.kgBanner{position:absolute;left:50%;top:50%;z-index:7;transform:translate(-50%,-50%) scale(.85);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;
  display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 18px;border-radius:16px;background:#071a10e8;border:2px solid #ffd166aa;box-shadow:0 10px 30px #000a;text-align:center;max-width:86%}
.kgBanner.gor{opacity:1;transform:translate(-50%,-50%) scale(1)}
.kgBanner b{font:800 18px 'Baloo 2',Nunito,sans-serif;color:var(--altin)}
.kgBanner small{font-size:12px;font-weight:800;opacity:.85}
.kgBI{font-size:30px;line-height:1.1}
/* ---------------------------------------------------------------- kart */
.kgK{--rk:var(--siyah);--yz:#fff4dc;position:relative;aspect-ratio:5/7;border-radius:9%/6.5%;container-type:inline-size;
  background:linear-gradient(160deg,#ffffff,#f6f2e7 70%,#ebe4d2);border:1px solid #00000038;color:var(--rk);
  box-shadow:0 1px 2px #0006,0 3px 8px #0003;font-family:'Baloo 2',Nunito,sans-serif;overflow:hidden}
.kgK.kirmizi{--rk:var(--kirmizi);--yz:#fff1ea}
.kgKi{position:absolute;top:3cqw;left:4cqw;display:flex;flex-direction:column;align-items:center;line-height:.86;z-index:2}
.kgKi b{font-weight:800;font-size:25cqw;letter-spacing:-1.5cqw}
.kgKi i{font-style:normal;font-size:21cqw}
.kgKi.alt{top:auto;left:auto;bottom:3cqw;right:4cqw;transform:rotate(180deg)}
.kgKg{position:absolute;inset:6% 14% 6% 18%}
.kgP{position:absolute;font-style:normal;font-size:23cqw;line-height:1;transform:translate(-50%,-50%)}
.kgP.ters{transform:translate(-50%,-50%) rotate(180deg)}
.kgAs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:64cqw;line-height:1;filter:drop-shadow(0 2px 0 #0002)}
.kgAs::after{content:'';position:absolute;inset:-22%;border:1.2cqw dashed currentColor;border-radius:50%;opacity:.3}
.kgYuz{position:absolute;left:-6%;top:6%;width:112%;height:88%}
.kgYs{position:absolute;right:-8%;bottom:6%;font-style:normal;font-size:20cqw;line-height:1;background:var(--yz);border-radius:50%;padding:1cqw 2cqw}
.kgK.arka{background:radial-gradient(circle at 50% 50%,#ffd16633 0 18%,transparent 19%),repeating-linear-gradient(45deg,#9b1c2e 0 4%,#7a1424 4% 8%),repeating-linear-gradient(-45deg,#ffffff14 0 4%,transparent 4% 8%);
  box-shadow:inset 0 0 0 3cqw #fff,inset 0 0 0 4.5cqw #b08a3a,0 2px 6px #0007}
.kgMini{display:inline-block;padding:0 5px;border-radius:5px;background:#fff;color:var(--siyah);font:800 14px 'Baloo 2',Nunito,sans-serif;line-height:1.35}
.kgMini.kirmizi{color:var(--kirmizi)}
/* ---------------------------------------------------------------- el (yelpaze) */
.kgEl{position:relative;z-index:4;height:calc(var(--kw)*1.4 + 40px);margin:0 4px;touch-action:none}
.kgEl .kgElK{position:absolute;bottom:20px;width:var(--kw);transform-origin:50% 130%;cursor:pointer;
  transform:translateY(var(--dy,0)) rotate(var(--a,0deg));transition:transform .17s ease,filter .17s,box-shadow .17s}
.kgEl.sirada .kgElK.oynar{transform:translateY(calc(var(--dy,0px) - 9px)) rotate(var(--a,0deg));box-shadow:0 0 0 2px var(--altin),0 0 14px #ffd16699,0 4px 10px #0006}
.kgEl.sirada .kgElK.olmaz{filter:brightness(.6) saturate(.55)}
.kgElK.secili,.kgEl.sirada .kgElK.oynar.secili{transform:translateY(calc(var(--dy,0px) - 24px)) rotate(var(--a,0deg)) scale(1.04);box-shadow:0 0 0 3px #fff,0 0 20px #ffd166,0 8px 16px #0008}
.kgElK.ipucu{animation:kgIp .7s ease-in-out 5;box-shadow:0 0 0 3px #4dc3ff,0 0 22px #4dc3ff}
@keyframes kgIp{50%{transform:translateY(calc(var(--dy,0px) - 18px)) rotate(var(--a,0deg))}}
.kgElK.titre,.kgSecB.titre{animation:kgTitre .32s}
@keyframes kgTitre{25%{margin-left:-5px}50%{margin-left:5px}75%{margin-left:-3px}}
@media (hover:hover) and (pointer:fine){.kgEl.sirada .kgElK.oynar:hover{transform:translateY(calc(var(--dy,0px) - 20px)) rotate(var(--a,0deg))}}
.kgMesaj{position:relative;z-index:5;min-height:24px;padding:2px 10px 8px;text-align:center;font:800 13px Nunito,sans-serif;color:#e9ffef;text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* ---------------------------------------------------------------- oyun seçimi */
.kgSecim{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:6px;background:#00000055;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.kgSecKutu{width:min(420px,100%);max-height:100%;overflow:auto;padding:10px 10px 12px;border-radius:16px;background:linear-gradient(#10261bf2,#0a1a12f2);border:2px solid #ffd16688;box-shadow:0 12px 34px #000b}
.kgSecKutu h3{margin:0 0 2px;text-align:center;font:800 17px 'Baloo 2',Nunito,sans-serif;color:var(--altin)}
.kgHak{margin:0 0 7px;text-align:center;font-size:12.5px;font-weight:700;opacity:.9}
.kgHak b{color:var(--altin)}
.kgSecGrid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.kgSecB{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:7px;align-items:center;text-align:left;
  min-height:58px;padding:6px 8px;border-radius:12px;border:1.5px solid #ffffff2a;background:linear-gradient(#ffffff14,#ffffff06);color:#fff;cursor:pointer}
.kgSecB i{grid-row:1/4;font-style:normal;font-size:24px}
.kgSecB b{font:800 13.5px Nunito,sans-serif;line-height:1.1}
.kgSecB small{font-size:11px;font-weight:700;opacity:.8;line-height:1.15}
.kgSecB em{font-style:normal;font-size:10.5px;font-weight:800;color:#9fe8bd}
.kgSecB.koz{grid-column:1/3;border-color:#ffd16688;background:linear-gradient(90deg,#ffd16633,#ffffff08)}
.kgSecB.koz em{color:var(--altin)}
.kgSecB:disabled{opacity:.36;cursor:default;filter:grayscale(.6)}
.kgSecB:disabled em{color:#ffb4b4}
.kgSecB:not(:disabled):active{transform:scale(.97)}
.kgSecB.aktif,.kgSecB.ipucu{box-shadow:0 0 0 2px var(--altin),0 0 14px #ffd16699}
.kgSecB.ipucu{box-shadow:0 0 0 3px #4dc3ff,0 0 18px #4dc3ff}
@media (hover:hover){.kgSecB:not(:disabled):hover{border-color:#ffd166aa;background:linear-gradient(#ffffff22,#ffffff0a)}}
.kgKozSec{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;flex-wrap:wrap}
.kgKozSec span{font-weight:800;font-size:13px}
.kgKozSec button{width:52px;height:52px;border-radius:12px;border:2px solid #ffffff40;background:#fff;color:var(--siyah);font:800 30px serif;cursor:pointer;box-shadow:0 3px 8px #0006}
.kgKozSec button.kirmizi{color:var(--kirmizi)}
.kgKozSec button:active{transform:scale(.94)}
/* ---------------------------------------------------------------- puan tablosu / el sonu */
.kgPanel{position:absolute;inset:0;padding:6px;z-index:20;display:grid;place-items:center;background:#0009}
.kgPanelKutu{width:min(600px,100%);max-height:100%;display:flex;flex-direction:column;border-radius:16px;background:#0b1d14;border:1.5px solid #ffffff2a;box-shadow:0 14px 40px #000c;overflow:hidden}
.kgPanelUst{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #ffffff1a;font-size:15px}
.kgKapat{width:36px;height:36px;border-radius:10px;border:1px solid #ffffff2a;background:#ffffff12;color:#fff;font-size:16px;cursor:pointer}
.kgTabKap{overflow:auto;min-height:0;flex:1;-webkit-overflow-scrolling:touch}
.kgTab{width:100%;border-collapse:collapse;font-size:12px}
.kgTab th,.kgTab td{padding:4px 4px;text-align:right;white-space:nowrap;border-bottom:1px solid #ffffff10}
.kgTab th{position:sticky;top:0;background:#12291d;font-size:11.5px;max-width:64px;overflow:hidden;text-overflow:ellipsis}
.kgTab td:nth-child(-n+3),.kgTab th:nth-child(-n+3){text-align:left}
.kgTab td:nth-child(2){max-width:64px;overflow:hidden;text-overflow:ellipsis}
.kgTO i{font-style:normal;margin-right:3px}
.kgTab .eksi{color:#ff9696}.kgTab .arti{color:#7dffb0}.kgTab .sifir{opacity:.45}
.kgTab .ben{background:#ffd16612}
.kgTab tr.simdi td{background:#ffd16620}
.kgTab tr.gelecek{opacity:.4}
.kgTab tfoot td:not(:first-child){text-align:right}
.kgTab tfoot td{font-weight:800;font-size:13px;border-top:2px solid #ffffff30;position:sticky;bottom:0;background:#12291d}
.kgKalan{display:flex;flex-wrap:wrap;gap:4px 9px;align-items:center;padding:6px 10px;border-top:1px solid #ffffff12;font-size:12px;font-weight:700}
.kgKalan small{opacity:.7}
.kgKalan .bitti{opacity:.35}
.kgElSonu{position:absolute;inset:0;z-index:16;display:grid;place-items:center;background:#00000050;cursor:pointer}
.kgESKutu{min-width:230px;max-width:92%;padding:10px 14px 8px;border-radius:16px;background:linear-gradient(#173a28f5,#0c2216f5);border:2px solid #ffd16699;box-shadow:0 14px 34px #000b;text-align:center;animation:kgGel .3s cubic-bezier(.2,.9,.3,1.3)}
@keyframes kgGel{from{transform:scale(.7);opacity:0}}
.kgESKutu>small{font-weight:800;opacity:.75}
.kgESKutu h3{margin:2px 0 8px;font:800 19px 'Baloo 2',Nunito,sans-serif;color:var(--altin)}
.kgESListe div{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:3px 6px;border-radius:8px;font-size:14px;font-weight:700;text-align:left}
.kgESListe div.ben{background:#ffd1661c}
.kgESListe b{font:800 16px 'Baloo 2',Nunito,sans-serif;text-align:right}
.kgESListe b.eksi{color:#ff8a8a}.kgESListe b.arti{color:#7dffb0}
.kgESListe small{opacity:.7;font-size:11.5px;min-width:52px;text-align:right}
.kgESDevam{margin:6px 0 0;font-size:11px;opacity:.6}
/* ---------------------------------------------------------------- menü */
.kgMenu{position:absolute;inset:0;z-index:30;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:14px 12px 24px;
  background:radial-gradient(ellipse at 50% 20%,#1f7a49,#0b3a22)}
.kgMenu[hidden]{display:none}
.kgMKutu{width:min(400px,100%);display:flex;flex-direction:column;gap:9px;margin:auto 0}
.kgLogo{position:relative;height:108px;margin:4px auto 0;width:220px}
.kgLogo span{position:absolute;left:50%;bottom:0;width:66px;transform-origin:50% 140%;transform:translateX(-50%) rotate(calc(var(--i)*14deg))}
.kgLogo span .kgK{width:66px;box-shadow:0 4px 12px #0008}
.kgMKutu h1{margin:0;text-align:center;font:800 40px 'Baloo 2',Nunito,sans-serif;color:var(--altin);text-shadow:0 3px 0 #7a4a10,0 6px 18px #000a;letter-spacing:1px}
.kgAltY{margin:-4px 0 2px;text-align:center;font-weight:700;opacity:.9;font-size:14px}
.kgOzet{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.kgOzet div{display:flex;flex-direction:column;align-items:center;padding:5px;border-radius:12px;background:#00000038;border:1px solid #ffffff1a}
.kgOzet small{font-size:11px;font-weight:800;opacity:.75}
.kgOzet b{font:800 18px 'Baloo 2',Nunito,sans-serif;color:var(--altin)}
.kgGrup small{display:block;font-size:12px;font-weight:800;opacity:.8;margin:0 0 4px 2px}
.kgSec{display:flex;gap:6px}
.kgSec button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;padding:5px 4px;border-radius:12px;border:1.5px solid #ffffff2a;background:#00000033;color:#fff;font:800 14px Nunito,sans-serif;cursor:pointer}
.kgSec button small{font-size:11px;font-weight:700;opacity:.75}
.kgSec button.aktif{border-color:var(--altin);background:#ffd16628;box-shadow:0 0 12px #ffd16655}
.kgOyna{font-size:19px!important;padding:13px!important;background:linear-gradient(#ffd166,#f2a516)!important;color:#3b2500!important;box-shadow:0 5px 0 #a8700c,0 8px 18px #0008!important}
.kgDevam{display:flex;flex-direction:column;align-items:center;gap:1px;background:linear-gradient(#3ddc84,#1fa860)!important;font-size:18px!important;box-shadow:0 5px 0 #11753f,0 8px 18px #0008!important}
.kgDevam small{font-size:12px;opacity:.9}
.kgIkili{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.kgIkili .btn{padding:10px 6px;font-size:14px}
.kgIkili .btn small{opacity:.7;font-size:11px}
.kgOnline{background:linear-gradient(#4dc3ff,#2185d0)!important}
.kgBasarim{display:grid;gap:6px;text-align:left}
.kgBasarim div{display:flex;gap:9px;align-items:center;padding:6px 9px;border-radius:12px;background:#ffffff0d;border:1px solid #ffffff1a}
.kgBasarim div.yok{opacity:.42;filter:grayscale(1)}
.kgBasarim i{font-style:normal;font-size:24px}
.kgBasarim span{display:flex;flex-direction:column}
.kgBasarim small{opacity:.75;font-size:12px}
.kgSonTablo{width:100%;max-width:340px;margin:4px auto 6px;border-collapse:collapse;font-size:15px}
.kgSonTablo td{padding:5px 8px;border-bottom:1px solid #ffffff14}
.kgSonTablo td:last-child{text-align:right;font:800 17px 'Baloo 2',Nunito,sans-serif}
.kgSonTablo tr.ben td{background:#ffd1661a}
.kgSonTablo .eksi{color:#ff8a8a}.kgSonTablo .arti{color:#7dffb0}
#oModalKutu .kgTabKap{max-height:58vh}
#oModalKutu .kgTab tfoot td{position:static}
.kgYTablo{width:100%;border-collapse:collapse;font-size:13px;margin:4px 0 8px}
.kgYTablo th,.kgYTablo td{padding:4px 6px;border-bottom:1px solid #ffffff14;text-align:left}
.kgYTablo td:last-child,.kgYTablo th:last-child{text-align:right;font-weight:800}
.kgYTablo .eksi{color:#ff8a8a}.kgYTablo .arti{color:#7dffb0}
.kgYardim li{margin-bottom:6px}
/* online bekleme ekranı ayarları */
.kgBekleEt{margin:8px 0 4px;font-weight:800;font-size:13px;opacity:.85}
.kgBekleSec{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.kgBekleSec button{min-width:110px;min-height:42px;padding:6px 12px;border-radius:12px;border:1.5px solid #ffffff30;background:#ffffff10;color:#fff;font:800 14px Nunito,sans-serif;cursor:pointer}
.kgBekleSec button small{display:block;font-size:11px;opacity:.75}
.kgBekleSec button.aktif{border-color:var(--altin);background:#ffd16628}
.kgBekleSec button:disabled{cursor:default;opacity:.7}
.kgBekleSec button:disabled.aktif{opacity:1}
/* ---------------------------------------------------------------- telefon dikey: yan oyuncular daha dar */
@media (max-width:480px){
  .kgAv{width:40px;height:40px}.kgIkon{font-size:22px}
  .kgAd{max-width:70px;font-size:12px}
  .kgOyuncu[data-y="1"] .kgAd,.kgOyuncu[data-y="3"] .kgAd{max-width:60px}
  .kgKece{inset:30px 3% 26px}
  .kgRozet{padding:3px 8px}.kgRozet b{font-size:13px}
}
/* ---------------------------------------------------------------- yatay telefon (alçak ekran) */
.kgKap.yatay{grid-template-rows:minmax(0,1fr) auto}
.kgKap.yatay .kgUst{position:absolute;top:4px;left:6px;right:6px;padding:0;pointer-events:none}
.kgKap.yatay .kgUst>*{pointer-events:auto}
.kgKap.yatay .kgRozet{flex:0 1 auto;max-width:34%;padding:2px 8px;gap:6px}
.kgKap.yatay .kgRozet b{font-size:12.5px}.kgKap.yatay .kgRozet small{font-size:10px}
.kgKap.yatay .kgRI{font-size:18px}
.kgKap.yatay .kgElNo{margin-left:auto;padding:0 8px}
.kgKap.yatay .kgArac{width:36px;min-height:34px;font-size:16px}
.kgKap.yatay .kgMasa{margin:0 6px}
.kgKap.yatay .kgKece{inset:8px 18% 6px;border-radius:40%/48%}
.kgKap.yatay .kgAv{width:34px;height:34px}.kgKap.yatay .kgIkon{font-size:19px}
.kgKap.yatay .kgTac{font-size:13px;top:-9px}
.kgKap.yatay .kgBil{padding:1px 6px;min-width:0}
.kgKap.yatay .kgAd{font-size:11px;max-width:70px}.kgKap.yatay .kgTop{font-size:12px}.kgKap.yatay .kgAlt{font-size:10px}
.kgKap.yatay .kgOyuncu[data-y="2"]{top:2px}
.kgKap.yatay .kgOyuncu[data-y="1"]{right:2px;top:40%;flex-direction:row-reverse;gap:4px}
.kgKap.yatay .kgOyuncu[data-y="3"]{left:2px;top:40%;flex-direction:row;gap:4px}
.kgKap.yatay .kgOyuncu[data-y="0"]{left:2px;bottom:2px;transform:none}
.kgKap.yatay .kgOyuncu[data-y="1"] .kgBil,.kgKap.yatay .kgOyuncu[data-y="3"] .kgBil{align-items:flex-start}
.kgKap.yatay .kgArkalar{display:none}
.kgKap.yatay .kgEl{height:calc(var(--kw)*1.4 + 24px)}
.kgKap.yatay .kgElK{bottom:13px}
.kgKap.yatay .kgMesaj{position:absolute;right:8px;bottom:calc(var(--kw)*1.4 + 26px);z-index:5;padding:2px 8px;border-radius:9px;background:#0007;font-size:11.5px;min-height:0;max-width:40%}
.kgKap.yatay .kgMesaj:empty{display:none}
.kgKap.yatay .kgSecKutu{width:min(560px,100%);padding:6px 8px 8px}
.kgKap.yatay .kgSecGrid{grid-template-columns:repeat(4,1fr);gap:4px}
.kgKap.yatay .kgSecB{min-height:46px;padding:4px 6px;grid-template-columns:auto 1fr;column-gap:4px}
.kgKap.yatay .kgSecB i{font-size:18px}
.kgKap.yatay .kgSecB b{font-size:12px}
.kgKap.yatay .kgSecB small{display:none}
.kgKap.yatay .kgSecB.koz{grid-column:auto}
.kgKap.yatay .kgSecKutu h3{font-size:14px}.kgKap.yatay .kgHak{font-size:11px;margin-bottom:4px}
.kgKap.yatay .kgKozSec{margin-top:5px}
.kgKap.yatay .kgKozSec button{width:42px;height:42px;font-size:24px}
.kgKap.yatay .kgMKutu{width:min(640px,100%);display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;align-items:start}
.kgKap.yatay .kgLogo,.kgKap.yatay .kgMKutu h1,.kgKap.yatay .kgAltY{grid-column:1}
.kgKap.yatay .kgLogo{height:74px;width:160px}.kgKap.yatay .kgLogo span,.kgKap.yatay .kgLogo span .kgK{width:46px}
.kgKap.yatay .kgMKutu h1{font-size:30px}
.kgKap.yatay .kgOzet{grid-column:1}
.kgKap.yatay .kgMKutu>.kgGrup,.kgKap.yatay .kgMKutu>.btn,.kgKap.yatay .kgMKutu>.kgIkili{grid-column:2}
.kgKap.yatay .kgMKutu>.kgLogo{grid-row:1}.kgKap.yatay .kgMKutu>h1{grid-row:2}.kgKap.yatay .kgMKutu>.kgAltY{grid-row:3}.kgKap.yatay .kgMKutu>.kgOzet{grid-row:4}
.kgKap.yatay .kgMenu{padding:8px 10px 14px}
/* ---------------------------------------------------------------- masaüstü */
@media (min-width:900px) and (min-height:560px){
  .kgUst{padding:8px 14px 2px}
  .kgRozet{flex:0 1 420px}
  .kgElNo{margin-left:auto}
  .kgMasa{margin:2px 14px 0}
  .kgKece{inset:44px 12% 40px}
  .kgOyuncu[data-y="1"]{right:3%;flex-direction:row-reverse;gap:6px}
  .kgOyuncu[data-y="3"]{left:3%;flex-direction:row;gap:6px}
  .kgOyuncu[data-y="1"] .kgBil,.kgOyuncu[data-y="3"] .kgBil{align-items:flex-start;padding:3px 8px}
  .kgAv{width:52px;height:52px}.kgIkon{font-size:28px}
  .kgAd{max-width:120px;font-size:13.5px}
  .kgEl{max-width:980px;width:100%;margin:0 auto}
}