body.oyunSayfa{background:#101823}
.oAlan{overflow:hidden}
.buKap{position:absolute;inset:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 30%,#22364d,#0b121b 75%);user-select:none;-webkit-user-select:none;touch-action:none;overflow:hidden}
/* üst bilgi çubuğu */
.buHud{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:6px 10px;max-width:980px;width:100%;margin:0 auto;box-sizing:border-box}
.buMenuBtn{flex:0 0 auto;width:40px;height:38px;border-radius:12px;border:2px solid #ffffff2a;background:linear-gradient(180deg,#ffbf3a,#e88a12);color:#2a1700;font:900 20px/1 Nunito,sans-serif;cursor:pointer;box-shadow:0 3px 0 #0006}
.buMenuBtn:active{transform:translateY(2px);box-shadow:0 1px 0 #0006}
.buBaslik{flex:1 1 auto;min-width:0;color:#fff;font:800 17px/1.1 'Baloo 2',Nunito,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.buBaslik small{display:block;font:700 11.5px Nunito,sans-serif;color:#9fb4cc;letter-spacing:.3px}
.buStatlar{display:flex;gap:6px;flex:0 0 auto}
.buStat{display:flex;align-items:center;gap:5px;background:#ffffff10;border:1px solid #ffffff1f;border-radius:12px;padding:4px 9px;color:#fff;font:800 17px/1.2 'Baloo 2',Nunito,sans-serif;white-space:nowrap}
.buStat i{font-style:normal;font-size:14px}
.buStat.uyari{color:#ff7d7d;border-color:#ff7d7d66;animation:buNabiz 1s infinite}
.buStat.kapiAcik{color:#7dffa8;border-color:#7dffa866}
.buStat .buKalp{color:#ff4d6d;letter-spacing:-1px;font-size:15px}
.buStat .buKalp u{text-decoration:none;color:#ffffff30}
.buStat .buNokta{display:inline-block;width:11px;height:11px;border-radius:50%;border:2px solid #fff9;vertical-align:-1px}
@keyframes buNabiz{50%{transform:scale(1.06)}}
.buGucler{flex:0 0 auto;display:flex;justify-content:center;gap:6px;padding:0 10px 4px;min-height:24px;flex-wrap:wrap}
.buGucler span{display:inline-flex;align-items:center;gap:4px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:1px 9px 1px 4px;color:#e9f1ff;font:800 13px/1.5 Nunito,sans-serif}
.buGucler span canvas{width:18px;height:18px;display:block}
.buGucler span.sureli{border-color:#a98bff88;color:#d7c9ff}
.buSahne{flex:1 1 auto;min-height:0;position:relative}
#buCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}
/* dokunmatik kontroller */
.buDokun{display:none;flex:0 0 auto;align-items:center;justify-content:space-between;padding:8px 18px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(#0f1823,#0a1018);border-top:2px solid #ffffff14}
.buKap.dokun .buDokun{display:flex}
.buKap.dokun.yatay .buDokun{position:absolute;left:0;right:0;bottom:0;background:none;border:0;pointer-events:none;padding:0 16px 14px}
.buKap.dokun.yatay .buDokun>*{pointer-events:auto}
.buPad{position:relative;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#2a3b52 0%,#1a2638 62%,#121b29 100%);border:3px solid #ffffff22;box-shadow:inset 0 4px 14px #0008,0 4px 14px #0006;touch-action:none}
.buKap.yatay .buPad{background:radial-gradient(circle,#2a3b52cc 0%,#1a2638aa 62%,#121b2999 100%)}
.buOk{position:absolute;width:46px;height:46px;display:flex;align-items:center;justify-content:center;color:#ffffffb0;font-size:20px;border-radius:12px;background:#ffffff12;transition:background .08s}
.buOk.y0{left:52px;top:4px}.buOk.y1{left:52px;bottom:4px}.buOk.y2{left:4px;top:52px}.buOk.y3{right:4px;top:52px}
.buOk.aktif{background:#ffbf3a;color:#2a1700}
.buPadTop{position:absolute;left:57px;top:57px;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#9fb4cc);box-shadow:0 2px 6px #0008;opacity:.55;pointer-events:none;transition:transform .05s}
.buSagG{display:flex;align-items:flex-end;gap:12px}
.buBombaB,.buUzakB{border-radius:50%;border:3px solid #ffffff55;color:#fff;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0;font-family:Nunito,sans-serif}
.buBombaB{width:112px;height:112px;background:radial-gradient(circle at 40% 30%,#ff8a5c,#e8432a 55%,#a3200f);box-shadow:0 6px 0 #6d1408,0 10px 22px #0008}
.buBombaB small,.buUzakB small{font-weight:900;font-size:13px;letter-spacing:1px;text-shadow:0 1px 2px #0008}
.buBombaB.bas,.buUzakB.bas{transform:translateY(4px);box-shadow:0 2px 0 #6d1408,0 4px 10px #0008}
.buBombaB.bos{filter:saturate(.35) brightness(.8)}
.buBombaIkon{position:relative;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7d8aa8,#252a3d 55%,#090b12);box-shadow:0 2px 4px #0007;margin-top:6px}
.buBombaIkon::before{content:'';position:absolute;left:21px;top:-9px;width:12px;height:12px;border:3px solid #d9b071;border-color:#d9b071 transparent transparent #d9b071;border-radius:50% 0 0 0;transform:rotate(25deg)}
.buBombaIkon::after{content:'';position:absolute;left:31px;top:-12px;width:9px;height:9px;border-radius:50%;background:#fff36b;box-shadow:0 0 8px 3px #ffb627;animation:buKivilcim .25s infinite alternate}
@keyframes buKivilcim{to{transform:scale(.6);opacity:.7}}
.buUzakB{width:72px;height:72px;background:radial-gradient(circle at 40% 30%,#b89cff,#6f45e0 60%,#3d1f99);box-shadow:0 5px 0 #2a1270,0 8px 18px #0008;margin-bottom:6px}
.buUzakB span{font-size:24px;line-height:1}
@media (max-height:700px){.buKap.dokun:not(.yatay) .buPad{width:126px;height:126px}.buKap.dokun:not(.yatay) .buOk{width:40px;height:40px}.buKap.dokun:not(.yatay) .buOk.y0,.buKap.dokun:not(.yatay) .buOk.y1{left:43px}.buKap.dokun:not(.yatay) .buOk.y2,.buKap.dokun:not(.yatay) .buOk.y3{top:43px}.buKap.dokun:not(.yatay) .buPadTop{left:48px;top:48px}.buKap.dokun:not(.yatay) .buBombaB{width:96px;height:96px}}
@media (max-width:520px){.buHud{gap:5px;padding:5px 6px}.buStat{padding:3px 6px;font-size:15px;gap:3px;border-radius:10px}.buStat i{font-size:12px}.buBaslik{font-size:15px}.buBaslik small{font-size:10.5px}.buStatlar{gap:4px}.buMenuBtn{width:36px;height:34px;font-size:18px}}
@media (max-width:370px){.buStat.gizliDar{display:none}}
/* menüler */
.buModlar{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 6px}
.buModKart{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 8px 12px;border-radius:16px;border:2px solid #34506e;background:linear-gradient(180deg,#1f3349,#162536);color:#fff;cursor:pointer;font-family:inherit}
.buModKart:hover{border-color:#ffb627}
.buModKart canvas{width:84px;height:64px;display:block}
.buModKart b{font:800 20px 'Baloo 2',Nunito,sans-serif}
.buModKart small{color:#a9bdd6;font-size:12.5px;line-height:1.3;text-align:center}
.buModKart em{font-style:normal;font-weight:800;color:#ffd166;margin-top:3px;font-size:13.5px}
.buBolgeler{max-height:52vh;overflow:auto;padding:2px 4px;margin:6px 0}
.buBolge{margin:0 0 10px}
.buBolge h3{display:flex;align-items:center;gap:6px;margin:0 0 6px;font:800 15px Nunito,sans-serif;color:#fff}
.buBolge h3 i{font-style:normal;width:14px;height:14px;border-radius:4px;display:inline-block;border:1px solid #fff5}
.buBolge h3 small{font-weight:700;color:#8fa6c2;margin-left:auto;font-size:12px}
.buIzgara{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.buIzgara button{position:relative;height:44px;border-radius:12px;border:2px solid #2d425c;background:#18273a;color:#fff;font:800 16px Nunito,sans-serif;cursor:pointer;padding:0}
.buIzgara button.gecti{background:#1d3b2c;border-color:#3fbf7a}
.buIzgara button.gecti::after{content:'✓';position:absolute;right:3px;top:0;font-size:10px;color:#7dffa8}
.buIzgara button.siradaki{background:#4a3410;border-color:#ffb627;box-shadow:0 0 12px #ffb62766}
.buIzgara button.patron{font-size:18px}
.buIzgara button:disabled{opacity:.38;cursor:not-allowed}
.buSecimler{display:flex;gap:6px;justify-content:center;margin:4px 0 10px;flex-wrap:wrap}
.buSecimler button{flex:1 1 0;min-width:84px;border-radius:12px;border:2px solid #2d425c;background:#18273a;color:#fff;font:800 14px Nunito,sans-serif;padding:8px 6px;cursor:pointer;line-height:1.25}
.buSecimler button small{display:block;font-weight:600;font-size:11px;color:#9fb4cc}
.buSecimler button.aktif{border-color:#ffb627;background:#3d2c0e;box-shadow:0 0 0 2px #ffb62744}
.buEtiket{font:800 12px Nunito,sans-serif;color:#ffd166;letter-spacing:1px;text-align:center;margin:8px 0 2px;text-transform:uppercase}
.buBuyukE{font-size:54px;line-height:1;text-align:center;margin-bottom:2px}
.buOnizleme{display:block;margin:2px auto 8px;width:220px;height:96px}
.buTurlar{display:flex;justify-content:center;gap:8px;margin:6px 0 10px}
.buTurlar span{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;background:#ffffff12;border:2px solid #ffffff24}
.buTurlar span.k{background:#1d3b2c;border-color:#3fbf7a}
.buTurlar span.x{background:#3b1d22;border-color:#ff6b7d}
/* yatay telefon: güçlendirme çipleri arenanın solunda dikey */
.buKap.yatay .buGucler{position:absolute;left:8px;top:56px;flex-direction:column;align-items:flex-start;z-index:2;pointer-events:none;padding:0}