body.oyunSayfa{background:#0a1f17}
.oAlan{overflow:hidden}
.bKap{position:absolute;inset:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 40%,#1b3a2c,#08140f 75%);touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden;color:#eef6f0;font-family:Nunito,sans-serif}
/* üst bilgi şeridi */
.bUst{flex:none;display:flex;align-items:center;gap:8px;padding:6px 10px;min-height:48px;background:linear-gradient(#0d241b,#0a1c15);border-bottom:1px solid #ffffff14}
.bOyuncu{display:flex;flex-direction:column;gap:3px;min-width:0;flex:0 1 auto;padding:4px 8px;border-radius:10px;border:2px solid transparent;transition:border-color .2s,background .2s}
.bOyuncu.yz{align-items:flex-end}
.bOyuncu.sirada{border-color:#ffd23f;background:#ffd23f1c;box-shadow:0 0 12px #ffd23f33}
.bAd{font:800 13px/1 Nunito,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.bGrup{display:flex;gap:2px;min-height:16px;align-items:center;font-size:11px;color:#9fc3b0;white-space:nowrap}
.bMini{width:15px;height:15px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:800 8px/1 Nunito,sans-serif;color:#111;box-shadow:inset -2px -2px 3px #0006,inset 1px 1px 2px #fff6;position:relative;flex:none}
.bMini b{background:#fff;border-radius:50%;width:8px;height:8px;display:flex;align-items:center;justify-content:center;font-size:6.5px}
.bMini.gitti{opacity:.22;filter:grayscale(.6)}
.bDurum{flex:1;text-align:center;font:800 14px/1.25 Nunito,sans-serif;color:#fff;min-width:0;text-shadow:0 1px 2px #000}
.bDurum.uyari{color:#ffb35c}
/* masa */
.bOrta{flex:1;position:relative;min-height:0}
#bCanvas{position:absolute;left:0;top:0;display:block;touch-action:none;cursor:crosshair}
.bGuc{position:absolute;width:46px;display:flex;flex-direction:column;align-items:center;gap:4px;touch-action:none;cursor:ns-resize}
.bGucIc{position:relative;flex:1;width:30px;border-radius:15px;background:linear-gradient(90deg,#0b1712,#1d3328 50%,#0b1712);border:2px solid #ffffff2a;overflow:hidden;box-shadow:inset 0 2px 8px #000a}
.bGucDolu{position:absolute;left:0;right:0;top:0;height:0;background:linear-gradient(#2fbf71,#ffd23f 55%,#ff4d3d);opacity:.85}
.bGucIsteka{position:absolute;left:50%;width:10px;margin-left:-5px;top:4px;height:78%;border-radius:5px 5px 3px 3px;background:linear-gradient(#f3e3c0 0 6%,#2a6fdb 6% 9%,#e8d2a6 9% 58%,#7a3b14 58% 62%,#3a1c0a 62%);box-shadow:0 2px 6px #000a}
.bGucYazi{font:800 11px/1 Nunito,sans-serif;color:#cfe8d6}
.bGuc.pasif{opacity:.4;pointer-events:none}
/* alt kontroller */
.bAlt{flex:none;display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 10px calc(6px + env(safe-area-inset-bottom));min-height:64px;background:linear-gradient(#0a1c15,#0d241b);border-top:1px solid #ffffff14}
.bFalsoKap{display:flex;flex-direction:column;align-items:center;gap:1px}
#bFalso{width:56px;height:56px;cursor:pointer;touch-action:none;border-radius:50%}
.bFalsoKap small{font:700 10px/1 Nunito,sans-serif;color:#9fc3b0}
.bInce{display:flex;gap:8px}
.bInceBtn{width:50px;height:50px;border-radius:50%;border:2px solid #ffffff3a;background:#16302599;color:#fff;font:800 24px/1 Nunito,sans-serif;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}
.bInceBtn.bas,.bInceBtn:active{background:#ffffff40;transform:scale(.94)}
.bKilavuzBtn{white-space:nowrap}
.bKap.pasif .bInceBtn,.bKap.pasif #bFalso{opacity:.45}
/* modallar */
.bSecim{margin:6px 0 10px}
.bNot{text-align:center;font-size:13px;color:#aab3d6;margin:4px 0 8px}
.bSonuc{display:flex;justify-content:center;gap:20px;margin:6px 0 10px}
.bSonuc div{display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:800}
.bSonuc .bGrup{justify-content:center}
.bRozet{display:inline-block;padding:2px 8px;border-radius:8px;background:#ffd23f;color:#222;font:800 12px/1.4 Nunito,sans-serif;margin-left:6px}
@media (max-width:520px){
  .bUst{padding:4px 6px;gap:4px;min-height:44px}
  .bOyuncu{padding:3px 5px}
  .bAd{font-size:12px;max-width:100px}
  .bMini{width:12px;height:12px}
  .bMini b{width:6px;height:6px;font-size:0}
  .bDurum{font-size:12px}
  .bAlt{gap:8px;padding-left:6px;padding-right:6px}
  .bInceBtn{width:46px;height:46px}
  .bKilavuzBtn{font-size:12px;padding:8px 9px}
}