/* Tombala — keçe masa, kadife torba, ahşap pullar */
body.oyunSayfa{background:#123b25}
.oAlan{overflow:hidden}
.tbKap{--kece1:#2f8a57;--kece2:#1b5c37;--kece3:#0f3a22;--altin:#ffd166;--krem:#fff8e8;
  position:relative;height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto;
  grid-template-areas:"ust" "sahne" "rakip" "kart" "alt";gap:6px;padding:6px 8px 0;color:#fff;overflow:hidden;
  background:repeating-linear-gradient(45deg,#ffffff06 0 2px,transparent 2px 5px),repeating-linear-gradient(-45deg,#00000010 0 2px,transparent 2px 6px),radial-gradient(ellipse at 50% 28%,var(--kece1),var(--kece2) 58%,var(--kece3));
  user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:Nunito,sans-serif}
.onOyun .tbKap{flex:1;min-height:0}
.tbKap button{font-family:inherit;touch-action:manipulation}
/* üst: ödüller */
.tbUst{grid-area:ust;display:flex;gap:6px;align-items:stretch;min-width:0}
.tbOduller{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-width:0}
.tbOdul{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:3px 7px;border-radius:10px;background:#00000038;border:1.5px solid #ffffff1f;line-height:1.15;transition:.25s}
.tbOdul b{font:800 12.5px Nunito,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbOdul small{font-size:10.5px;font-weight:800;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbOdul.aktif{border-color:var(--altin);background:#ffd16622;box-shadow:0 0 0 2px #ffd16633,0 0 14px #ffd16655}
.tbOdul.aktif small{opacity:1;color:var(--altin)}
.tbOdul.kazanildi{background:linear-gradient(#ffffff1a,#ffffff08);border-color:#7dffb066}
.tbOdul.kazanildi small{color:#7dffb0;opacity:1}
.tbOdul.benim{border-color:#7dffb0;box-shadow:0 0 12px #7dffb066}
.tbArac{flex:0 0 auto;width:38px;border:1.5px solid #ffffff2a;border-radius:10px;background:#00000038;color:#fff;font-size:17px;cursor:pointer;padding:0}
.tbArac:active{transform:scale(.94)}
/* sahne: torba + son pul + şerit */
.tbSahne{grid-area:sahne;position:relative;display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:16px;
  background:linear-gradient(#0002,#0003),repeating-linear-gradient(90deg,#00000010 0 3px,transparent 3px 9px),linear-gradient(180deg,#9c6435,#7a4a24 55%,#5b3518);
  box-shadow:inset 0 2px 0 #ffffff30,inset 0 -3px 0 #0004,0 6px 16px #0006;min-width:0}
.tbSahne::before{content:'';position:absolute;inset:5px;border-radius:12px;background:radial-gradient(ellipse at 40% 30%,#2a7a4c,#174a2d);box-shadow:inset 0 2px 8px #000a;pointer-events:none}
.tbSahne>*{position:relative}
.tbTorbaKap{position:relative;flex:0 0 auto;width:74px;height:82px}
.tbTorba{width:100%;height:100%;overflow:visible;transform-origin:50% 90%;filter:drop-shadow(0 4px 4px #0006)}
.tbTorba.salla{animation:tbSalla .55s ease-in-out}
@keyframes tbSalla{0%,100%{transform:rotate(0)}20%{transform:rotate(-9deg) scale(1.03)}45%{transform:rotate(8deg)}70%{transform:rotate(-4deg)}85%{transform:rotate(2deg)}}
.tbSayac{position:absolute;left:50%;bottom:-3px;transform:translateX(-50%);font:800 11.5px Nunito,sans-serif;background:#000a;border:1px solid #ffffff30;padding:1px 7px;border-radius:9px;white-space:nowrap}
.tbPulYer{position:relative;flex:0 0 auto;width:72px;height:72px;display:grid;place-items:center}
.tbPulHalka{position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(var(--altin) calc(var(--o,0)*360deg),#ffffff18 0);-webkit-mask:radial-gradient(circle,transparent 60%,#000 61%);mask:radial-gradient(circle,transparent 60%,#000 61%)}
/* pul */
.tbPul{--p:#888;position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;flex:0 0 auto;
  background:radial-gradient(circle at 34% 30%,#fff6dc,#ecc888 52%,#b98445 100%);
  box-shadow:inset 0 0 0 3px var(--p),inset 0 0 0 5px #fff8,inset 0 -2px 3px #7a4a1a99,0 2px 4px #0007;
  font:800 15px 'Baloo 2',Nunito,sans-serif;color:#3b230d;line-height:1}
.tbPul.buyuk{width:64px;height:64px;font-size:31px;box-shadow:inset 0 0 0 5px var(--p),inset 0 0 0 8px #fff9,inset 0 -3px 5px #7a4a1a99,0 5px 10px #0008}
.tbPul.buyuk.bos{background:radial-gradient(circle,#ffffff14,#ffffff06);box-shadow:inset 0 0 0 2px #ffffff30;color:#ffffff66}
.tbPul.cik{animation:tbCik .62s cubic-bezier(.2,.9,.3,1.25)}
@keyframes tbCik{0%{transform:translate(-82px,-26px) scale(.22) rotate(-260deg);opacity:.2}55%{opacity:1}100%{transform:none}}
.tbPul.d0{--p:#e63946}.tbPul.d1{--p:#f77f00}.tbPul.d2{--p:#e9b829}.tbPul.d3{--p:#2a9d8f}.tbPul.d4{--p:#3a86ff}.tbPul.d5{--p:#8338ec}.tbPul.d6{--p:#ff006e}.tbPul.d7{--p:#38a169}.tbPul.d8{--p:#6d4c41}
.tbSerit{flex:1;min-width:0;display:flex;gap:5px;align-items:center;overflow:hidden;padding:2px 0}
.tbSerit .tbPul:first-child{animation:tbKay .45s ease-out}
.tbSerit .tbPul:nth-child(n+2){opacity:.92}.tbSerit .tbPul:nth-child(n+4){opacity:.75}
.tbSerit .bilgi{font-size:12px;font-weight:800;opacity:.7}
@keyframes tbKay{from{transform:translateX(-26px) scale(.6);opacity:0}}
/* rakipler */
.tbRakipler{grid-area:rakip;display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;min-width:0;padding:1px 0}
.tbRakipler::-webkit-scrollbar{display:none}
.tbRakipler:empty{display:none}
.tbRakip{flex:0 0 auto;display:flex;flex-direction:column;gap:3px;padding:4px 6px 5px;border-radius:10px;background:#00000038;border:1.5px solid #ffffff1a;min-width:78px;max-width:110px}
.tbRakip.yakin{border-color:#ffd16699}
.tbRakip.kazandi{border-color:#7dffb0;box-shadow:0 0 10px #7dffb055}
.tbRakip.ben{border-color:#4dc3ff99}
.tbRakip header{display:flex;align-items:center;gap:4px;font:800 11px Nunito,sans-serif;white-space:nowrap}
.tbRakip header span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.tbRakip header i{font-style:normal;font-size:10px;background:#ffffff1c;border-radius:6px;padding:0 4px}
.tbRakip.yakin header i{background:#ffd166;color:#3b230d}
.tbMini{display:grid;grid-template-columns:repeat(9,1fr);gap:1.5px;padding:2px;border-radius:4px;background:var(--kr,#fff8e8)}
.tbMini u{display:block;height:6px;border-radius:1.5px;background:#00000014}
.tbMini u.s{background:#c9b48f}
.tbMini u.c{background:var(--kc,#e63946)}
/* kartlar */
.tbKartlar{grid-area:kart;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:8px;padding:2px 2px 6px;scrollbar-width:thin;overscroll-behavior:contain}
.tbKartlar>.tbKart:first-child{margin-top:auto}.tbKartlar>.tbKart:last-child{margin-bottom:auto}
.tbKart{--kc:#d62839;--kc2:#ffd9dd;position:relative;width:100%;max-width:560px;margin:0 auto;padding:4px 6px 6px;border-radius:12px;
  background:linear-gradient(var(--kc),color-mix(in srgb,var(--kc) 75%,#000));box-shadow:0 5px 12px #0007,inset 0 1px 0 #ffffff55;flex:0 0 auto}
.tbKart.k1{--kc:#1d6fd6;--kc2:#d7e8ff}.tbKart.k2{--kc:#2a9d5c;--kc2:#d5f5e2}.tbKart.k3{--kc:#7b3fc8;--kc2:#ebdcff}
.tbKartBas{display:flex;align-items:center;justify-content:space-between;gap:6px;font:800 11px Nunito,sans-serif;padding:0 2px 3px;color:#fff;text-shadow:0 1px 1px #0006;letter-spacing:.3px}
.tbKartBas em{font-style:normal;background:#0003;border-radius:7px;padding:0 6px}
.tbKartBas em.yakin{background:var(--altin);color:#3b230d;animation:tbNabiz .8s infinite alternate}
@keyframes tbNabiz{to{transform:scale(1.08)}}
.tbIzgara{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(3,auto);gap:3px;padding:3px;border-radius:7px;background:var(--krem)}
.tbH{position:relative;display:grid;place-items:center;aspect-ratio:1/.8;border-radius:5px;font:800 clamp(14px,4.6vw,24px)/1 'Baloo 2',Nunito,sans-serif;color:#2b1a0a;background:#fff;box-shadow:inset 0 0 0 1px #0000001a;cursor:pointer;padding:0;border:0;transition:background .15s}
.tbH.bos{cursor:default;background:repeating-linear-gradient(45deg,var(--kc2) 0 4px,color-mix(in srgb,var(--kc2) 70%,#fff) 4px 8px);box-shadow:none}
.tbH.isaret::after{content:'';position:absolute;inset:9%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8a80cc,#d62828cc 60%,#8d0f0fcc);box-shadow:0 1px 3px #0006;animation:tbDam .22s ease-out}
.tbH.isaret span{position:relative;z-index:1;color:#fff;text-shadow:0 1px 2px #0009}
@keyframes tbDam{from{transform:scale(1.6);opacity:0}}
.tbH.yeni{box-shadow:inset 0 0 0 2px var(--altin)}
.tbH.titre{animation:tbTitre .35s}
@keyframes tbTitre{25%{transform:translateX(-3px)}50%{transform:translateX(3px)}75%{transform:translateX(-2px)}}
.tbSatir{display:contents}
.tbIzgara .tamSatir{background:#fff3c4}
.tbIzgara .tamSatir.isaret::after{background:radial-gradient(circle at 35% 30%,#ffe39acc,#f0a500dd 60%,#a86b00dd)}
/* alt: iddia düğmesi */
.tbAlt{grid-area:alt;display:flex;flex-direction:column;align-items:center;gap:4px;padding:2px 0 calc(14px + env(safe-area-inset-bottom,0px))}
.tbMesaj{min-height:18px;font:800 13px Nunito,sans-serif;text-align:center;text-shadow:0 1px 2px #0008;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tbIddia{position:relative;width:min(100%,380px);min-height:54px;border:0;border-radius:16px;cursor:pointer;color:#3b1d00;font:800 24px/1 'Baloo 2',Nunito,sans-serif;letter-spacing:1px;
  background:linear-gradient(#ffe48a,#ffb703 55%,#e08e00);box-shadow:0 5px 0 #9a5b00,0 8px 18px #0007,inset 0 2px 0 #fff8;transition:transform .08s,box-shadow .08s,filter .2s}
.tbIddia:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 #9a5b00,0 3px 8px #0007,inset 0 2px 0 #fff8}
.tbIddia.tb{background:linear-gradient(#ff9aa8,#ef233c 55%,#b5001f);color:#fff;box-shadow:0 5px 0 #7a0014,0 8px 18px #0007,inset 0 2px 0 #fff6;text-shadow:0 2px 2px #0006}
.tbIddia:disabled{filter:grayscale(.75) brightness(.8);cursor:default}
.tbIddia.kilit{filter:grayscale(1) brightness(.7)}
.tbIddia.hazir{animation:tbHazir 1s infinite}
@keyframes tbHazir{50%{box-shadow:0 5px 0 #9a5b00,0 8px 28px #ffd166cc,inset 0 2px 0 #fff8}}
/* paneller */
.tbPanel{position:absolute;left:8px;right:8px;top:46px;z-index:6;max-width:480px;margin:0 auto;background:#0d2a1aee;border:2px solid #ffffff30;border-radius:16px;padding:10px 12px 12px;box-shadow:0 14px 40px #000b;backdrop-filter:blur(4px);max-height:calc(100% - 60px);overflow:auto}
.tbPanel h3{margin:0 30px 8px 0;font:800 17px 'Baloo 2',Nunito,sans-serif}
.tbPanel .tbKapat{position:absolute;right:8px;top:6px;width:32px;height:32px;border-radius:50%;border:0;background:#ffffff1c;color:#fff;font-size:16px;cursor:pointer}
.tbYuzTablo{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px}
.tbYuzTablo span{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;font:800 12px Nunito,sans-serif;background:#ffffff10;color:#ffffff70}
.tbYuzTablo span.c{background:radial-gradient(circle at 34% 30%,#fff6dc,#ecc888 60%,#b98445);color:#3b230d;box-shadow:inset 0 0 0 2px var(--p)}
.tbYuzTablo span.son{outline:2px solid var(--altin);outline-offset:1px}
.tbAyarSatir{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 2px;border-bottom:1px solid #ffffff18;font-weight:800;font-size:14px}
.tbAyarSatir small{display:block;font-size:11.5px;opacity:.7;font-weight:700}
.tbAnahtar{position:relative;flex:0 0 auto;width:50px;height:28px;border-radius:14px;border:0;background:#ffffff2a;cursor:pointer}
.tbAnahtar::after{content:'';position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s}
.tbAnahtar.acik{background:#2ec46d}.tbAnahtar.acik::after{left:25px}
.tbAnahtar:disabled{opacity:.45}
/* kutlama */
.tbKutla{position:absolute;inset:0;pointer-events:none;z-index:7;overflow:hidden}
.tbKutla .yazi{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font:800 clamp(40px,13vw,92px)/1 'Baloo 2',Nunito,sans-serif;color:#ffd166;text-shadow:0 4px 0 #9a5b00,0 0 30px #ffd166aa,0 8px 22px #000a;white-space:nowrap;animation:tbYazi 1.7s ease-out forwards;text-align:center}
.tbKutla .yazi small{display:block;font-size:.3em;color:#fff;text-shadow:0 2px 4px #000a;margin-top:4px}
.tbKutla .yazi.kirmizi{color:#ff4d6d;text-shadow:0 4px 0 #7a0014,0 0 30px #ff4d6daa,0 8px 22px #000a}
.tbKutla .yazi.soluk{color:#ffe08a;text-shadow:0 2px 0 #7a4a00;font-size:clamp(26px,7.5vw,46px);background:#0b2416e6;border:2px solid #ffd16688;border-radius:18px;padding:10px 22px 8px;box-shadow:0 10px 30px #000b}
.tbKutla .yazi.soluk small{font-size:.42em}
@keyframes tbYazi{0%{transform:translate(-50%,-50%) scale(.3) rotate(-8deg);opacity:0}18%{transform:translate(-50%,-50%) scale(1.12) rotate(2deg);opacity:1}30%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}100%{transform:translate(-50%,-62%) scale(1);opacity:0}}
.tbKutla i{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:tbKonfeti linear forwards}
@keyframes tbKonfeti{to{transform:translate(var(--dx),110vh) rotate(var(--r));}}
/* menü (tek oyunculu) */
.tbMenu{position:absolute;inset:0;z-index:5;display:flex;align-items:flex-start;justify-content:center;padding:14px 12px 24px;overflow:auto;
  background:radial-gradient(ellipse at 50% 0%,#2f8a57ee,#123b25f6 70%)}
.tbMenu[hidden]{display:none}
.tbMKutu{width:min(430px,100%);text-align:center;margin:auto 0}
.tbLogo{display:flex;justify-content:center;gap:4px;margin:2px 0 4px}
.tbLogo .tbPul{width:40px;height:40px;font-size:19px;animation:tbZipla 2.4s ease-in-out infinite}
.tbLogo .tbPul:nth-child(2){animation-delay:.15s}.tbLogo .tbPul:nth-child(3){animation-delay:.3s}.tbLogo .tbPul:nth-child(4){animation-delay:.45s}.tbLogo .tbPul:nth-child(5){animation-delay:.6s}
@keyframes tbZipla{0%,60%,100%{transform:none}30%{transform:translateY(-7px) rotate(10deg)}}
.tbMKutu h1{margin:0;font:800 40px/1.05 'Baloo 2',Nunito,sans-serif;color:#ffd166;text-shadow:0 3px 0 #9a5b00,0 6px 16px #0008}
.tbAltY{margin:2px 0 8px;font-weight:800;color:#d8f3e3;font-size:14px}
.tbOzet{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0 8px}
.tbOzet div{background:#00000033;border-radius:12px;padding:5px 2px;border:1px solid #ffffff1a}
.tbOzet small{display:block;font-size:10.5px;font-weight:800;opacity:.8;text-transform:uppercase}
.tbOzet b{font:800 20px 'Baloo 2',Nunito,sans-serif}
.tbGrup{margin:7px 0}
.tbGrup>small{display:block;font-weight:800;font-size:11.5px;letter-spacing:.5px;color:#cdeedb;text-transform:uppercase;margin-bottom:4px}
.tbSec{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:6px}
.tbSec button{font:800 14px Nunito,sans-serif;color:#fff;background:#00000030;border:2px solid #ffffff26;border-radius:12px;padding:8px 4px;cursor:pointer;line-height:1.15;min-height:42px}
.tbSec button small{display:block;font-size:10.5px;opacity:.8}
.tbSec button.aktif{background:#ffb703;border-color:#ffe08a;color:#3b1d00}
.tbSec button:disabled{opacity:.55;cursor:default}
.tbMKutu>.btn{width:100%;margin-top:9px}
.tbOyna{font-size:21px!important;padding:13px!important}
.tbGunluk{background:linear-gradient(#4dc3ff,#1d6fd6)!important}
.tbOnline{background:linear-gradient(#b388ff,#6a2fc4)!important}
.tbIkili{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}
.tbIkili .btn{margin:0;width:100%}
.tbNot{font-size:12px;opacity:.8;margin:6px 0 0;font-weight:700}
/* sonuç / başarımlar */
.tbSonucTablo{width:100%;border-collapse:collapse;margin:8px 0;font-weight:800}
.tbSonucTablo td{padding:5px 6px;border-bottom:1px solid #ffffff18;text-align:left}
.tbSonucTablo td:last-child{text-align:right}
.tbSonucTablo tr.ben td{color:#7dffb0}
.tbBasarim{display:grid;grid-template-columns:1fr;gap:6px;text-align:left;margin:8px 0}
.tbBasarim div{display:flex;gap:10px;align-items:center;padding:6px 8px;border-radius:10px;background:#ffffff10}
.tbBasarim div.yok{opacity:.45;filter:grayscale(1)}
.tbBasarim i{font-style:normal;font-size:24px}
.tbBasarim small{display:block;font-weight:700;opacity:.75;font-size:12px}
.tbGunTablo{width:100%;border-collapse:collapse;font-weight:800}
.tbGunTablo td{padding:4px 6px;border-bottom:1px solid #ffffff14;text-align:left}
.tbGunTablo td:last-child{text-align:right}
.tbGunTablo tr.ben td{color:#7dffb0}
.tbSayim{position:absolute;inset:0;z-index:6;display:grid;place-items:center;pointer-events:none;font:800 96px/1 'Baloo 2',Nunito,sans-serif;color:#ffd166;text-shadow:0 5px 0 #9a5b00,0 10px 30px #000a}
.tbSayim span{animation:tbSay .8s ease-out forwards}
@keyframes tbSay{from{transform:scale(1.8);opacity:0}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}
/* online bekleme ayarları */
.tbBekleSec{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:4px auto 8px;max-width:420px}
.tbBekleSec button{font:800 13.5px Nunito,sans-serif;color:#fff;background:#ffffff10;border:2px solid #ffffff22;border-radius:11px;padding:7px 10px;min-width:42px;cursor:pointer}
.tbBekleSec button.aktif{background:#ffb703;border-color:#ffe08a;color:#3b1d00}
.tbBekleSec button:disabled{opacity:.6;cursor:default}
.tbBekleEt{font-weight:800;font-size:11.5px;opacity:.8;margin-top:6px;text-transform:uppercase;letter-spacing:.4px}
.onBKlar.k8{grid-template-columns:repeat(4,minmax(0,1fr))}
.onBKlar.k8 .onBK small{font-size:10px}

/* dikey ekranda az kart varsa hücreler daha iri */
@media (orientation:portrait){
  .tbKartlar.n1 .tbH{aspect-ratio:1/1.3;font-size:clamp(17px,6vw,30px)}
  .tbKartlar.n2 .tbH{aspect-ratio:1/1.05;font-size:clamp(16px,5.4vw,27px)}
}
/* ---------- yatay ekran: sol sütun torba + düğme, sağda kartlar */
@media (orientation:landscape) and (min-aspect-ratio:13/10){
  .tbKap{grid-template-columns:minmax(250px,40%) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;
    grid-template-areas:"ust kart" "sahne kart" "rakip kart" "alt kart";column-gap:10px;padding-bottom:0}
  .tbRakipler{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));align-content:start;overflow-y:auto;gap:5px}
  .tbRakip{min-width:0;max-width:none}
  .tbOdul{padding:3px 5px}
  .tbRakipler:empty{display:block}
  .tbKartlar{padding-bottom:12px}
  .tbH{aspect-ratio:auto;height:clamp(26px,8.6vh,48px);font-size:clamp(15px,4.4vh,26px)}
  .tbPanel{top:8px;max-height:calc(100% - 16px)}
}
@media (orientation:landscape) and (max-height:430px){
  .tbKap{gap:4px;padding-top:4px}
  .tbSahne{padding:4px 8px;gap:7px}
  .tbTorbaKap{width:50px;height:56px}
  .tbPulYer{width:52px;height:52px}
  .tbPul.buyuk{width:46px;height:46px;font-size:23px}
  .tbSerit .tbPul{width:27px;height:27px;font-size:12.5px}
  .tbSerit .tbPul:nth-child(n+4){display:none}
  .tbOdul{padding:2px 5px}.tbOdul b{font-size:11px}.tbOdul small{font-size:9.5px}
  .tbArac{width:32px;font-size:15px}
  .tbIddia{min-height:44px;font-size:20px}
  .tbAlt{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
  .tbMesaj{min-height:15px;font-size:12px}
  .tbRakip{min-width:66px;padding:3px 5px}
  .tbMini u{height:4px}
  .tbKartBas{padding-bottom:1px;font-size:10px}
  .tbKart{padding:2px 5px 5px}
  .tbMKutu h1{font-size:30px}
}
/* geniş masaüstü */
@media (min-width:1000px) and (min-height:600px){
  .tbKap{grid-template-columns:minmax(330px,32%) minmax(0,1fr);gap:10px 18px;padding:12px 18px 0}
  .tbSahne{padding:12px 16px;gap:14px}
  .tbTorbaKap{width:104px;height:116px}
  .tbPulYer{width:96px;height:96px}
  .tbPul.buyuk{width:88px;height:88px;font-size:42px}
  .tbSerit{flex-wrap:wrap}
  .tbSerit .tbPul{width:38px;height:38px;font-size:17px}
  .tbOdul b{font-size:14px}.tbOdul small{font-size:12px}
  .tbKart{max-width:720px}
  .tbH{height:auto;aspect-ratio:1/.74;font-size:28px}
  .tbKartBas{font-size:13px}
  .tbRakipler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px}
  .tbRakip{min-width:0;max-width:none}
  .tbRakip header{font-size:13px}
  .tbIddia{min-height:62px;font-size:28px}
  .tbMini u{height:11px;border-radius:2px}
}
@media (max-width:360px){ .tbOdul b{font-size:11px} .tbSerit .tbPul:nth-child(n+5){display:none} }