body.oyunSayfa{background:#1c1020}
.oAlan{overflow:hidden}
.hkKap{position:relative;height:100%;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;background:#1c1020}
#hkCanvas{display:block;width:100%;height:100%;touch-action:none}
.hkDur,.hkMenuBtn{position:absolute;top:8px;width:40px;height:40px;border-radius:12px;border:2px solid #ffffff40;background:#0008;color:#fff;font-size:17px;line-height:1;cursor:pointer;z-index:3;padding:0}
.hkDur{right:8px}
.hkMenuBtn{right:54px}
.hkDur:active,.hkMenuBtn:active{transform:scale(.94)}

/* menü */
.hkLogo{font:800 34px 'Baloo 2',Nunito,sans-serif;line-height:1;margin:2px 0 4px;background:linear-gradient(180deg,#ffe08a,#ff7a3a 60%,#d8402a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #0007)}
.hkAlt{color:#cdb8c8;font-size:13px;margin:0 0 10px}
.hkOzet{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0 12px}
.hkOzet div{background:#ffffff0f;border:1px solid #ffffff18;border-radius:12px;padding:6px 4px;text-align:center}
.hkOzet small{display:block;font-size:11px;opacity:.75;font-weight:800;text-transform:uppercase;letter-spacing:.4px}
.hkOzet b{font:800 19px 'Baloo 2',Nunito,sans-serif;white-space:nowrap}
.hkOyna{width:100%;font-size:21px!important;padding:14px 18px!important;flex-direction:column;gap:0!important;line-height:1.15}
.hkOyna small{font:800 12px Nunito,sans-serif;opacity:.75}
.hkIzgara{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.hkIzgara .btn{min-width:0}

/* bölüm haritası */
.hkHarita{max-height:58vh;overflow:auto;padding:2px 4px 6px;margin:4px -6px 0;text-align:left;overscroll-behavior:contain}
.hkBolge{margin:10px 0 4px;font:800 14px 'Baloo 2',Nunito,sans-serif;color:#ffcf7a;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#1a2240;padding:3px 2px;z-index:1}
.hkBolge span{color:#9aa5c9;font-size:12px}
.hkBolumler{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6px}
.hkBolumler button{position:relative;display:flex;flex-direction:column;align-items:center;font-family:inherit;border-radius:12px;border:2px solid #3a3a64;background:#25264a;color:#fff;padding:5px 0 3px;cursor:pointer;min-height:46px}
.hkBolumler button b{font:800 15px Nunito,sans-serif;line-height:1.2}
.hkBolumler button i{font-style:normal;font-size:10px;color:#ffd23f;letter-spacing:-1px;line-height:1.2}
.hkBolumler button i u{text-decoration:none;color:#ffffff30}
.hkBolumler button.gecti{background:#283a6a;border-color:#4f7dff}
.hkBolumler button.siradaki{background:#6a2a1e;border-color:#ff7a3a;box-shadow:0 0 12px #ff7a3a77}
.hkBolumler button.boss{border-style:double;border-width:3px}
.hkBolumler button.boss::after{content:'💀';position:absolute;top:-7px;right:-4px;font-size:12px}
.hkBolumler button:disabled{opacity:.38;cursor:not-allowed}

/* yükseltmeler */
.hkYuk{display:flex;flex-direction:column;gap:8px;margin:8px 0 4px;text-align:left}
.hkYukK{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid #ffffff18;border-radius:14px;padding:9px 10px}
.hkYukK .e{font-size:30px;line-height:1;width:38px;text-align:center}
.hkYukK .m{flex:1;min-width:0}
.hkYukK .m b{display:block;font:800 16px 'Baloo 2',Nunito,sans-serif;line-height:1.1}
.hkYukK .m small{display:block;color:#aab3d6;font-size:12.5px;line-height:1.3}
.hkYukK .cubuk{height:6px;border-radius:4px;background:#ffffff1a;margin-top:5px;overflow:hidden}
.hkYukK .cubuk i{display:block;height:100%;background:linear-gradient(90deg,#ff7a3a,#ffd23f);border-radius:4px}
.hkYukK .btn{padding:8px 10px;font-size:14px;min-width:84px;white-space:nowrap}
.hkAltin{font:800 18px 'Baloo 2',Nunito,sans-serif;color:#ffd23f;margin:2px 0}

/* sonuç */
.hkYildizlar{display:flex;justify-content:center;gap:6px;margin:0 0 6px}
.hkY{font-size:50px;line-height:1;color:#ffffff22;animation:hkYildiz .5s cubic-bezier(.2,1.6,.4,1) both}
.hkY.dolu{color:#ffd23f;text-shadow:0 0 18px #ffb300aa}
.hkY:nth-child(2){font-size:62px;margin-top:-10px;animation-delay:.15s}
.hkY:nth-child(3){animation-delay:.3s}
@keyframes hkYildiz{from{transform:scale(0) rotate(-40deg);opacity:0}to{transform:none;opacity:1}}
.hkBuyukE{font-size:50px;line-height:1;margin-bottom:4px}
.hkNot{font-size:13px;opacity:.8;margin:8px 0 4px}
.hkIlerleme{height:10px;border-radius:6px;background:#ffffff18;overflow:hidden;margin:8px 0 2px}
.hkIlerleme i{display:block;height:100%;background:linear-gradient(90deg,#ff5a3a,#ffcf4a)}

.hkTak{position:absolute;left:50%;top:128px;transform:translateX(-50%);z-index:3;padding:10px 18px;border-radius:999px;border:2px solid #ffe08a;background:linear-gradient(#3e8f3a,#24611f);color:#fff;font:800 16px Nunito,system-ui,sans-serif;box-shadow:0 6px 18px #0009,0 0 18px #7dff6a55;cursor:pointer;white-space:nowrap;animation:hkTakNabiz 1.4s ease-in-out infinite}
.hkTak small{display:block;font-size:11px;font-weight:700;opacity:.85}
.hkTak:active{transform:translateX(-50%) scale(.95)}
@keyframes hkTakNabiz{50%{box-shadow:0 6px 18px #0009,0 0 30px #7dff6aaa}}

/* kahramanlar */
.hkKahBtn{width:100%;margin-top:10px;flex-direction:column;gap:0!important;background:linear-gradient(180deg,#b07aff,#6a3fd0)!important;color:#fff!important;line-height:1.15}
.hkKahBtn small{font:800 11.5px Nunito,sans-serif;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.hkKahlar{display:flex;flex-direction:column;gap:9px;max-height:60vh;overflow:auto;margin:6px -4px 0;padding:2px 4px;text-align:left;overscroll-behavior:contain}
.hkKah{display:flex;gap:10px;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;padding:9px}
.hkKah.secili{border-color:#b07aff;background:#b07aff1c;box-shadow:0 0 14px #b07aff33}
.hkKah.kilitli{opacity:.82}
.hkKah.kilitli img{filter:grayscale(.85) brightness(.7)}
.hkKah img{width:64px;height:64px;border-radius:14px;flex:0 0 64px;box-shadow:0 3px 10px #0008}
.hkKah .m{flex:1;min-width:0}
.hkKah .m>b{display:flex;align-items:center;gap:6px;font:800 18px 'Baloo 2',Nunito,sans-serif;line-height:1.1}
.hkKah .m>b i{font-style:normal;font-size:14px;color:#aab3d6}
.hkKah .m>small{display:block;color:#ffcf7a;font-size:12px;font-weight:800}
.hkIsim{background:#ffffff14;border:0;border-radius:8px;padding:2px 6px;font-size:13px;cursor:pointer;margin-left:auto}
.hkSv{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;margin:4px 0 2px}
.hkSv span{white-space:nowrap;color:#d8dcf6}
.hkSv .cubuk{flex:1;height:7px;border-radius:4px;background:#ffffff1a;overflow:hidden}
.hkSv .cubuk i{display:block;height:100%;background:linear-gradient(90deg,#b07aff,#ffd23f)}
.hkStat{display:flex;gap:10px;font-size:12.5px;font-weight:800;color:#cfd6ee;flex-wrap:wrap}
.hkBec{font-size:12.5px;color:#bcc4e4;margin:4px 0 0;line-height:1.35}
.hkBec b{color:#fff}
.hkBec em{font-style:normal;color:#ffd23f;font-weight:800;font-size:11.5px;margin-left:4px}
.hkBec u{text-decoration:none;color:#9fe0ff;font-size:11.5px}
.hkKosul{font-size:13px;margin:6px 0;color:#cfd6ee;font-weight:700}
.hkKahBtnlar{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}
.hkKahBtnlar .btn{flex:1;min-width:0;padding:7px 6px;font-size:12.5px;white-space:nowrap}
.hkKah .btn[data-ac]{padding:8px 12px;font-size:14px}
.hkPortre{width:84px;height:84px;border-radius:18px;display:block;margin:4px auto 8px;box-shadow:0 4px 14px #0009}
.hkGirdi{width:100%;font:800 20px Nunito,sans-serif;text-align:center;padding:10px;border-radius:12px;border:2px solid #4a5590;background:#0f1530;color:#fff;outline:none}
.hkGirdi:focus{border-color:#b07aff}