body.oyunSayfa{background:#101830}
.bkKap{height:100%;display:flex;flex-direction:column;padding:6px;gap:6px}
.bkUst{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}
.bkKutu{background:#1c2748;border-radius:10px;padding:2px 12px;text-align:center;min-width:74px}
.bkKutu small{display:block;font-weight:800;font-size:10px;color:#ffcf7a;letter-spacing:1px}
.bkKutu b{font:800 20px 'Baloo 2',sans-serif}
.bkZorluk{display:flex;background:#0b1124;border-radius:10px;padding:3px}
.bkZorluk button{border:0;background:none;color:var(--soluk);font:800 13px Nunito,sans-serif;padding:7px 10px;border-radius:8px;cursor:pointer}
.bkZorluk button.aktif{background:#ffb02e;color:#1a1200}
.bkDur{border:0;background:#1c2748;color:#fff;width:40px;height:40px;border-radius:10px;font-size:20px;line-height:1;cursor:pointer}
.bkAlanKap{flex:1;min-height:0;position:relative;border-radius:14px;overflow:hidden;box-shadow:0 0 0 3px #26345f;touch-action:none;user-select:none}
#bkCanvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}
.bkSira{position:absolute;top:8px;right:8px;margin:0;padding:6px 8px;list-style:none;background:#0b1124c0;border-radius:10px;font:700 12px Nunito,sans-serif;min-width:130px;pointer-events:none}
.bkSira li{display:flex;align-items:center;gap:6px;padding:1px 0;white-space:nowrap}
.bkSira li i{width:10px;height:10px;border-radius:3px;display:inline-block;flex:none}
.bkSira li span{flex:1;overflow:hidden;text-overflow:ellipsis;max-width:90px}
.bkSira li.ben{color:#ffcf7a}
.bkMini{position:absolute;left:8px;bottom:8px;width:110px;height:110px;border-radius:10px;background:#0b1124c0;border:1px solid #ffffff22;pointer-events:none}
@media (max-width:600px){.bkKutu{min-width:58px;padding:2px 8px}.bkKutu b{font-size:17px}.bkZorluk button{padding:6px 7px;font-size:12px}.bkMini{width:78px;height:78px}.bkSira{font-size:11px;min-width:110px}}
/* online giriş düğmesi (tek oyunculu sayfa) */
.bkOnBtn{display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 12px;border-radius:10px;background:linear-gradient(180deg,#2f6bff,#1d4ed8);color:#fff;font:800 14px Nunito,sans-serif;text-decoration:none;box-shadow:0 0 0 1px #6f9bff66 inset}
.bkOnBtn:hover{filter:brightness(1.1)}
/* online sayfa */
.oAlan>.onMasa{flex:1;min-width:0;width:100%}
.onOyun>.bkOnKap{position:absolute;inset:0}
.onKoltuklar.k6{grid-template-columns:repeat(3,minmax(0,1fr))}
.onBKlar.k6{grid-template-columns:repeat(3,minmax(0,1fr))}
.onBKlar.k6 .onBK{padding:7px 4px}
.onBKlar.k6 .onBK .av{font-size:22px}
.onKoltuklar.k8{grid-template-columns:repeat(4,minmax(0,1fr))}
.onBKlar.k8{grid-template-columns:repeat(4,minmax(0,1fr))}
.onBKlar.k8 .onBK{padding:6px 4px}
.onBKlar.k8 .onBK .av{font-size:20px}
.bkOnKap .bkKutu.az b{color:#ff6b6b;animation:bkNabiz .6s infinite alternate}
@keyframes bkNabiz{to{opacity:.55}}
.bkBag{position:absolute;top:8px;left:8px;z-index:2;display:flex;align-items:center;gap:5px;background:#0b1124d9;border:2px solid #ffffff33;border-radius:999px;padding:3px 10px;font:800 12px/1.3 Nunito,sans-serif;color:#fff;pointer-events:none;white-space:nowrap}
.bkBag.p2p{border-color:#22c55e99}
.bkBag.role{border-color:#f59e0b99}
.bkBag i{font-style:normal;color:#cfd8ff;font-weight:700}
.bkBag i.kotu{color:#ff8a8a}
.bkBag.gizli{display:none}
.bkSiraOn li.olu{opacity:.45}
.bkOto{margin:2px 0 12px;padding:8px 10px;border-radius:12px;background:#0d1328;border:1px dashed #ffb02e88;color:#ffe2b0;font-weight:700;font-size:14px}
.bkOto b{color:#ffb02e}
.bkSTablo{display:flex;flex-direction:column;gap:3px;margin:8px 0 2px;text-align:left}
.bkSRow{display:grid;grid-template-columns:30px 12px minmax(0,1fr) auto 38px;align-items:center;gap:7px;background:#0b1124;border-radius:9px;padding:4px 9px;font-weight:700;font-size:14px}
.bkSRow i{width:12px;height:12px;border-radius:4px;display:block}
.bkSRow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e6ebff}
.bkSRow em{font-style:normal;font-weight:800;color:#fff}
.bkSRow small{color:#7dff9b;font-weight:800;text-align:right}
.bkSRow.ben{background:#3a2a10;box-shadow:0 0 0 1px #ffb02e inset}
.bkSRow.ben span{color:#ffcf7a}
.bkSPuan{margin-top:6px;font:800 18px 'Baloo 2',Nunito,sans-serif;color:#7dff9b}
@media (max-width:440px){.onUstBar small{display:none}}
@media (max-width:560px){.bkBag{font-size:11px;padding:2px 8px;top:6px;left:6px}.bkBag span{display:none}.onBKlar.k6{grid-template-columns:repeat(2,minmax(0,1fr))}.onKoltuklar.k6{grid-template-columns:repeat(2,minmax(0,1fr))}.onBKlar.k8{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.onBKlar.k8 .onBK{padding:5px 2px;border-radius:10px}.onBKlar.k8 .onBK .av{font-size:17px}.onBKlar.k8 .onBK b{font-size:11px}.onBKlar.k8 .onBK.bos small{display:none}.onBKlar.k8 .onBK small{font-size:10px;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onKoltuklar.k8{grid-template-columns:repeat(4,minmax(0,1fr))}.bkOnBtn{height:34px;padding:0 9px;font-size:13px}}