/* Sayı Tahmin */
:root{--stN:4;--stK:44px}
.stKap{position:absolute;inset:0;display:flex;flex-direction:column;background:radial-gradient(120% 90% at 50% 0%,#1d4a7a,#0f1d36 70%);overflow:hidden}
.stKonfeti{position:fixed;inset:0;pointer-events:none;z-index:50}

/* menü */
.stMenu{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px 16px;text-align:center;overflow:auto}
.stLogo{display:flex;gap:6px}
.stLogo span{width:46px;height:54px;border-radius:10px;background:linear-gradient(180deg,#fff,#d8ecff);color:#14345c;font:800 32px/54px 'Baloo 2',Nunito,sans-serif;box-shadow:0 5px 0 #6f9cc9,0 8px 14px #0007}
.stLogo span:nth-child(3){background:linear-gradient(180deg,#ffd23f,#ff9f1c);color:#5a3200;box-shadow:0 5px 0 #b06a00,0 8px 14px #0007;animation:stZipla 1.6s ease-in-out infinite}
@keyframes stZipla{50%{transform:translateY(-7px)}}
.stMenu h2{font-size:34px;margin:0;text-shadow:0 3px 0 #0005}
.stAlt{margin:-8px 0 0;color:#cfe6ff;opacity:.85}
.stStatlar{display:flex;gap:10px;width:100%;max-width:380px}
.stStat{flex:1;background:#0004;border:1px solid #ffffff22;border-radius:14px;padding:8px 4px}
.stStat b{display:block;font:800 22px 'Baloo 2',Nunito,sans-serif}
.stStat small{color:#cfe6ff;opacity:.8}
.stOyna{width:100%;max-width:380px;font-size:21px;padding:16px;border-radius:16px}
.btnBuyuk{font-size:20px;padding:14px 22px}
.stGunluk{display:flex;align-items:center;gap:12px;width:100%;max-width:380px;padding:12px 14px;border-radius:16px;border:2px solid #ffd23f88;background:linear-gradient(90deg,#ffd23f22,#36c5f022);color:#fff;font:inherit;text-align:left;cursor:pointer}
.stGunluk.bitti{opacity:.7;border-color:#4fd17a88}
.stGunIkon{font-size:30px}
.stGunMetin{flex:1;display:flex;flex-direction:column}
.stGunMetin small{color:#cfe6ff;opacity:.85}
.stSandik{display:flex;align-items:center;gap:10px;width:100%;max-width:380px;flex-wrap:wrap;justify-content:center}
.stSandikIkon{font-size:28px}
.stSandikBar{flex:1;min-width:180px;height:12px;border-radius:8px;background:#0005;overflow:hidden}
.stSandikBar div{height:100%;background:linear-gradient(90deg,#ffd23f,#36c5f0);border-radius:8px;transition:width .5s}
.stSandik small{width:100%;color:#cfe6ff;opacity:.85}
.stGucler{display:flex;gap:14px;opacity:.9}

/* oyun */
.stOyun{flex:1;display:flex;flex-direction:column;min-height:0;max-width:520px;width:100%;margin:0 auto}
.stHud{display:flex;align-items:center;gap:6px;padding:8px 10px}
.stHudBtn{width:36px;height:36px;border-radius:10px;border:1px solid #ffffff33;background:#0004;color:#fff;font-size:16px;cursor:pointer}
.stHudBolum{flex:1;font:800 18px 'Baloo 2',Nunito,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stHudKutu{background:#0004;border-radius:10px;padding:5px 9px;font-size:14px;white-space:nowrap}
.stHudKutu b{color:#ffd23f}

.stTahta{flex:1;min-height:0;overflow-y:auto;padding:4px 10px 8px;display:flex;flex-direction:column;gap:6px;transition:filter .2s}
.stDurdu .stTahta,.stDurdu .stNotlar{filter:blur(8px) brightness(.6)}
.stSatir{display:flex;align-items:center;gap:8px;justify-content:center}
.stNo{width:24px;text-align:right;font-size:13px;opacity:.55;flex:none}
.stKutular{display:flex;gap:5px}
.stKutu{width:var(--stK);height:var(--stK);border-radius:10px;background:#ffffff14;border:2px solid #ffffff22;display:flex;align-items:center;justify-content:center;font:800 24px 'Baloo 2',Nunito,sans-serif;color:#fff}
.stKutu.dolu{background:linear-gradient(180deg,#fff,#dcecff);color:#14345c;border-color:#fff;box-shadow:0 3px 0 #6f9cc9}
.stSatir.aktif .stKutu{border-color:#36c5f0aa;background:#36c5f01a}
.stSatir.aktif .stKutu.dolu{background:linear-gradient(180deg,#fff,#dcecff);border-color:#fff;animation:stBas .15s}
@keyframes stBas{from{transform:scale(1.2)}}
.stSatir.bos{opacity:.35}
.stSatir.bos .stKutu{border-style:dashed}
.stSatir.tamam .stKutu{background:linear-gradient(180deg,#7dffa8,#2fd16a);color:#053d1b;box-shadow:0 3px 0 #1a8a45}
.stSatir.yeni .stKutu{animation:stCevir .45s both}
.stSatir.yeni .stKutu:nth-child(2){animation-delay:.07s}.stSatir.yeni .stKutu:nth-child(3){animation-delay:.14s}.stSatir.yeni .stKutu:nth-child(4){animation-delay:.21s}.stSatir.yeni .stKutu:nth-child(5){animation-delay:.28s}
@keyframes stCevir{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}
.stSatir.yeni .stSonuc{animation:stBelir .4s .3s both}
@keyframes stBelir{from{opacity:0;transform:scale(.4)}}
.stAcikSatir .stKutu{background:#ffd23f22;border-color:#ffd23f66;color:#ffd23f;opacity:.6}
.stAcikSatir .stKutu.acik{opacity:1;background:#ffd23f;color:#5a3200;border-color:#ffd23f}
.stSonuc{width:86px;display:flex;gap:4px;flex:none}
.stSonuc b,.stOrnek{display:inline-block;min-width:34px;padding:4px 6px;border-radius:9px;text-align:center;font:800 17px 'Baloo 2',Nunito,sans-serif}
.arti{background:#2fd16a;color:#053d1b}
.eksi{background:#ff6b5a;color:#3d0700}
.sifir{background:#ffffff26;color:#fff}
.hazir{background:#36c5f0;color:#06263a}
b.arti,b.eksi{padding:1px 6px;border-radius:7px}

.stNotlar{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;flex-wrap:nowrap}
.stNotlar small{opacity:.6;font-size:12px;margin-right:2px}
.stNot{width:28px;height:30px;border-radius:7px;border:1px solid #ffffff33;background:#0003;color:#fff;font:800 15px 'Baloo 2',Nunito,sans-serif;cursor:pointer;padding:0;position:relative}
.stNot.n1{background:#3a3f4a;color:#ffffff55;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#ff6b5a}
.stNot.n2{background:#2fd16a;color:#053d1b;border-color:#2fd16a}

.stAraclar{display:flex;justify-content:center;gap:10px;padding:2px 10px 6px}
.stArac{position:relative;display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:12px;border:1px solid #ffffff33;background:#0004;color:#fff;font:inherit;cursor:pointer}
.stArac span{font-size:18px}
.stArac small{font-weight:700}
.stArac i{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;border-radius:10px;background:#ff8a3d;font:800 12px/20px Nunito,sans-serif;font-style:normal;text-align:center;padding:0 4px}

.stTus{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:4px 10px calc(10px + env(safe-area-inset-bottom))}
.stTus button{height:50px;border-radius:12px;border:none;background:linear-gradient(180deg,#f4f9ff,#cfe2f7);color:#14345c;font:800 24px 'Baloo 2',Nunito,sans-serif;box-shadow:0 4px 0 #6f9cc9;cursor:pointer;touch-action:manipulation;user-select:none}
.stTus button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #6f9cc9}
.stTus button:disabled{opacity:.3;cursor:default}
.stTus .stRakam.not1{background:linear-gradient(180deg,#77808f,#555d6b);color:#ffffff88;box-shadow:0 4px 0 #333a45}
.stTus .stRakam.not2{background:linear-gradient(180deg,#8dffb5,#2fd16a);color:#053d1b;box-shadow:0 4px 0 #1a8a45}
.stTus .stSil{grid-column:span 2;background:linear-gradient(180deg,#ffd0c8,#ff9e8f);box-shadow:0 4px 0 #b9584a;color:#5a1208}
.stTus .stGonder{grid-column:span 3;background:linear-gradient(180deg,#7fe3ff,#36c5f0);box-shadow:0 4px 0 #1782a6;color:#06263a;font-size:20px}

/* pencereler */
.stSonucPen{text-align:center}
.stBuyuk{font-size:56px;line-height:1.1}
.stGizliGoster{display:flex;justify-content:center;gap:6px;margin:10px 0}
.stGizliGoster span{width:44px;height:52px;border-radius:10px;background:linear-gradient(180deg,#7dffa8,#2fd16a);color:#053d1b;font:800 30px/52px 'Baloo 2',Nunito,sans-serif;box-shadow:0 4px 0 #1a8a45}
.stYildizlar{font-size:44px;letter-spacing:6px}
.stYildizlar span{color:#ffffff33;display:inline-block}
.stYildizlar span.dolu{color:#ffd23f;animation:stYildiz .5s both}
@keyframes stYildiz{from{transform:scale(0) rotate(-90deg)}}
.stHediye{color:#ffd23f;font-weight:800}
.stSandikOdul{display:flex;justify-content:center;gap:14px;font-size:22px}
.stPaylasMetin{background:#0004;border-radius:10px;padding:10px;text-align:left;white-space:pre-wrap;font-size:14px;line-height:1.3}

@media (max-height:640px){:root{--stK:36px}.stTus button{height:42px}.stKutu{font-size:20px}}
@media (max-width:360px){:root{--stK:38px}.stSonuc{width:78px}.stNot{width:25px}}
