/* 51: iki ıskarta aynı masa yüksekliğini paylaşır. Tercih edilen boyut yalnız
   yeterli yer varsa kullanılır; el alanını veya diğer oyunları küçültmeyiz.
   Masa yüksekliği ResizeObserver ile CSS pikseli olarak ölçülür (zoom dahil).
   İki kartın arasında en az 20px pay ayrılır; döndürülmüş köşeler de hesaba katılır. */
body[data-kart-oyunu="ellibir"] .iskarta {
  --iskarta-tercih:62.4px;
  --iskarta-kullanilabilir:calc(var(--iskarta-masa-h,180px) * .74);
  --iskarta-iki-kart-orani:2.863;
  width:min(var(--iskarta-tercih),max(1px,calc((var(--iskarta-kullanilabilir) - 20px) / var(--iskarta-iki-kart-orani))));
}
body[data-kart-oyunu="ellibir"] .iskarta > .krt { width:100%; height:100%; min-width:0; }
body[data-kart-oyunu="ellibir"] #i-sol-ust,
body[data-kart-oyunu="ellibir"] #i-sol-alt { left:15%; }
body[data-kart-oyunu="ellibir"] #i-sag-ust,
body[data-kart-oyunu="ellibir"] #i-sag-alt { right:15%; }
body[data-kart-oyunu="ellibir"] #i-sol-ust,
body[data-kart-oyunu="ellibir"] #i-sag-ust { top:10%; }
body[data-kart-oyunu="ellibir"] #i-sol-alt,
body[data-kart-oyunu="ellibir"] #i-sag-alt { bottom:16%; }
body[data-kart-oyunu="ellibir"] #yigin-kutu .kart-arka { width:64.8px; }

/* King sayaçları isim plakasından bağımsızdır. */
body[data-kart-oyunu="king"] .el-sayaci { position:absolute; z-index:4; padding:4px 10px;
  border:1px solid #f4c54288; border-radius:999px; background:#24492de8; color:#f4c542;
  font-size:12px; font-weight:800; white-space:nowrap; pointer-events:none; }
