/* Spiral Kule */
.skKap{position:absolute;inset:0;overflow:hidden;background:#140b2e;touch-action:none}
.skTuval{position:absolute;inset:0;display:block;cursor:grab}
.skTuval:active{cursor:grabbing}
.skKonfeti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}

/* menü */
.skMenu{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:12px;padding:20px 16px 28px;text-align:center;overflow:auto;background:linear-gradient(180deg,transparent 0,transparent 38%,#0b0620cc 62%,#0b0620f2 80%)}
.skMenu h2{font-size:38px;margin:0;text-shadow:0 3px 0 #0006}
.skAlt{margin:-8px 0 0;opacity:.88}
.skStatlar{display:flex;gap:10px;width:100%;max-width:380px}
.skStat{flex:1;background:#0006;border:1px solid #ffffff22;border-radius:14px;padding:8px 4px}
.skStat b{display:block;font:800 22px 'Baloo 2',Nunito,sans-serif}
.skStat small{opacity:.75}
.skOyna{width:100%;max-width:380px;font-size:22px;padding:16px;border-radius:16px}
.btnBuyuk{font-size:20px;padding:14px 22px}
.skTopBtn{display:flex;align-items:center;gap:12px;width:100%;max-width:380px;padding:10px 14px;border-radius:16px;border:2px solid #ffffff33;background:#0006;color:#fff;font:inherit;text-align:left;cursor:pointer}
.skTopBtn>span:nth-child(2){flex:1;display:flex;flex-direction:column}
.skTopBtn small{opacity:.85}
.skTopOrnek{display:flex;align-items:center;justify-content:center;width:40px}
.skTopDaire{display:inline-block;border-radius:50%;box-shadow:0 3px 6px #0006}

/* oyun üstü */
.skHud{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;pointer-events:none}
.skHud button{pointer-events:auto}
.skHudBtn{position:absolute;left:10px;top:10px;width:36px;height:36px;border-radius:10px;border:1px solid #ffffff33;background:#0005;color:#fff;font-size:16px;cursor:pointer}
.skIlerleme{display:flex;align-items:center;gap:8px;width:min(70%,320px)}
.skIlerleme span{width:30px;height:30px;border-radius:50%;background:#fff;color:#1b1236;font:800 15px/30px Nunito,sans-serif;text-align:center;flex:0 0 auto;box-shadow:0 2px 0 #0006}
.skIlerleme span:last-child{background:#ffffff55;color:#fff}
.skBar{flex:1;height:12px;border-radius:8px;background:#0006;overflow:hidden}
.skBar div{height:100%;width:0;background:linear-gradient(90deg,#ffd23f,#ff6fb1);border-radius:8px;transition:width .25s}
.skSkor{font:800 40px/1 'Baloo 2',Nunito,sans-serif;text-shadow:0 3px 0 #0007}
.skIpucu{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);background:#000a;border-radius:14px;padding:10px 16px;font-weight:800;white-space:nowrap;pointer-events:none;animation:skKay 1.6s ease-in-out infinite}
@keyframes skKay{0%,100%{transform:translateX(-58%)}50%{transform:translateX(-42%)}}

/* sonuç & toplar */
.skSonuc{text-align:center}
.skBuyuk{font-size:64px;line-height:1.1}
.skSonucSatir{display:flex;gap:10px;justify-content:center;margin:6px 0}
.skSonucSatir div{flex:1;max-width:110px;background:#0004;border-radius:12px;padding:6px}
.skSonucSatir b{display:block;font:800 26px 'Baloo 2',Nunito,sans-serif}
.skSonucSatir small{opacity:.8}
.skYeniTop{color:#ffd23f;font-weight:800}
.skDukkan{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;max-height:56vh;overflow:auto;padding:2px}
.skUrun{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px 8px;border-radius:14px;border:2px solid #ffffff22;background:#0004;color:#fff;font:inherit;cursor:pointer}
.skUrun small{font-size:12px;opacity:.9}
.skUrun b{font-size:13px}
.skUrun.secili{border-color:#4fd17a;background:#4fd17a22}
.skUrun.kilitli>span{filter:grayscale(1) brightness(.4)}
.skUrun.kilitli b{color:#ffd23f}