/* Blok Dünyası — oyun ekranı (sitenin oyun.css ortak sınıflarının üstüne) */
body.oyunSayfa{background:#2a6fc9}
.oAlan{position:relative;flex:1;min-height:0;touch-action:none}
.bdKap{position:absolute;inset:0;overflow:hidden;font-family:Nunito,system-ui,sans-serif;color:#fff;user-select:none;-webkit-user-select:none}
.bdKap canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}
.bdKap.oyunda canvas{cursor:grab}
.bdKap button{font-family:inherit;cursor:pointer}
.bdKap .gizli{display:none!important}

/* yükleniyor */
.bdYukle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(#3b8fe0,#8fcaf5);z-index:30;font-weight:800;text-align:center;padding:20px}
.bdYukle i{width:54px;height:54px;border-radius:12px;background:#ffd23f;box-shadow:0 6px 0 #c99a00;animation:bdZip .8s ease-in-out infinite}
@keyframes bdZip{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-22px) rotate(90deg)}}

/* ortak parçalar */
.bdJetonK{display:inline-flex;align-items:center;gap:4px;background:#0009;border:2px solid #ffc928;border-radius:999px;padding:3px 12px;font-weight:800;color:#ffe08a;white-space:nowrap}
.bdJetonK b{color:#fff}
.bdJetonK.pop{animation:bdPop .35s}
@keyframes bdPop{50%{transform:scale(1.25)}}
.bdBtn{border:0;border-radius:14px;padding:10px 16px;font-weight:800;font-size:16px;color:#2a1600;background:linear-gradient(#ffd45c,#ffb703);box-shadow:0 4px 0 #b77d00}
.bdBtn:active{transform:translateY(3px);box-shadow:0 1px 0 #b77d00}
.bdIkon{width:42px;height:42px;border:0;border-radius:12px;background:#0b1020cc;color:#fff;font-size:20px;font-weight:800;flex:0 0 auto}

/* ana menü */
.bdMenu,.bdGard{position:absolute;z-index:10;display:flex;flex-direction:column;gap:10px;padding:14px;background:#0f1a3ae6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  left:0;right:0;bottom:0;max-height:62%;border-radius:22px 22px 0 0;border-top:2px solid #ffffff22;overflow:auto}
.bdKap.genis .bdMenu,.bdKap.genis .bdGard{left:auto;top:0;right:0;bottom:0;width:min(440px,46%);max-height:none;border-radius:0;border-top:0;border-left:2px solid #ffffff22}
.bdMenuUst,.bdGardUst{display:flex;align-items:center;justify-content:space-between;gap:10px}
.bdProfil{display:flex;flex-direction:column;gap:4px;min-width:0}
.bdProfil b{font:800 20px 'Baloo 2',Nunito,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bdProfil .bdJetonK{align-self:flex-start}
.bdSekme{display:flex;gap:6px}
.bdSekme button{flex:1;border:0;border-radius:12px;padding:8px 4px;font-weight:800;font-size:14px;background:#ffffff14;color:#cdd6f5}
.bdSekme button.aktif{background:#4d96ff;color:#fff}
.bdKartlar{display:flex;flex-direction:column;gap:10px}
.bdKart{position:relative;display:flex;align-items:center;gap:12px;text-align:left;border:0;border-radius:18px;padding:12px;color:#fff;
  background:linear-gradient(135deg,var(--k),#0b1020 140%);box-shadow:0 5px 0 #0007;transition:transform .12s}
.bdKart:hover{transform:translateY(-2px)}
.bdKart:active{transform:translateY(3px);box-shadow:0 2px 0 #0007}
.bdKartEmoji{font-size:44px;line-height:1;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:16px;flex:0 0 auto}
.bdKartMetin{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.bdKartMetin b{font:800 19px 'Baloo 2',Nunito,sans-serif}
.bdKartMetin small{font-size:13px;line-height:1.3;color:#e8eeff;opacity:.92}
.bdKartMetin i{font-style:normal;font-size:12px;font-weight:800;color:#ffe08a}
.bdOyna{width:40px;height:40px;border-radius:50%;background:#fff;color:var(--k);display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 auto}
.bdRozet{position:absolute;top:-8px;right:12px;background:#ff3d6e;color:#fff;font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px;box-shadow:0 2px 0 #0006}
.bdIpucu{margin:0;font-size:13px;color:#aab6dd;text-align:center}

/* gardırop */
.bdGardUst b{font:800 20px 'Baloo 2',Nunito,sans-serif;flex:1}
.bdGardSekme{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}
.bdGardSekme button{border:0;border-radius:12px;padding:6px 2px;background:#ffffff14;color:#fff;font-size:20px;display:flex;flex-direction:column;align-items:center}
.bdGardSekme button small{font-size:10px;font-weight:800;color:#cdd6f5}
.bdGardSekme button.aktif{background:#4d96ff}
.bdGardIzgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}
.bdRenk{aspect-ratio:1;border-radius:14px;border:3px solid #ffffff33;box-shadow:inset 0 -6px 0 #0003}
.bdRenk.secili{border-color:#fff;box-shadow:0 0 0 3px #4d96ff,inset 0 -6px 0 #0003}
.bdEsya{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;border:2px solid #ffffff22;border-radius:14px;padding:8px 4px;background:#ffffff10;color:#fff}
.bdEsya span{font-size:30px;line-height:1.2}
.bdEsya b{font-size:12px;text-align:center;line-height:1.2}
.bdEsya em{font-style:normal;font-size:12px;font-weight:800;color:#ffe08a}
.bdEsya i{position:absolute;top:4px;right:6px;font-style:normal;color:#4fd17a;font-weight:800}
.bdEsya.secili{border-color:#4d96ff;background:#4d96ff33}
.bdEsya.kilitli span{filter:grayscale(.7);opacity:.7}

/* oyun içi */
.bdHud{position:absolute;inset:0;z-index:5;pointer-events:none}
.bdHud button,.bdHud .bdJoy{pointer-events:auto}
.bdHudUst{position:absolute;top:8px;left:8px;right:8px;display:flex;align-items:center;gap:8px}
.bdHudBilgi{flex:1;text-align:center;font-weight:800;font-size:15px;text-shadow:0 2px 3px #0009;background:#0b102088;border-radius:12px;padding:8px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bdHudBilgi b{color:#ffe08a}
.bdAkis{position:absolute;top:60px;left:10px;display:flex;flex-direction:column;gap:4px;max-width:60%}
.bdAkis div{background:#0b1020aa;border-radius:10px;padding:4px 10px;font-size:13px;font-weight:700;animation:bdGir .25s}
@keyframes bdGir{from{opacity:0;transform:translateX(-12px)}}
.bdDuyuru{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%) scale(.9);max-width:90%;text-align:center;font:800 clamp(18px,3.4vw,30px) 'Baloo 2',Nunito,sans-serif;
  background:#0b1020b3;border-radius:16px;padding:10px 20px;opacity:0;transition:opacity .25s,transform .25s;text-shadow:0 2px 3px #000}
.bdDuyuru.goster{opacity:1;transform:translate(-50%,-50%) scale(1)}
.bdRenkBant{position:absolute;left:50%;top:62px;transform:translateX(-50%);min-width:220px;padding:10px 26px 14px;border-radius:16px;border:4px solid #fff;box-shadow:0 6px 0 #0006;text-align:center;overflow:hidden}
.bdRenkBant b{font:800 clamp(24px,5vw,40px) 'Baloo 2',Nunito,sans-serif;letter-spacing:2px;text-shadow:0 3px 0 #0007}
.bdRenkBant i{position:absolute;left:0;bottom:0;height:7px;background:#fff;width:100%}
.bdJoy{position:absolute;left:22px;bottom:22px;width:132px;height:132px;border-radius:50%;background:#ffffff26;border:3px solid #ffffff55;display:none;touch-action:none}
.bdJoy i{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:#ffffffcc;box-shadow:0 3px 0 #0005}
.bdTuslar{position:absolute;right:20px;bottom:22px;display:none;align-items:flex-end;gap:12px}
.bdTuslar button{border:3px solid #ffffff88;border-radius:50%;color:#fff;font-weight:800;touch-action:none}
#bdZipla{width:92px;height:92px;font-size:40px;background:#4fd17acc}
#bdKos{width:60px;height:60px;font-size:26px;background:#0b1020aa}
#bdKos.aktif{background:#ff9f1ccc}
.bdKap.dokunmatik .bdJoy{display:block}
.bdKap.dokunmatik .bdTuslar{display:flex}
.bdKlavye{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);font-size:12px;color:#fff;background:#0b102099;padding:5px 12px;border-radius:999px;white-space:nowrap}
.bdKlavye b{color:#ffe08a}
.bdKap.dokunmatik .bdKlavye{display:none}
@media (max-width:560px){.bdKlavye{display:none}.bdHudBilgi{font-size:13px}}

/* sonuç penceresi */
.bdKazanc{font:800 40px 'Baloo 2',Nunito,sans-serif;color:#ffc928;margin:10px 0 2px}
.bdSoluk{font-size:14px;color:#aab6dd}