/* Mini Golf */
.mgKap{position:absolute;inset:0;overflow:hidden;background:#1f6b35}
.mgTuval{position:absolute;inset:0;width:100%;height:100%;touch-action:none;transition:filter .2s}
.mgDurdu .mgTuval{filter:blur(10px) brightness(.6)}
.mgKonfeti{position:fixed;inset:0;pointer-events:none;z-index:50}

/* menü */
.mgMenu{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(90% 70% at 50% 35%,#2f8f4ecc,#0f2a17ee)}
.mgLogo{font-size:76px;line-height:1;filter:drop-shadow(0 8px 10px #0008);animation:mgSalin 2.6s ease-in-out infinite}
@keyframes mgSalin{50%{transform:rotate(-6deg) translateY(-4px)}}
.mgMenu h2{font-size:36px;margin:0;text-shadow:0 3px 0 #0005}
.mgAlt{margin:-8px 0 0;color:#dcffe2;opacity:.85}
.mgStatlar{display:flex;gap:10px;width:100%;max-width:380px}
.mgStat{flex:1;background:#0004;border:1px solid #ffffff22;border-radius:14px;padding:8px 4px}
.mgStat b{display:block;font:800 22px 'Baloo 2',Nunito,sans-serif}
.mgStat small{color:#dcffe2;opacity:.8}
.mgOyna{width:100%;max-width:380px;font-size:22px;padding:16px;border-radius:16px}
.btnBuyuk{font-size:20px;padding:14px 22px}
.mgBolumler{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:380px}
.mgBolumBtn{width:42px;padding:5px 0;border-radius:10px;border:1px solid #ffffff33;background:#0004;color:#fff;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center}
.mgBolumBtn b{font-size:16px}
.mgBolumBtn small{font-size:9px;color:#ffd23f;letter-spacing:-1px}
.mgBolumBtn.simdi{border-color:#5fd36a;background:#5fd36a33}

/* oyun üstü */
.mgHud{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:8px;padding:10px;pointer-events:none}
.mgHud button{pointer-events:auto}
.mgHudBtn{width:36px;height:36px;border-radius:10px;border:1px solid #ffffff33;background:#0005;color:#fff;font-size:16px;cursor:pointer;flex:none}
.mgHudAd{flex:1;display:flex;flex-direction:column;line-height:1.15;min-width:0;text-shadow:0 2px 3px #0008}
.mgHudAd b{font:800 18px 'Baloo 2',Nunito,sans-serif}
.mgHudAd small{opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mgHudKutu{background:#0005;border-radius:10px;padding:6px 10px;font-size:15px;white-space:nowrap}
.mgHudKutu b{color:#ffd23f}
.mgAraclar{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:12px;padding:10px 10px calc(12px + env(safe-area-inset-bottom));pointer-events:none}
.mgArac{pointer-events:auto;position:relative;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:12px;border:1px solid #ffffff44;background:#0006;color:#fff;font:inherit;cursor:pointer}
.mgArac.aktif{background:#ffd23f55;border-color:#ffd23f}
.mgArac span{font-size:18px}
.mgArac small{font-weight:700}
.mgArac 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}

/* pencereler */
.mgSonuc{text-align:center}
.mgBuyuk{font-size:56px;line-height:1.1}
.mgYildizlar{font-size:44px;letter-spacing:6px}
.mgYildizlar span{color:#ffffff33;display:inline-block}
.mgYildizlar span.dolu{color:#ffd23f;animation:mgYildiz .5s both}
@keyframes mgYildiz{from{transform:scale(0) rotate(-90deg)}}
.mgHediye{color:#ffd23f;font-weight:800}
.mgSandikOdul{display:flex;justify-content:center;gap:14px;font-size:22px}