body[data-kart-oyunu="king"] #al-el-ust { top:86px; left:50%; transform:translateX(-50%); }
body[data-kart-oyunu="king"] #al-el-sol { left:172px; top:46%; transform:translateY(-50%); }
body[data-kart-oyunu="king"] #al-el-sag { right:172px; top:46%; transform:translateY(-50%); }
/* Çekme destesi daima orta hatta; kısa masada isimliğin altına sığdır. */
@media (min-width:1000px) and (min-height:600px) and (orientation:landscape) {
  body[data-kart-oyunu="ellibir"] #orta,
  body[data-kart-oyunu="ellibir"] #masa.elli-kisa-masa #orta { left:50%; top:calc(50% + 36px); }
}
@media (orientation:portrait) {
  /* King: dikey metnin ilk çizimdeki intrinsic genişliğine güvenme.
     İsimlik ilk hamleyi beklemeden yerini ayırsın; avatar (26px) ve dışarıdaki
     el sayacı (38px uzaklıkta) sığar. Yatay/masaüstü ölçüleri değişmez. */
  body[data-kart-oyunu="king"] #k-sol,
  body[data-kart-oyunu="king"] #k-sag {
    box-sizing:border-box; width:36px; min-width:36px; padding-inline:3px;
  }
  body[data-kart-oyunu="king"] #k-sol .ad,
  body[data-kart-oyunu="king"] #k-sag .ad { width:1.2em; line-height:1.2; }
  body:is([data-kart-oyunu="batak"],[data-kart-oyunu="king"]) #trick .t-sol { left:14%; }
  body:is([data-kart-oyunu="batak"],[data-kart-oyunu="king"]) #trick .t-sag { right:14%; }
  body:is([data-kart-oyunu="batak"],[data-kart-oyunu="king"]) #k-sag :is(.ad,.bilgi,.durum) { transform:rotate(180deg); }
  body[data-kart-oyunu="king"] .el-sayaci { padding:3px 6px; font-size:9.5px; }
  body[data-kart-oyunu="king"] #al-el-ust { top:35px; }
  body[data-kart-oyunu="king"] #al-el-sol { left:38px; top:41%; writing-mode:vertical-rl; transform:translateY(-50%) rotate(180deg); }
  body[data-kart-oyunu="king"] #al-el-sag { right:38px; top:41%; writing-mode:vertical-rl; transform:translateY(-50%) rotate(180deg); }
  body[data-kart-oyunu="batak"] #al-el-sag { transform:translateY(-50%) rotate(180deg); }
}
/* Desktop-only fixed card workspace. Portrait and small landscape retain their layout. */
@media (min-width:1000px) and (min-height:600px) and (orientation:landscape) {
  body[data-kart-oyunu] { --kk-sabit-alan:1; --kart-w:clamp(64px,10vh,96px); --kart-h:calc(var(--kart-w)*1.43);
    height:100dvh; min-height:0; overflow:hidden; }
  body[data-kart-oyunu] #ust { height:76px; min-height:76px; flex:0 0 76px; flex-wrap:nowrap; }
  body[data-kart-oyunu] #ust .rozet { font-size:18px; }
  body[data-kart-oyunu] .koltuk { min-width:150px; padding:8px 14px; }
  body[data-kart-oyunu] .koltuk .ad { font-size:20px; }
  body[data-kart-oyunu] .koltuk .adet, body[data-kart-oyunu] .koltuk .bilgi { font-size:15px; }
  body[data-kart-oyunu] #oyun { height:calc(100dvh - 76px); min-height:0; flex:none; gap:8px; padding:10px; }
  body[data-kart-oyunu] #masa { min-height:0; flex:1 1 0; }
  body[data-kart-oyunu] #el-sar { flex:none; padding:10px 4px 0; }
  body[data-kart-oyunu] #el { display:grid; grid-template-columns:repeat(10,var(--kart-w));
    grid-template-rows:repeat(3,var(--kart-h)); gap:10px 8px; height:calc(var(--kart-h)*3 + 20px);
    min-height:0; max-width:none; width:max-content; margin:0 auto; align-content:start; }
  body[data-kart-oyunu] #el .kart { width:var(--kart-w); height:var(--kart-h);
    grid-column:var(--kart-kolon); grid-row:var(--kart-satir); }
  body[data-kart-oyunu] #trick { top:58%; width:400px; height:min(230px,75%); }
  body[data-kart-oyunu] #trick .kart { width:64px; height:92px; }
  body[data-kart-oyunu] #trick .t-ust { top:0; left:38%; }
  body[data-kart-oyunu] #trick .t-alt { bottom:0; left:62%; }
  /* Desktop Batak: centered, compact four-seat layout, not the mobile offsets. */
  body[data-kart-oyunu="batak"] #trick { top:56%; width:430px; height:min(330px,82%); container-type:size; }
  body[data-kart-oyunu="batak"] #trick .kart { height:min(150px,calc(50cqh - 8px)); width:min(105px,calc((50cqh - 8px)*.697)); }
  body[data-kart-oyunu="batak"] #trick .t-ust { top:0; left:50%; }
  body[data-kart-oyunu="batak"] #trick .t-alt { bottom:0; left:50%; }
  body[data-kart-oyunu="batak"] #trick .t-sol { left:0; top:50%; }
  body[data-kart-oyunu="batak"] #trick .t-sag { right:0; top:50%; }
  /* Batak eli çoğunlukla iki sıradır. Kullanılmayan üçüncü sırayı ayırmayarak
     eli ekran tabanına indirir ve orta oyun alanına gerçek yükseklik kazandırırız. */
  body[data-kart-oyunu="batak"] #el.batak-satir-1 {
    grid-template-rows:var(--kart-h); height:var(--kart-h);
  }
  body[data-kart-oyunu="batak"] #el.batak-satir-2 {
    grid-template-rows:repeat(2,var(--kart-h)); height:calc(var(--kart-h)*2 + 10px);
  }
  body[data-kart-oyunu="ellibir"] .iskarta { --iskarta-tercih:113.724px; --iskarta-kullanilabilir:calc(var(--iskarta-masa-h,180px) * .94); }
  body[data-kart-oyunu="ellibir"] #i-sol-ust,
  body[data-kart-oyunu="ellibir"] #i-sol-alt { left:max(176px,15%); }
  body[data-kart-oyunu="ellibir"] #i-sag-ust,
  body[data-kart-oyunu="ellibir"] #i-sag-alt { right:max(176px,15%); }
  /* Dört ıskarta yığını iki yanda birbirine değmesin. */
  body[data-kart-oyunu="ellibir"] #i-sol-ust, body[data-kart-oyunu="ellibir"] #i-sag-ust { top:1%; }
  body[data-kart-oyunu="ellibir"] #i-sol-alt, body[data-kart-oyunu="ellibir"] #i-sag-alt { bottom:1%; }
  body[data-kart-oyunu="ellibir"] #yigin-kutu .kart-arka {
    /* Üst isimlik (72px), kart sayacı ve alt boşluk da yer kaplar. */
    width:min(87.48px,max(24px,calc((var(--iskarta-masa-h,230px) - 106px) / 1.432)));
  }
  body[data-kart-oyunu="ellibir"] #acanlar-listesi { width:240px; }
  body[data-kart-oyunu="ellibir"] #istaka { flex:none; position:relative; align-self:center;
    width:max-content; max-width:100%; height:calc(var(--kart-h)*3 + 38px); max-height:none;
    padding:10px; gap:8px; overflow:visible; border:1px solid #c9a46477; border-radius:12px;
    background:linear-gradient(135deg,#133c2fe8,#102e23ed); box-shadow:inset 0 2px 10px #0005; }
  body[data-kart-oyunu="ellibir"] #istaka .sira:not(#sira-hayalet) { display:grid;
    grid-template-columns:repeat(10,var(--kart-w)); grid-template-rows:var(--kart-h);
    gap:0 8px; margin:0; padding:0; flex:none; }
  body[data-kart-oyunu="ellibir"] #istaka .slot { width:var(--kart-w); height:var(--kart-h);
    aspect-ratio:auto; background:#ffffff05; border:1px dashed #e6d9b924; }
  body[data-kart-oyunu="ellibir"] #istaka .slot.hedef { background:#f4c54233; border-color:#f4c542; }
  body[data-kart-oyunu="ellibir"] #istaka-ad { display:none; }
  body[data-kart-oyunu="ellibir"] #butonlar { flex:none; height:44px; min-height:44px; align-items:center; align-content:center; }
  body[data-kart-oyunu="ellibir"] #butonlar button { position:static; margin:0; height:36px; font-size:15px; }
  body[data-kart-oyunu="ellibir"] #bilgi { display:none; }
}
@media (orientation:portrait) {
  body[data-kart-oyunu="ellibir"] #masa {
    /* Iskartalar %30 küçüldü; serbest kalan yükseklik üçüncü el sırasına gider. */
    min-height:176px;
    --elli-yan-pay:clamp(16px,calc(140px - var(--iskarta-masa-h,180px) * .32),54px);
  }
  body[data-kart-oyunu="ellibir"] #masa.elli-kisa-masa { --elli-yan-pay:52px; }
  body[data-kart-oyunu="ellibir"] .iskarta {
    /* Önceki 66.67–71.76px genişliklerin %70'i. El kartlarının boyu değişmez. */
    width:clamp(46.666px,calc((var(--iskarta-masa-h,176px) - 60px) * .7 / 3),50.232px);
  }
  body[data-kart-oyunu="ellibir"] #i-sol-ust,
  body[data-kart-oyunu="ellibir"] #i-sol-alt { left:var(--elli-yan-pay); }
  body[data-kart-oyunu="ellibir"] #i-sag-ust,
  body[data-kart-oyunu="ellibir"] #i-sag-alt { right:var(--elli-yan-pay); }
  body[data-kart-oyunu="ellibir"] #i-sol-ust,
  body[data-kart-oyunu="ellibir"] #i-sag-ust { top:8px; }
  body[data-kart-oyunu="ellibir"] #i-sol-alt,
  body[data-kart-oyunu="ellibir"] #i-sag-alt { bottom:8px; }
  body[data-kart-oyunu="ellibir"] #i-sol-alt { transform:rotate(3deg); }
  body[data-kart-oyunu="ellibir"] #i-sag-alt { transform:rotate(-3deg); }
  body[data-kart-oyunu="ellibir"] #yigin-kutu .kart-arka { width:53.82px; }
}
/* İsimlik boşluğu viewport eşiğine değil gerçek masa yüksekliğine bağlıdır.
   Tarayıcı çubukları açılıp kapandığında eski küçük kart kuralına dönülmez. */
