body.oyunSayfa{background:#101a0c}
.oAlan{overflow:hidden}
.ksKap{position:absolute;inset:0;overflow:hidden;background:#101a0c;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#ksCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:pointer}
.ksKap.hedefMod #ksCanvas{cursor:crosshair}

/* HUD grupları */
.ksGrup{position:absolute;display:flex;gap:6px;z-index:3;pointer-events:none}
.ksGrup>*{pointer-events:auto}
.ksStat{display:flex;align-items:center;gap:4px;background:linear-gradient(180deg,#2b2016e6,#1a130ce6);border:2px solid #8a6a3a;border-radius:12px;padding:2px 10px 2px 7px;color:#fff;box-shadow:0 3px 0 #0006;min-width:62px}
.ksStat span{font-size:16px;line-height:1}
.ksStat b{font:800 19px 'Baloo 2',Nunito,sans-serif;line-height:1.25;white-space:nowrap}
.ksStat.uyari b{color:#ff6a5a;animation:ksTitre .4s}
@keyframes ksTitre{0%,100%{transform:none}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
.ksDug{width:40px;height:38px;border-radius:12px;border:2px solid #8a6a3a;background:linear-gradient(180deg,#5a4126,#3a2a18);color:#ffe9b0;font:800 16px 'Baloo 2',Nunito,sans-serif;cursor:pointer;box-shadow:0 3px 0 #0006;padding:0}
.ksDug:active{transform:translateY(2px);box-shadow:0 1px 0 #0006}
.ksDug.aktif{background:linear-gradient(180deg,#e0a02a,#a86a10);color:#fff}
.ksGuc{position:relative;width:58px;height:58px;border-radius:50%;border:3px solid #c9a24a;background:radial-gradient(circle at 35% 30%,#6a5236,#2a1e12);color:#fff;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 4px 0 #0007,inset 0 2px 6px #fff3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;overflow:hidden}
.ksGuc small{font:800 9.5px Nunito,sans-serif;color:#ffe9b0;margin-top:2px;white-space:nowrap;position:relative;z-index:2}
.ksGuc.secili{border-color:#fff36a;box-shadow:0 0 0 3px #ffe06688,0 0 18px #ffe066;animation:ksNabiz 1s infinite}
@keyframes ksNabiz{50%{transform:scale(1.07)}}
.ksGuc:disabled{cursor:not-allowed}
.ksBekle{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#000a var(--b,0%),transparent 0);pointer-events:none;z-index:1}
.ksKah canvas{width:54px;height:54px;margin-top:-4px}
.ksKah small{position:absolute;bottom:2px;right:50%;transform:translateX(50%);background:#1a2a4a;border:1px solid #ffd34d;border-radius:8px;padding:0 5px;font-size:10px;margin:0}
.ksOdul{border-color:#ffd23f;background:radial-gradient(circle at 35% 30%,#8a64ff,#4a2ac0);animation:ksNabiz 1.4s infinite}
.ksOdul small{color:#fff}
.ksCagir{border:3px solid #ffcf4a;background:linear-gradient(180deg,#d6402a,#8a1a10);color:#fff;font:800 17px 'Baloo 2',Nunito,sans-serif;border-radius:16px;padding:6px 14px;cursor:pointer;box-shadow:0 4px 0 #0007;white-space:nowrap;display:flex;align-items:center;gap:6px}
.ksCagir:active{transform:translateY(2px)}
.ksCagir.nabiz{animation:ksNabiz 1s infinite}
.ksCagir small{font-size:12px;color:#ffe066}
.ksCagir[hidden]{display:none}

/* yerleşim: üst/alt şeritler */
.ksKap.ustalt .ksA{top:6px;left:6px}
.ksKap.ustalt .ksB{top:6px;right:6px}
.ksKap.ustalt .ksC{bottom:6px;left:6px;align-items:flex-end}
.ksKap.ustalt .ksD{bottom:8px;right:6px}
/* yerleşim: yan sütunlar */
.ksKap.yan .ksGrup{flex-direction:column}
.ksKap.yan .ksA{top:8px;left:8px}
.ksKap.yan .ksB{top:8px;right:8px}
.ksKap.yan .ksC{bottom:8px;left:8px;align-items:center}
.ksKap.yan .ksD{bottom:8px;right:8px}
.ksKap.yan .ksCagir{flex-direction:column;gap:0;padding:8px 10px;font-size:16px}
.ksKap.dar .ksStat{min-width:0;padding:1px 7px 1px 5px}
.ksKap.dar .ksStat b{font-size:16px}
.ksKap.dar .ksStat span{font-size:13px}
.ksKap.dar .ksDug{width:34px;height:32px;font-size:14px}
.ksKap.dar .ksGuc{width:48px;height:48px;font-size:21px}
.ksKap.dar .ksKah canvas{width:44px;height:44px}
.ksKap.dar .ksCagir{font-size:14px;padding:5px 10px}

/* halka menü */
.ksHalka{position:absolute;z-index:5;width:0;height:0}
.ksHalka .hd{position:absolute;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;border:3px solid #c9a24a;background:radial-gradient(circle at 35% 30%,#5a4630,#21170d);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0008;animation:ksAc .18s ease-out both;color:#fff;font-size:22px}
.ksHalka .hd img{width:42px;height:42px;pointer-events:none}
.ksHalka .hd em{position:absolute;bottom:-11px;left:50%;transform:translateX(-50%);font:800 11.5px Nunito,sans-serif;font-style:normal;background:#1a130c;color:#ffd34d;border:1px solid #c9a24a;border-radius:8px;padding:0 5px;white-space:nowrap;pointer-events:none}
.ksHalka .hd.yok{filter:grayscale(1) brightness(.7)}
.ksHalka .hd.yok em{color:#ff8a7a}
.ksHalka .hd.sec{border-color:#fff36a;box-shadow:0 0 0 3px #ffe06699,0 0 16px #ffe066}
.ksHalka .hd.sat{border-color:#e05a3a}
.ksHalka .hd.onay::after{content:'✓';position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:#3fbf5a;color:#fff;font:800 13px/20px Nunito,sans-serif;text-align:center}
.ksHalka .cember{position:absolute;border:2px dashed #fff8;border-radius:50%;pointer-events:none;animation:ksAc .18s ease-out both}
@keyframes ksAc{from{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}

/* bilgi kutusu */
.ksBilgi{position:absolute;z-index:6;left:50%;transform:translateX(-50%);bottom:74px;max-width:min(92%,420px);background:linear-gradient(180deg,#2b2016f2,#1a130cf2);border:2px solid #c9a24a;border-radius:14px;color:#fff;padding:8px 12px;font:600 13px/1.4 Nunito,sans-serif;box-shadow:0 6px 18px #000a;pointer-events:none}
.ksKap.yan .ksBilgi{bottom:10px}
.ksBilgi b{font:800 16px 'Baloo 2',Nunito,sans-serif;color:#ffd34d}
.ksBilgi .ist{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:3px;color:#ffe9b0;font-weight:800;font-size:12.5px}
.ksBilgi p{margin:2px 0 0;color:#e8dcc0}

/* afiş ve ipucu */
.ksAfis{position:absolute;z-index:4;left:50%;top:22%;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;text-align:center;font:800 34px/1.1 'Baloo 2',Nunito,sans-serif;color:#fff;text-shadow:0 3px 0 #000,0 0 22px #000;white-space:nowrap;transition:opacity .3s,transform .3s}
.ksAfis small{display:block;font-size:17px;color:#ffd34d}
.ksAfis.goster{opacity:1;transform:translate(-50%,-50%) scale(1)}
.ksAfis.patron{color:#ff6ad5}
.ksIpucu{position:absolute;z-index:4;left:50%;transform:translateX(-50%);top:52px;background:#000c;color:#fff;border-radius:12px;padding:6px 14px;font:700 14px/1.35 Nunito,sans-serif;pointer-events:none;text-align:center;width:max-content;max-width:min(92%,560px)}
.ksKap.dar .ksIpucu{font-size:12.5px;padding:5px 10px;top:46px}
.ksKap.yan .ksIpucu{top:10px}
.ksDurOrt{position:absolute;inset:0;z-index:7;background:#000a;display:flex;align-items:center;justify-content:center}
.ksDurOrt>div{display:flex;flex-direction:column;align-items:center;gap:14px;color:#fff;font:800 30px 'Baloo 2',Nunito,sans-serif}

/* modallar */
.ksModlar{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 6px}
.ksModKart{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px 10px;border-radius:16px;border:2px solid #6a5233;background:linear-gradient(180deg,#3a2c1c,#241a10);color:#fff;cursor:pointer;font-family:inherit}
.ksModKart:hover:not(:disabled){border-color:#ffb02e}
.ksModKart:disabled{opacity:.45;cursor:not-allowed}
.ksModKart .e{font-size:32px;line-height:1.2}
.ksModKart b{font:800 18px 'Baloo 2',Nunito,sans-serif}
.ksModKart small{color:#d8c8a8;font-size:12px;line-height:1.3}
.ksModKart em{font-style:normal;font-weight:800;color:#ffd23f;margin-top:3px;font-size:13.5px}
.ksBolgeler{max-height:min(58vh,520px);overflow:auto;padding:2px 4px;display:flex;flex-direction:column;gap:8px}
.ksBolge{border-radius:14px;padding:6px 8px 8px;background:#ffffff0c;border:1px solid #ffffff1a}
.ksBolge h3{margin:0 0 5px;font:800 15px 'Baloo 2',Nunito,sans-serif;color:#ffe9b0;display:flex;justify-content:space-between}
.ksBolge h3 small{color:#ffd23f}
.ksBolumler{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}
.ksBolumler button{display:flex;flex-direction:column;align-items:center;font-family:inherit;border-radius:12px;border:2px solid #5a4630;background:#2b2016;color:#fff;padding:4px 0 2px;cursor:pointer}
.ksBolumler button b{font:800 16px Nunito,sans-serif;line-height:1.2}
.ksBolumler button i{font-style:normal;font-size:10px;color:#ffd23f;letter-spacing:-1px;line-height:1.2}
.ksBolumler button i u{text-decoration:none;color:#ffffff30}
.ksBolumler button.gecti{background:#3a2c1a;border-color:#c9a24a}
.ksBolumler button.siradaki{background:#6a3a10;border-color:#ffb02e;box-shadow:0 0 12px #ffb02e77}
.ksBolumler button.patron b::after{content:'💀';font-size:10px;margin-left:1px;vertical-align:top}
.ksBolumler button:disabled{opacity:.35;cursor:not-allowed}
.ksYildizlar{display:flex;justify-content:center;gap:6px;margin:0 0 4px}
.ksY{font-size:50px;line-height:1;color:#ffffff22;animation:ksYildiz .5s cubic-bezier(.2,1.6,.4,1) both}
.ksY.dolu{color:#ffd23f;text-shadow:0 0 18px #ffb300aa}
.ksY:nth-child(2){font-size:62px;margin-top:-10px}
@keyframes ksYildiz{from{transform:scale(0) rotate(-40deg);opacity:0}to{transform:none;opacity:1}}
.ksBuyukE{font-size:50px;line-height:1;margin-bottom:4px;text-align:center}
.ksYukler{display:grid;grid-template-columns:1fr;gap:6px;max-height:min(56vh,500px);overflow:auto;padding:2px}
.ksYuk{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;background:#ffffff0c;border:1px solid #ffffff1a;border-radius:12px;padding:5px 8px}
.ksYuk .e{font-size:24px;text-align:center}
.ksYuk b{font:800 15px 'Baloo 2',Nunito,sans-serif;display:block;line-height:1.1}
.ksYuk .kad{display:flex;gap:4px;margin-top:2px;flex-wrap:wrap}
.ksYuk .kad span{font-size:11px;border-radius:8px;padding:1px 6px;background:#00000040;color:#bba98a;border:1px solid #ffffff14}
.ksYuk .kad span.al{background:#3a5a1a;color:#d8ffb0;border-color:#7ac04a}
.ksYuk button{white-space:nowrap}
.ksKahlar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}
.ksKahKart{display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:14px;border:2px solid #5a4630;background:#2b2016;color:#fff;padding:8px 4px;cursor:pointer;font-family:inherit;text-align:center}
.ksKahKart img{width:72px;height:72px}
.ksKahKart b{font:800 14px 'Baloo 2',Nunito,sans-serif;line-height:1.15}
.ksKahKart small{font-size:11px;color:#d8c8a8;line-height:1.25}
.ksKahKart.sec{border-color:#ffb02e;box-shadow:0 0 12px #ffb02e77;background:#4a3010}
.ksKahKart:disabled{opacity:.45;cursor:not-allowed}
.ksYardim{max-height:min(60vh,560px);overflow:auto;text-align:left}
.ksYardim h3{font:800 16px 'Baloo 2',Nunito,sans-serif;margin:10px 0 4px;color:#ffd34d}
.ksResimli{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.ksResimli div{display:flex;gap:6px;align-items:center;background:#ffffff0c;border-radius:10px;padding:4px 6px;font-size:12.5px;line-height:1.3}
.ksResimli img{width:44px;height:44px;flex:0 0 44px}
.ksResimli b{display:block;font-size:13px;color:#fff}
.ksSekme{display:flex;gap:6px;justify-content:center;margin:6px 0 10px;flex-wrap:wrap}
@media (max-width:420px){.ksBolumler{gap:4px}.ksKahKart img{width:56px;height:56px}}