/* Tontiş: Sanal Dostum */
body.oyunSayfa{background:#c9b6ea}
.oAlan{overflow:hidden}
.tsDis{position:absolute;inset:0;display:flex;justify-content:center;
  background:radial-gradient(circle at 20% 20%,#ffd9ec 0 8%,transparent 9%) 0 0/90px 90px,
             radial-gradient(circle at 70% 65%,#d9ecff 0 7%,transparent 8%) 0 0/120px 120px,
             linear-gradient(160deg,#f6c9e4,#c9b6ea 55%,#a9c7f0)}
.tsKap{position:relative;width:100%;max-width:480px;height:100%;display:flex;flex-direction:column;background:#fff6fb;overflow:hidden;
  font-family:Nunito,system-ui,sans-serif;color:#5a3d7a;touch-action:manipulation}
@media (min-width:620px){.tsKap{box-shadow:0 0 0 4px #ffffffa0,0 18px 50px #5a3d7a55;border-radius:0}}

/* ---- üst gösterge */
.tsHud{flex:0 0 auto;padding:6px 10px 6px;background:linear-gradient(180deg,#ffe0f0,#efe4ff);border-bottom:2px solid #fff;position:relative;z-index:3}
.tsUstSatir{display:flex;align-items:center;gap:6px}
.tsKimlik{flex:1;min-width:0;display:flex;align-items:center;gap:7px;border:0;background:none;padding:0;cursor:pointer;text-align:left;color:inherit;font:inherit}
.tsSev{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:800 16px 'Baloo 2',Nunito,sans-serif;color:#fff;
  background:radial-gradient(circle at 35% 30%,#ffb3d6,#e0609a 70%);box-shadow:0 2px 0 #b8457a,inset 0 -3px 6px #0002;border:2px solid #fff}
.tsAdKutu{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.tsAdKutu b{font:800 16px 'Baloo 2',Nunito,sans-serif;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsAdKutu b::after{content:' ✎';font-size:12px;opacity:.5}
.tsXp{display:block;height:8px;border-radius:6px;background:#fff;box-shadow:inset 0 1px 2px #0002;overflow:hidden;max-width:170px}
.tsXp i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#8fd3ff,#b78cff);transition:width .5s}
.tsRozetBtn,.tsGunlukBtn{flex:0 0 auto;width:36px;height:36px;border-radius:12px;border:2px solid #fff;background:#ffffffb0;font-size:18px;cursor:pointer;box-shadow:0 2px 0 #d9c6ef;position:relative}
.tsGunlukBtn.hazir{animation:tsSalla 1.2s infinite;background:#fff3b0}
.tsGunlukBtn.hazir::after{content:'';position:absolute;top:-3px;right:-3px;width:11px;height:11px;border-radius:50%;background:#ff5d8f;border:2px solid #fff}
@keyframes tsSalla{0%,60%,100%{transform:rotate(0)}70%{transform:rotate(-12deg)}80%{transform:rotate(10deg)}90%{transform:rotate(-6deg)}}
.tsAltin{flex:0 0 auto;display:flex;align-items:center;gap:5px;height:36px;padding:0 8px 0 6px;border-radius:18px;border:2px solid #fff;background:linear-gradient(180deg,#fff6c9,#ffe27a);
  color:#7a5200;font:800 16px 'Baloo 2',Nunito,sans-serif;cursor:pointer;box-shadow:0 2px 0 #e7c14d}
.tsPara{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6a8,#ffc21a 60%,#e59a00);box-shadow:inset 0 0 0 2px #f2b200}
.tsArti{font-style:normal;width:18px;height:18px;border-radius:50%;background:#7c5cff;color:#fff;font-size:14px;line-height:18px;text-align:center}
.tsAltin.zipla{animation:tsZipla .5s}
@keyframes tsZipla{30%{transform:scale(1.18)}60%{transform:scale(.95)}}

.tsIhtiyac{display:flex;gap:6px;margin-top:6px;align-items:center}
.tsIh{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px;position:relative}
.tsIhIk{font-size:17px;line-height:20px}
.tsIhCubuk{display:block;width:100%;height:9px;border-radius:6px;background:#fff;box-shadow:inset 0 1px 2px #0002;overflow:hidden}
.tsIhCubuk i{display:block;height:100%;width:50%;border-radius:6px;background:#7fd88f;transition:width .6s,background .6s}
.tsIhAd{font-size:10.5px;font-weight:800;opacity:.75;line-height:12px;white-space:nowrap}
.tsIh.dusuk .tsIhIk{animation:tsNabiz .9s infinite alternate}
@keyframes tsNabiz{to{transform:scale(1.25)}}
.tsDoldur{flex:0 0 auto;height:34px;padding:0 6px;border-radius:10px;border:2px solid #fff;background:linear-gradient(180deg,#b29bff,#7c5cff);color:#fff;font:800 14px Nunito,sans-serif;cursor:pointer;box-shadow:0 2px 0 #5a3dc9}
.tsDoldur span{margin-left:2px}

/* ---- sahne */
.tsSahne{flex:1;min-height:0;position:relative;overflow:hidden;touch-action:none}
#tsCanvas{position:absolute;left:0;top:0;width:100%;height:100%;display:block;touch-action:none}
.tsOdaAd{position:absolute;top:8px;left:50%;transform:translateX(-50%);padding:3px 14px;border-radius:14px;background:#ffffffc8;font:800 14px 'Baloo 2',Nunito,sans-serif;color:#7b5ea7;pointer-events:none;white-space:nowrap;box-shadow:0 2px 6px #0001}
.tsOk{position:absolute;top:42%;width:34px;height:52px;border:0;border-radius:14px;background:#ffffff8c;color:#7b5ea7;font:800 30px/1 Nunito,sans-serif;cursor:pointer;z-index:2;box-shadow:0 2px 8px #0001}
.tsOkSol{left:6px}.tsOkSag{right:6px}
.tsOk:active{transform:scale(.92)}
.tsMiniHud{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:8px;padding:8px 10px;z-index:3;pointer-events:none}
.tsMiniSol,.tsMiniOrta{padding:4px 12px;border-radius:14px;background:#ffffffd8;font:800 17px 'Baloo 2',Nunito,sans-serif;color:#7b5ea7;box-shadow:0 2px 6px #0002}
.tsMiniOrta{margin-right:auto}
.tsMiniCik{pointer-events:auto;width:36px;height:36px;border-radius:50%;border:2px solid #fff;background:#ff8fb8;color:#fff;font:800 16px Nunito,sans-serif;cursor:pointer;box-shadow:0 2px 6px #0002}
.tsYukle{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;background:#fff6fb;font-weight:800;color:#b48ad6;z-index:5}
.tsYukleTop{width:56px;height:52px;border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 35% 30%,#ffe2cc,#ffb98e);animation:tsHop .7s infinite alternate ease-in-out}
@keyframes tsHop{to{transform:translateY(-14px) scaleY(1.05)}}

/* ---- eylem çubuğu (odaya göre) */
.tsEylem{flex:0 0 auto;min-height:86px;padding:8px 10px;background:linear-gradient(180deg,#fff,#fdeef7);border-top:2px solid #f6dcec;position:relative;z-index:2}
.tsEylem .tsIpucu{font-size:12.5px;font-weight:800;opacity:.7;text-align:center;margin-top:4px;line-height:1.25}
.tsTepsi{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.tsYiy{flex:0 0 auto;width:62px;height:62px;border-radius:16px;border:2px solid #fff;background:linear-gradient(180deg,#fff,#ffeaf4);box-shadow:0 3px 0 #f0cde0;position:relative;
  display:grid;place-items:center;font-size:34px;cursor:grab;touch-action:none;user-select:none}
.tsYiy b{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;padding:0 4px;border-radius:10px;background:#7c5cff;color:#fff;font:800 12px/20px Nunito,sans-serif;text-align:center;border:2px solid #fff}
.tsYiy.saglikli::after{content:'';position:absolute;left:5px;bottom:5px;width:9px;height:9px;border-radius:50%;background:#5fcf7c;border:2px solid #fff}
.tsYiy.market{background:linear-gradient(180deg,#d9f6e1,#a8e6b8);box-shadow:0 3px 0 #79c792;font-size:26px;cursor:pointer;flex-direction:column;display:flex;align-items:center;justify-content:center;gap:0}
.tsYiy.market small{font:800 11px Nunito,sans-serif;color:#2f7a45;line-height:1}
.tsBos{flex:1;align-self:center;font-weight:800;font-size:13px;opacity:.7;padding:0 6px}
.tsAraclar{display:flex;gap:12px;justify-content:center;align-items:center}
.tsArac{width:66px;height:66px;border-radius:50%;border:3px solid #fff;font-size:34px;display:grid;place-items:center;cursor:grab;touch-action:none;user-select:none;
  background:radial-gradient(circle at 35% 30%,#fff,#d6ecff);box-shadow:0 4px 0 #a9cdee}
.tsArac.sabun{background:radial-gradient(circle at 35% 30%,#fff,#ffd9ec);box-shadow:0 4px 0 #efb3cf}
.tsArac.havlu{background:radial-gradient(circle at 35% 30%,#fff,#fff1b8);box-shadow:0 4px 0 #ead27a}
.tsLamba{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:64px;border-radius:20px;border:3px solid #fff;cursor:pointer;
  font:800 19px 'Baloo 2',Nunito,sans-serif;color:#5a3d7a;background:linear-gradient(180deg,#fff6c4,#ffd96b);box-shadow:0 4px 0 #e2b93d}
.tsLamba span{font-size:30px}
.tsLamba.kapali{background:linear-gradient(180deg,#5b5f9e,#353a74);color:#fff;box-shadow:0 4px 0 #23264f}
.tsOyunlar{display:flex;gap:6px}
.tsOyunKart{flex:1;min-width:0;border:2px solid #fff;border-radius:16px;padding:6px 4px;cursor:pointer;color:#fff;text-align:center;font-family:inherit;box-shadow:0 4px 0 #0002}
.tsOyunKart span{display:block;font-size:26px;line-height:1.1}
.tsOyunKart b{display:flex;align-items:center;justify-content:center;min-height:2.2em;font:800 13.5px 'Baloo 2',Nunito,sans-serif;line-height:1.08;margin-top:1px}
.tsOyunKart small{display:block;font:700 11px Nunito,sans-serif;opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsOyunKart:active{transform:translateY(3px)}
.tsOyunKart.k1{background:linear-gradient(180deg,#ffa0b8,#ff7096)}
.tsOyunKart.k2{background:linear-gradient(180deg,#8fd3ff,#5aa8f0)}
.tsOyunKart.k3{background:linear-gradient(180deg,#c4a3ff,#9470f0)}
.tsOyunKart.k4{background:linear-gradient(180deg,#ffd27a,#ff9a3c)}
.tsMisafir{font-size:13px;background:#fff6d6;border:2px dashed #ffcf3d;border-radius:12px;padding:8px 10px;margin:8px 0}
.tsMisafir a{font-weight:800;color:#e0609a;white-space:nowrap}
.tsSekmeler{display:flex;gap:4px;margin-bottom:6px}
.tsSekmeler button{flex:1;min-width:0;height:30px;border-radius:10px;border:2px solid #fff;background:#f3e6fb;color:#7b5ea7;font:800 12px Nunito,sans-serif;cursor:pointer;white-space:nowrap;padding:0 2px}
.tsSekmeler button.aktif{background:#b78cff;color:#fff}
.tsEsyaListe{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 6px;scrollbar-width:thin}
.tsEsya{flex:0 0 auto;width:76px;border-radius:14px;border:2px solid #fff;background:linear-gradient(180deg,#fff,#f6ecff);box-shadow:0 3px 0 #e2d2f3;cursor:pointer;padding:3px 2px 4px;text-align:center;position:relative;font-family:inherit;color:inherit}
.tsEsya canvas{display:block;width:56px;height:56px;margin:0 auto}
.tsEsya small{display:block;font:800 10.5px/1.15 Nunito,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsEsya em{display:block;font:800 11px Nunito,sans-serif;font-style:normal;color:#b77a00}
.tsEsya.giyili{border-color:#7c5cff;background:linear-gradient(180deg,#fff,#e2d6ff)}
.tsEsya.giyili em{color:#7c5cff}
.tsEsya.kilit{opacity:.55;filter:grayscale(.6)}
.tsEsya.kilit em{color:#8a7a9a}
.tsEsya.deneme{border-color:#ff8fb8}

/* ---- alt menü */
.tsNav{flex:0 0 auto;display:flex;background:#fff;border-top:2px solid #f3e1ee;padding:4px 4px calc(4px + env(safe-area-inset-bottom));gap:2px;position:relative;z-index:2}
.tsNav button{flex:1;min-width:0;border:0;background:none;border-radius:14px;padding:3px 0 2px;cursor:pointer;color:#a58bc0;font-family:inherit}
.tsNav button span{display:block;font-size:22px;line-height:26px;transition:transform .2s}
.tsNav button b{display:block;font:800 11px Nunito,sans-serif;white-space:nowrap}
.tsNav button.aktif{background:linear-gradient(180deg,#ffe0f0,#efe4ff);color:#7b4fb0}
.tsNav button.aktif span{transform:translateY(-2px) scale(1.12)}
.tsKap.mini .tsNav,.tsKap.mini .tsEylem,.tsKap.mini .tsOk,.tsKap.mini .tsOdaAd{display:none}

/* sürükleme hayaleti */
.tsSurukle{position:fixed;left:0;top:0;z-index:40;pointer-events:none;font-size:48px;line-height:1;transform:translate(-50%,-50%);filter:drop-shadow(0 6px 6px #0003)}

/* ---- pencereler (bu sayfaya özel pastel görünüm) */
body.oyunSayfa .oModalArka{background:#3b2a5599}
body.oyunSayfa .oModal{background:linear-gradient(180deg,#fffafd,#f6eeff);border:3px solid #fff;color:#5a3d7a;box-shadow:0 20px 60px #3b2a5577;border-radius:24px}
body.oyunSayfa .oModal h2{color:#e0609a}
body.oyunSayfa .oModal p{color:#6d5590}
body.oyunSayfa .oModal .kapat{color:#b49ccc}
body.oyunSayfa .oModal .btnIkincil{background:#ece1fa;color:#5a3d7a;box-shadow:0 4px 0 #d3c0ea}
body.oyunSayfa .oModal .btn:not(.btnIkincil):not(.btnReklam){background:linear-gradient(180deg,#ffb3d1,#ff7aa8);color:#fff;box-shadow:0 4px 0 #d45a88}
body.oyunSayfa .oModal .lider td,body.oyunSayfa .oModal .lider th{border-bottom-color:#5a3d7a1c}
body.oyunSayfa .oModal .lider th{color:#9a84b5}
body.oyunSayfa .oModal .lider tr.ben{background:#ffe0f0}
body.oyunSayfa .oModal .butonlar:last-child{background:linear-gradient(to bottom,transparent,#f6eeff 35%)}
body.oyunSayfa .oModal .sayac{color:#e0609a}
body.oyunSayfa .oModal .yardimMetin{color:#5a3d7a}
body.oyunSayfa .oModal .buyukSayi{color:#7c5cff}
.tsModalKarakter{display:block;margin:-4px auto 2px}
.tsAdGir{width:100%;height:46px;border-radius:14px;border:2px solid #e2d2f3;background:#fff;color:#5a3d7a;font:800 18px 'Baloo 2',Nunito,sans-serif;text-align:center;padding:0 10px;outline:none}
.tsAdGir:focus{border-color:#b78cff}
.tsOdulSatir{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:8px 0}
.tsOdulSatir span{padding:6px 12px;border-radius:14px;background:#fff;font:800 17px 'Baloo 2',Nunito,sans-serif;box-shadow:0 2px 0 #e2d2f3}
.tsGunler{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:10px 0}
.tsGun{border-radius:12px;background:#fff;padding:5px 0 4px;font:800 11px Nunito,sans-serif;box-shadow:0 2px 0 #e2d2f3;color:#9a84b5}
.tsGun b{display:block;font-size:13px;color:#b77a00}
.tsGun.alindi{background:#e7dcff;color:#7c5cff}
.tsGun.bugun{background:linear-gradient(180deg,#fff3b0,#ffd96b);color:#7a5200;transform:scale(1.08)}
.tsMarket{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:8px;text-align:left;margin-top:8px}
.tsUrun{display:flex;gap:6px;align-items:center;border-radius:14px;background:#fff;padding:6px;box-shadow:0 2px 0 #e2d2f3}
.tsUrun .ik{font-size:30px;line-height:1}
.tsUrun .bil{flex:1;min-width:0;font-size:11.5px;line-height:1.3;white-space:nowrap}
.tsUrun .bil b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsUrun .bil i{font-style:normal;color:#3aa25a;font-weight:800}
.tsUrun button{flex:0 0 auto;border:0;border-radius:10px;padding:6px 7px;background:linear-gradient(180deg,#fff1a8,#ffcf3d);color:#7a5200;font:800 12px Nunito,sans-serif;cursor:pointer;box-shadow:0 2px 0 #d9ac22;white-space:nowrap}
.tsUrun button:disabled{background:#eee;color:#aaa;box-shadow:none;cursor:not-allowed}
.tsUrun.kilit{opacity:.55}
.tsBasarilar{display:flex;flex-direction:column;gap:6px;text-align:left;margin-top:6px}
.tsBasari{display:flex;align-items:center;gap:10px;border-radius:14px;background:#fff;padding:7px 10px;box-shadow:0 2px 0 #e2d2f3}
.tsBasari .ik{font-size:24px;width:30px;text-align:center;filter:grayscale(1);opacity:.5}
.tsBasari.tamam .ik{filter:none;opacity:1}
.tsBasari .bil{flex:1;min-width:0;font-size:12px}
.tsBasari .bil b{display:block;font-size:14px}
.tsBasari .ilerleme{height:6px;border-radius:4px;background:#efe6f8;overflow:hidden;margin-top:3px}
.tsBasari .ilerleme i{display:block;height:100%;background:linear-gradient(90deg,#8fd3ff,#b78cff)}
.tsBasari .od{font:800 13px Nunito,sans-serif;color:#b77a00;white-space:nowrap}
.tsBasari.tamam .od{color:#3aa25a}
.tsSonucSkor{font:800 54px 'Baloo 2',sans-serif;color:#7c5cff;line-height:1;margin:4px 0}
.tsRekor{display:inline-block;padding:2px 10px;border-radius:10px;background:#fff3b0;color:#b77a00;font-weight:800;font-size:13px;margin-bottom:6px}
@media (max-height:640px){.tsEylem{min-height:76px;padding:6px 8px}.tsYiy{width:54px;height:54px;font-size:29px}.tsArac{width:58px;height:58px;font-size:29px}.tsLamba{height:56px}.tsIhAd{display:none}.tsNav button b{font-size:10px}.tsNav button span{font-size:20px;line-height:22px}}