@media (orientation:portrait) {
  body[data-kart-oyunu="ellibir"] #masa.elli-kisa-masa #acanlar-listesi { width:clamp(60px,calc(100% - 260px),100px); }
}
/* Dar telefonlarda üst isimliğin yanına iki kart sığmaz; yalnız burada altına al. */
@media (orientation:portrait) and (max-width:374px) {
  body[data-kart-oyunu="ellibir"] #masa { min-height:196px; }
  body[data-kart-oyunu="ellibir"] #masa.elli-kisa-masa #i-sol-ust,
  body[data-kart-oyunu="ellibir"] #masa.elli-kisa-masa #i-sag-ust { top:28px; }
}
@media (orientation:portrait) and (max-width:359px) {
  /* Keep King's approved card size; seven cards must still fit the first row. */
  body[data-kart-oyunu="king"] #el {padding-left:calc((518px - (100vw - 24px))/6)}
  body[data-kart-oyunu="king"] #el .kart {margin-left:calc((100vw - 542px)/6)}
  body[data-kart-oyunu="king"] #masa {min-height:min(212px,calc(100dvh - var(--kk-header-h,130px) - 246px))}
}
@media (orientation:landscape) and (max-height:480px) {
  body[data-kart-oyunu="ellibir"] #i-sol-ust,
  body[data-kart-oyunu="ellibir"] #i-sol-alt { left:max(94px,16%); }
  body[data-kart-oyunu="ellibir"] #i-sag-ust,
  body[data-kart-oyunu="ellibir"] #i-sag-alt { right:max(94px,16%); }
  body[data-kart-oyunu="ellibir"] #orta { top:calc(50% + 16px); transform:translate(-50%,-50%); }
  /* Yan sütunlar üstteki orta isimliğin yanında: 46px üst payı gereksizdir. */
  body[data-kart-oyunu="ellibir"] #i-sol-ust,
  body[data-kart-oyunu="ellibir"] #i-sag-ust { top:2px; }
  body[data-kart-oyunu="ellibir"] .iskarta {
    --iskarta-tercih:46.92px; --iskarta-kullanilabilir:calc(var(--iskarta-masa-h,180px) - 4px);
  }
  body[data-kart-oyunu="ellibir"] #i-sol-alt,
  body[data-kart-oyunu="ellibir"] #i-sag-alt { bottom:2px; }
  body[data-kart-oyunu="ellibir"] #yigin-kutu .kart-arka {
    width:min(52.44px,max(24px,calc((var(--iskarta-masa-h,112px) - 64px) / 1.432)));
  }
}

