/* Beşli */
.bsKap{position:absolute;inset:0;display:flex;flex-direction:column;background:radial-gradient(120% 90% at 50% 0%,#5a3518,#22140a 72%);overflow:hidden}
.bsKonfeti{position:fixed;inset:0;pointer-events:none;z-index:50}

/* menü */
.bsMenu{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px 16px;text-align:center;overflow:auto}
.bsLogo{display:flex;gap:6px;padding:12px 16px;border-radius:16px;background:linear-gradient(135deg,#f0c27a,#d99a4e);box-shadow:0 8px 20px #0008}
.bsLogo i{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#6b6b6b,#0d0d0d);box-shadow:2px 3px 4px #0006;animation:bsKoy .5s both}
.bsLogo i:nth-child(2){animation-delay:.12s}.bsLogo i:nth-child(3){animation-delay:.24s}.bsLogo i:nth-child(4){animation-delay:.36s}.bsLogo i:nth-child(5){animation-delay:.48s}
@keyframes bsKoy{from{transform:scale(0)}70%{transform:scale(1.15)}}
.bsMenu h2{font-size:34px;margin:0;text-shadow:0 3px 0 #0005}
.bsAlt{margin:-8px 0 0;color:#ffe2bf;opacity:.85}
.bsStatlar{display:flex;gap:10px;width:100%;max-width:400px}
.bsStat{flex:1;background:#0004;border:1px solid #ffffff22;border-radius:14px;padding:8px 4px}
.bsStat b{display:block;font:800 22px 'Baloo 2',Nunito,sans-serif}
.bsStat small{color:#ffe2bf;opacity:.8}
.bsZorluklar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:400px}
.bsZor{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:14px;border:2px solid #ffffff22;background:#0004;color:#fff;font:inherit;cursor:pointer;transition:transform .15s}
.bsZor.secili{border-color:#e8a54b;background:#e8a54b33;transform:translateY(-3px)}
.bsZor.kilitli{opacity:.5}
.bsZorIkon{font-size:26px}
.bsZor b{font-size:15px}
.bsZor small{font-size:11px;opacity:.8;line-height:1.2}
.bsOyna{width:100%;max-width:400px;font-size:21px;padding:16px;border-radius:16px}
.btnBuyuk{font-size:20px;padding:14px 22px}
.bsIki{width:100%;max-width:400px;padding:12px;border-radius:14px;border:1px solid #ffffff33;background:#0004;color:#fff;font:700 16px inherit;cursor:pointer}

/* oyun */
.bsOyun{flex:1;display:flex;flex-direction:column;min-height:0}
.bsHud{display:flex;align-items:center;gap:6px;padding:8px 10px}
.bsHudBtn{width:36px;height:36px;border-radius:10px;border:1px solid #ffffff33;background:#0004;color:#fff;font-size:16px;cursor:pointer}
.bsHudAd{flex:1;font:800 18px 'Baloo 2',Nunito,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bsHudKutu{background:#0004;border-radius:10px;padding:5px 9px;font-size:14px;white-space:nowrap}
.bsHudKutu b{color:#ffd23f}
.bsSira{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto;padding:6px 16px;border-radius:20px;background:#0004;font-size:15px;min-height:22px}
.bsSira.sende{background:#e8a54b44;box-shadow:0 0 0 2px #e8a54b88}
.bsMini{display:inline-block;width:18px;height:18px;border-radius:50%;box-shadow:1px 2px 3px #0007}
.bsMini.siyah{background:radial-gradient(circle at 35% 30%,#6b6b6b,#0d0d0d)}
.bsMini.beyaz{background:radial-gradient(circle at 35% 30%,#fff,#c9c4bb)}
.bsNokta{display:inline-block;animation:bsYanip 1s infinite}
@keyframes bsYanip{50%{opacity:.2}}
.bsTahtaAlan{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:6px}
.bsTuval{border-radius:12px;box-shadow:0 10px 30px #000a,inset 0 0 0 2px #0002;touch-action:none;transition:filter .2s}
.bsDurdu .bsTuval{filter:blur(10px) brightness(.6)}
.bsAraclar{display:flex;justify-content:center;gap:10px;padding:4px 10px calc(10px + env(safe-area-inset-bottom))}
.bsArac{position:relative;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:12px;border:1px solid #ffffff33;background:#0004;color:#fff;font:inherit;cursor:pointer}
.bsArac span{font-size:18px}
.bsArac small{font-weight:700}
.bsArac 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}
.bsArac.gizli{display:none}

/* pencereler */
.bsSonuc{text-align:center}
.bsBuyuk{font-size:58px;line-height:1.1}
.bsSeri{color:#ffd23f;font-weight:800}
@media (max-width:360px){.bsArac{padding:7px 10px}.bsArac small{font-size:12px}.bsZor b{font-size:13px}}