/* Top Zinciri */
.tzKap{position:absolute;inset:0;overflow:hidden;background:#0b201d;touch-action:none}
.tzTuval{position:absolute;inset:0;display:block;cursor:crosshair}

/* menü */
.tzMenu{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px 16px;text-align:center;overflow:auto;background:radial-gradient(120% 90% at 50% 0%,#1f5a50,#0b201d 70%)}
.tzLogo{display:flex;gap:2px;filter:drop-shadow(0 6px 10px #0007);animation:tzYuvarlan 2.4s ease-in-out infinite}
.tzLogo i{display:block;width:34px;height:34px;border-radius:50%;box-shadow:inset -6px -8px 0 #0003,inset 5px 5px 0 #fff5}
@keyframes tzYuvarlan{0%,100%{transform:translateX(-10px)}50%{transform:translateX(10px)}}
.tzMenu h2{font-size:36px;margin:0;text-shadow:0 3px 0 #0006}
.tzAlt{margin:-8px 0 0;opacity:.88;max-width:420px}
.tzStatlar{display:flex;gap:10px;width:100%;max-width:380px}
.tzStat{flex:1;background:#0005;border:1px solid #ffffff22;border-radius:14px;padding:8px 4px}
.tzStat b{display:block;font:800 22px 'Baloo 2',Nunito,sans-serif}
.tzStat small{opacity:.75}
.tzOyna{width:100%;max-width:380px;font-size:22px;padding:16px;border-radius:16px}
.btnBuyuk{font-size:20px;padding:14px 22px}
.tzBolumler{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.tzBolumBtn{width:62px;padding:6px 0;border-radius:12px;border:1px solid #ffffff33;background:#0005;color:#fff;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center}
.tzBolumBtn b{font:800 18px 'Baloo 2',Nunito,sans-serif}
.tzBolumBtn small{color:#ffd23f;font-size:12px;letter-spacing:1px}
.tzBolumBtn.simdi{border-color:#3ddc97;background:#3ddc9733}

/* oyun üstü */
.tzHud{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:8px;padding:8px 10px;pointer-events:none}
.tzHud button{pointer-events:auto}
.tzHudBtn{width:36px;height:36px;border-radius:10px;border:1px solid #ffffff33;background:#0005;color:#fff;font-size:16px;cursor:pointer}
.tzHudBolum{font:800 17px 'Baloo 2',Nunito,sans-serif;white-space:nowrap;text-shadow:0 2px 0 #0007}
.tzKalanKap{flex:1;height:10px;border-radius:6px;background:#0006;overflow:hidden;max-width:220px;margin-left:auto}
.tzKalan{height:100%;width:100%;background:linear-gradient(90deg,#ff4d4d,#ffd23f,#2fd16a,#3d8bff);border-radius:6px;transition:width .3s}
.tzHudKutu{background:#0005;border-radius:10px;padding:5px 10px;font-size:14px;white-space:nowrap}
.tzHudKutu b{color:#ffd23f}

/* sonuç */
.tzSonuc{text-align:center}
.tzBuyuk{font-size:64px;line-height:1.1}
.tzYildizlar{font-size:52px;letter-spacing:6px;margin:4px 0 6px}
.tzYildizlar span{color:#ffffff30;display:inline-block}
.tzYildizlar span.dolu{color:#ffd23f;text-shadow:0 3px 0 #b97c00;animation:tzYildiz .5s backwards}
@keyframes tzYildiz{0%{transform:scale(0) rotate(-90deg)}70%{transform:scale(1.3)}}