/* Açanlar masanın ortasında, üst üste. Kenarlara açılan ıskartalar bu
   sütuna yer bırakır; yeni satır geldiğinde masa/el geometrisi değişmez. */
body[data-kart-oyunu="ellibir"] #acanlar-listesi {
  position:absolute; left:50%; top:calc(45% + 54px); bottom:6px;
  transform:translateX(-50%); width:170px; max-width:100%;
  flex-direction:column; align-items:stretch; gap:3px;
  margin:0; padding:0; height:auto; min-height:0;
  overflow-x:hidden; overflow-y:auto; touch-action:pan-y;
  background:none; scrollbar-width:thin; pointer-events:none;
}
/* Karşı oyuncunun sayacı isimliğin SAĞINDA: koordinatlar ResizeObserver ile
   izlenir; isim/avatar/ekran boyutu değişimi ilk hamleyi beklemez. */
body:is([data-kart-oyunu="batak"],[data-kart-oyunu="king"]) #al-el-ust {
  transform:translateY(-50%); right:auto; bottom:auto;
}
body:is([data-kart-oyunu="batak"],[data-kart-oyunu="king"]) #k-ust {
  max-width:calc(100% - 176px); min-width:0;
}
body:is([data-kart-oyunu="batak"],[data-kart-oyunu="king"]) #k-ust .ad {
  min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
body[data-kart-oyunu="batak"] #koz-rozet {
  display:flex; flex-direction:row; align-items:center; gap:10px; max-width:none; min-width:0;
  font-size:clamp(17px,1.7vw,25px)!important; white-space:nowrap;
}
body[data-kart-oyunu="batak"] #koz-rozet .kr-ust,
body[data-kart-oyunu="batak"] #koz-rozet .kr-alt { font-size:inherit; line-height:1.25; }
body[data-kart-oyunu="batak"] #koz-rozet .kr-alt { overflow:hidden; text-overflow:ellipsis; }
body[data-kart-oyunu="king"] #oyun-rozet {
  font-size:clamp(17px,1.7vw,25px)!important; max-width:none; overflow:visible;
}
body[data-kart-oyunu="king"] #oyun-rozet span:not(.koz-sembol) { font-size:.75em!important; }
@media (orientation:portrait) {
  body[data-kart-oyunu="batak"] #koz-rozet { max-width:calc(100vw - 114px); gap:6px; }
  body[data-kart-oyunu="king"] #el-sar { padding-bottom:6px; }
  body[data-kart-oyunu="king"] #trick { width:calc(100% - 108px); height:72%; top:49%; container-type:size; }
  body[data-kart-oyunu="king"] #trick .kart { width:min(89.1px,31cqw,calc(48cqh / 1.424)); height:auto; aspect-ratio:66/94; }
  body[data-kart-oyunu="king"] #trick .t-sol { left:0; }
  body[data-kart-oyunu="king"] #trick .t-sag { right:0; }
}
@media (min-width:1000px) and (min-height:600px) and (orientation:landscape) {
  body[data-kart-oyunu="king"] #el { grid-template-rows:repeat(2,var(--kart-h)); height:calc(var(--kart-h)*2 + 10px); }
  body[data-kart-oyunu="king"] #trick { width:430px; height:min(310px,82%); top:55%; }
  body[data-kart-oyunu="king"] #trick .kart { width:86.4px; height:124.2px; }
}
body[data-kart-oyunu="ellibir"] #acanlar-listesi:empty { display:none; }
body[data-kart-oyunu="ellibir"] #acanlar-listesi button {
  pointer-events:auto;
  min-height:20px; line-height:16px; font-size:11px;
  display:flex; flex-direction:column; align-items:stretch;
}
body[data-kart-oyunu="ellibir"] .acan-baslik { display:flex; gap:4px; align-items:center; min-width:0; }
body[data-kart-oyunu="ellibir"] .acan-mobil-durum { display:none; }
body[data-kart-oyunu="ellibir"] .acan-kartlar { display:flex; gap:4px; overflow:hidden; }
body[data-kart-oyunu="ellibir"] .acan-per { display:flex; gap:1px; flex:none; }
body[data-kart-oyunu="ellibir"] .acan-kartlar .krt { width:17px; height:24px; flex:none; }
body[data-kart-oyunu="ellibir"] #acik-tam .at-kutu { position:relative; padding-top:44px; }
body[data-kart-oyunu="ellibir"] #acik-tam .at-kapat { position:absolute; top:6px; right:8px; min-width:36px; min-height:36px; padding:6px; }
@media (orientation:portrait) {
  body[data-kart-oyunu="ellibir"] #acanlar-listesi { width:clamp(100px,calc(100% - 204px),170px); }
}
@media (min-width:1000px) and (min-height:600px) and (orientation:landscape) {
  /* Per önizlemeleri destenin iki yanında. Ortadaki boş ızgara alanı
     tıklama yakalamaz; dört oyuncu açsa da çekme koridoru açık kalır. */
  body[data-kart-oyunu="ellibir"] #masa #acanlar-listesi {
    top:78px; bottom:8px; width:48%; display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:132px;
    align-content:start; row-gap:8px;
  }
  body[data-kart-oyunu="ellibir"] #masa #acanlar-listesi:empty { display:none; }
  body[data-kart-oyunu="ellibir"] #acanlar-listesi button { min-width:0; }
  /* Daralan masada kendi plakamız da çekme destesini kapatmasın.
     Lobinin inline görünürlüğü ve üst bardaki profil düğmesi korunur. */
  body[data-kart-oyunu="ellibir"] #k-ben { display:none; }
}
@media (orientation:landscape) and (max-height:480px) {
  body[data-kart-oyunu="ellibir"] #acanlar-listesi { left:calc(50% + 40px); top:38px; bottom:2px; transform:none; width:130px; }
}
@media (orientation:landscape) and (min-height:481px) and (max-height:599px) {
  body[data-kart-oyunu="ellibir"] .iskarta { --iskarta-tercih:71.76px; }
  body[data-kart-oyunu="ellibir"] #yigin-kutu .kart-arka { width:74.52px; }
}

/* Hand-first sizing: the desktop target matches the enlarged native cards.
   The three 51 rows stay real layout boxes, never a visual scale/overflow. */
@media (min-width:1000px) and (min-height:600px) and (orientation:landscape) {
  body[data-kart-oyunu="ellibir"] {--kart-w:min(121.5px,10.53vh,calc((100vw - 112px)/10));--kart-h:calc(var(--kart-w)*1.43)}
  body[data-kart-oyunu="batak"] {--kart-w:min(135px,12.15vh,calc((100vw - 110px)/10));--kart-h:calc(var(--kart-w)*1.43)}
}
@media (orientation:portrait) {
  body[data-kart-oyunu="ellibir"] {--elli-el-h:min(126.9px,max(48px,calc((100dvh - var(--kk-header-h,84px) - 310px)/3)))}
  body[data-kart-oyunu="ellibir"] #istaka .sira:not(#sira-hayalet) {padding-right:max(24px,calc(var(--elli-el-h)*.7022 - 28px))}
  body[data-kart-oyunu="ellibir"] #istaka .slot {height:var(--elli-el-h)}
  body[data-kart-oyunu="ellibir"] #istaka .slot .krt {width:calc(var(--elli-el-h)*.7022);height:var(--elli-el-h)}
  body[data-kart-oyunu="batak"] #el {
    --batak-el-h:min(143.1px,max(80px,calc((100dvh - var(--kk-header-h,94px) - 270px)/var(--kk-el-satir,2))));
    --batak-el-w:calc(var(--batak-el-h)*.6981);
    --batak-bindirme:max(30px,calc((7*var(--batak-el-w) - (100vw - 24px))/6));
    padding-left:var(--batak-bindirme);min-height:calc(var(--batak-el-h)*var(--kk-el-satir,2) + 16px);
  }
  body[data-kart-oyunu="batak"] #el .kart {width:var(--batak-el-w);height:var(--batak-el-h);margin-left:calc(-1*var(--batak-bindirme))}
}
@media (orientation:portrait) and (max-width:374px) {
  /* The narrow-phone nameplates require an extra 20px of table height. */
  body[data-kart-oyunu="ellibir"] {--elli-el-h:min(126.9px,max(48px,calc((100dvh - var(--kk-header-h,84px) - 330px)/3)))}
}

/* Phone-only table layout. Bot and online share these DOM nodes; native Linux
   and tablet/desktop geometry deliberately keep their existing presentation. */
@media (orientation:portrait) and (max-width:600px) {
  body:not([data-linux-game])[data-kart-oyunu="ellibir"] #masa #acanlar-listesi {
    left:108px; right:108px; top:42px; bottom:8px; width:auto; height:auto;
    transform:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(2,minmax(0,1fr)); column-gap:66px; row-gap:6px;
    align-items:center; overflow:visible; pointer-events:none;
  }
  body:not([data-linux-game])[data-kart-oyunu="ellibir"] #masa #acanlar-listesi:empty {display:none}
  body:not([data-linux-game])[data-kart-oyunu="ellibir"] #acanlar-listesi button {
    min-width:0; min-height:44px; max-height:100%; padding:3px 2px; margin:0;
    line-height:13px; font-size:11px; text-align:center; overflow:hidden;
    border:1px solid #d6b96f99; background:#143c2ff2;
  }
  body:not([data-linux-game])[data-kart-oyunu="ellibir"] #acanlar-listesi [data-yon="3"] {grid-column:1;grid-row:1}
  body:not([data-linux-game])[data-kart-oyunu="ellibir"] #acanlar-listesi [data-yon="0"] {grid-column:1;grid-row:2}
  body:not([data-linux-game])[data-kart-oyunu="ellibir"] #acanlar-listesi [data-yon="2"] {grid-column:2;grid-row:1}
  body:not([data-linux-game])[data-kart-oyunu="ellibir"] #acanlar-listesi [data-yon="1"] {grid-column:2;grid-row:2}
  body:not([data-linux-game])[data-kart-oyunu="ellibir"] #acanlar-listesi .acan-baslik {display:flex;flex-direction:column;gap:2px;align-items:stretch}
  body:not([data-linux-game])[data-kart-oyunu="ellibir"] #acanlar-listesi .acan-ad {
    display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
    white-space:normal; overflow-wrap:anywhere; font-weight:700;
  }
  body:not([data-linux-game])[data-kart-oyunu="ellibir"] #acanlar-listesi :is(.acan-kartlar,.acan-durum) {display:none}
  body:not([data-linux-game])[data-kart-oyunu="ellibir"] .acan-mobil-durum {display:block;color:var(--altin);font-weight:700}

  /* Four separate horizontal lanes form a staggered trick. This remains
     non-overlapping even when browser bars reduce the table's height. */
  body:not([data-linux-game])[data-kart-oyunu="batak"] #trick {
    width:calc(100% - 132px); height:calc(100% - 94px); top:calc(50% + 1px);
    container-type:size; --batak-orta-w:min(66px,calc((100cqw - 18px)/4),calc((100cqh - 8px)/1.424));
  }
  body:not([data-linux-game])[data-kart-oyunu="batak"] #trick .kart {width:var(--batak-orta-w);height:auto;aspect-ratio:66/94}
  body:not([data-linux-game])[data-kart-oyunu="batak"] #trick .t-sol {left:0;top:50%}
  body:not([data-linux-game])[data-kart-oyunu="batak"] #trick .t-sag {right:0;top:50%}
  body:not([data-linux-game])[data-kart-oyunu="batak"] #trick .t-ust {left:calc(50% - var(--batak-orta-w)/2 - 3px);top:0}
  body:not([data-linux-game])[data-kart-oyunu="batak"] #trick .t-alt {left:calc(50% + var(--batak-orta-w)/2 + 3px);bottom:0}
}
@media (orientation:portrait) and (max-width:374px) {
  /* Keep the same discard face size. Remove only the tilt to free the narrow
     phone's horizontal gaps; hands and the table height do not change. */
  body:not([data-linux-game])[data-kart-oyunu="ellibir"] #masa .iskarta {transform:none}
  body:not([data-linux-game])[data-kart-oyunu="ellibir"] #masa :is(#i-sol-ust,#i-sol-alt) {left:48px}
  body:not([data-linux-game])[data-kart-oyunu="ellibir"] #masa :is(#i-sag-ust,#i-sag-alt) {right:48px}
  body:not([data-linux-game])[data-kart-oyunu="ellibir"] #masa :is(#i-sol-ust,#i-sag-ust) {top:38px}
  body:not([data-linux-game])[data-kart-oyunu="ellibir"] #masa #yigin-kutu .kart-arka {width:46px}
  body:not([data-linux-game])[data-kart-oyunu="ellibir"] #masa #acanlar-listesi {left:98px;right:98px;column-gap:54px}
}