body.oyunSayfa{background:#3a2a22}
.oAlan{overflow:hidden}
.skKap{position:absolute;inset:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:26px;padding:12px 16px;
  background:radial-gradient(ellipse at 30% -10%,#7a5440 0%,#4a3328 45%,#2c1e18 100%)}
.skKap::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.35;
  background-image:repeating-linear-gradient(90deg,#ffffff06 0 2px,transparent 2px 9px),repeating-linear-gradient(0deg,#00000010 0 1px,transparent 1px 7px)}
.skPanel{position:relative;z-index:1;flex:0 0 236px;display:flex;flex-direction:column;gap:12px}
.skUst{display:flex;gap:8px;align-items:stretch}
.skBolum{flex:1;display:flex;align-items:center;gap:8px;font:800 18px 'Baloo 2',Nunito,sans-serif;color:#fff;cursor:pointer;min-width:0;
  background:linear-gradient(180deg,#ff8ab8,#e2457f);border:0;border-radius:14px;padding:6px 12px;box-shadow:0 4px 0 #0007,0 0 18px #ff6fa533;white-space:nowrap}
.skBolum b{font-size:21px}
.skBolum small{font:800 12px Nunito,sans-serif;background:#0003;border-radius:8px;padding:1px 7px;color:#fff1f6;overflow:hidden;text-overflow:ellipsis}
.skBolum small:empty{display:none}
.skBolum i{font-style:normal;font-size:13px;opacity:.85;margin-left:auto}
.skBolum:active{transform:translateY(2px);box-shadow:0 2px 0 #0007}
.skIstat{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.skIstat>div{display:flex;flex-direction:column;align-items:center;background:#fff4e10f;border:1px solid #ffe7c626;border-radius:14px;padding:6px 4px 4px}
.skIstat small{color:#e8c9a8;font:800 11px Nunito,sans-serif;text-transform:uppercase;letter-spacing:.6px}
.skIstat b{font:800 22px 'Baloo 2',Nunito,sans-serif;color:#fff;line-height:1.2;white-space:nowrap}
.skIstat b small{font-size:13px;color:#e8c9a8;text-transform:none;letter-spacing:0}
#skYildiz{color:#ffd23f;letter-spacing:1px;text-shadow:0 0 10px #ffd23f66}
#skYildiz u{text-decoration:none;color:#ffffff26;text-shadow:none}
.skMurekkep{display:flex;align-items:center;gap:8px;background:#fff4e10f;border:1px solid #ffe7c626;border-radius:12px;padding:5px 10px}
.skMurekkep span{font-size:16px}
.skMBar{flex:1;height:10px;border-radius:6px;background:#0005;overflow:hidden;box-shadow:inset 0 1px 2px #0008}
.skMBar i{display:block;height:100%;width:100%;border-radius:6px;background:linear-gradient(90deg,#5a7cff,#8fb0ff);transition:width .12s}
.skMBar i.az{background:linear-gradient(90deg,#ff5a5a,#ff9a6a)}
.skAraclar{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.skAraclar button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:22px;line-height:1.15;color:#fff;cursor:pointer;
  background:#5a3f31;border:2px solid #8a654f;border-radius:14px;padding:7px 2px 5px;font-family:inherit}
.skAraclar button small{font:800 12px Nunito,sans-serif;color:#ffe9d6;white-space:nowrap}
.skAraclar button.reklamli{background:linear-gradient(180deg,#7a5cff,#5233d6);border-color:#a993ff}
.skAraclar button.reklamli::after{content:'▶';position:absolute;top:-7px;right:-5px;background:#ffd23f;color:#3a2600;font-size:9px;border-radius:8px;padding:1px 5px;line-height:1.4}
.skAraclar button.ucretsiz::after{content:none}
.skAraclar button.skYerBtn{background:linear-gradient(180deg,#2bc3a6,#178a77);border-color:#7ff0d9}
.skAraclar button.skYerBtn.ters{background:linear-gradient(180deg,#ff9f43,#e2672a);border-color:#ffd0a1}
.skAraclar button i{position:absolute;top:-8px;left:-6px;background:#2bd9b4;color:#05211b;font:800 11px Nunito,sans-serif;font-style:normal;border-radius:9px;padding:1px 6px}
.skAraclar button i:empty{display:none}
.skAraclar button:disabled{opacity:.4;cursor:not-allowed}
.skAraclar button:active:not(:disabled){transform:translateY(2px)}
.skNot{margin:0 2px;color:#d8b99a;font-size:13px;line-height:1.5}
.skSahne{position:relative;z-index:1;flex:0 1 auto;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;align-self:stretch}
#skCanvas{display:block;touch-action:none;cursor:crosshair;border-radius:12px;box-shadow:0 10px 30px #0008,0 0 0 1px #0004}
.skKagit{position:absolute;left:50%;top:14%;transform:translateX(-50%) rotate(-2deg);max-width:min(300px,86%);padding:10px 14px 10px 16px;
  background:linear-gradient(180deg,#fff7a8,#ffe873);color:#4a3520;font:700 14px/1.4 Nunito,sans-serif;border-radius:3px;
  box-shadow:0 6px 14px #0004;pointer-events:none;animation:skNotGir .45s cubic-bezier(.2,1.5,.4,1) both;z-index:3}
.skKagit b{display:block;font:800 16px 'Baloo 2',Nunito,sans-serif;color:#c2185b;margin-bottom:2px}
.skKagit::before{content:'';position:absolute;top:-9px;left:50%;width:58px;height:18px;margin-left:-29px;background:#ffffff8c;transform:rotate(3deg);box-shadow:0 1px 2px #0002}
.skKagit.cik{animation:skNotCik .4s ease-in both}
@keyframes skNotGir{from{opacity:0;transform:translateX(-50%) translateY(-20px) rotate(-8deg) scale(.8)}}
@keyframes skNotCik{to{opacity:0;transform:translateX(-50%) translateY(-14px) rotate(3deg) scale(.9)}}

/* dikey / telefon */
.skKap.dikey{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:6px;padding:6px 6px 8px}
.skKap.dikey .skPanel{display:contents}
.skKap.dikey .skUst{order:1}
.skKap.dikey .skIstat{order:2;gap:6px}
.skKap.dikey .skIstat>div{flex-direction:row;justify-content:center;gap:6px;padding:3px 4px;border-radius:11px}
.skKap.dikey .skIstat small{font-size:10px;letter-spacing:.3px}
.skKap.dikey .skIstat b{font-size:17px}
.skKap.dikey .skMurekkep{order:3;padding:2px 10px;border-radius:10px}
.skKap.dikey .skMurekkep span{font-size:13px}
.skKap.dikey .skMBar{height:8px}
.skKap.dikey .skSahne{order:4;flex:1}
.skKap.dikey .skAraclar{order:5;display:flex;gap:7px;justify-content:center}
.skKap.dikey .skAraclar button{flex:1 1 0;max-width:92px;font-size:19px;padding:4px 2px 3px}
.skKap.dikey .skAraclar button small{font-size:10.5px}
.skKap.dikey .skNot{display:none}
.skKap.dikey .skBolum{font-size:16px;padding:5px 12px}
.skKap.dikey .skBolum b{font-size:19px}
.skKap.dikey #skCanvas{border-radius:10px}

/* bölüm haritası */
.skHarita{max-height:52vh;overflow:auto;padding:2px 4px;text-align:left}
.skBolumBaslik{display:flex;align-items:center;gap:8px;margin:10px 2px 6px;font:800 14px Nunito,sans-serif;color:#ff8ab8}
.skBolumBaslik small{color:#9aa0bf;font-weight:700}
.skBolumBaslik:first-child{margin-top:2px}
.skIzgara{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.skIzgara button{display:flex;flex-direction:column;align-items:center;gap:0;font-family:inherit;border-radius:12px;border:2px solid #4a4f7a;background:#1e2245;color:#fff;padding:5px 0 3px;cursor:pointer}
.skIzgara button b{font:800 16px Nunito,sans-serif;line-height:1.2}
.skIzgara button i{font-style:normal;font-size:10px;color:#ffd23f;letter-spacing:-1px;line-height:1.2}
.skIzgara button i u{text-decoration:none;color:#ffffff30}
.skIzgara button.gecti{background:#4a2238;border-color:#ff6fa5}
.skIzgara button.siradaki{background:#4a2d6e;border-color:#c48bff;box-shadow:0 0 12px #c48bff66}
.skIzgara button.simdiki{outline:2px solid #fff;outline-offset:1px}
.skIzgara button:disabled{opacity:.35;cursor:not-allowed}
.skYildizlar{display:flex;justify-content:center;gap:6px;margin:0 0 4px}
.skY{font-size:52px;line-height:1;color:#ffffff22;animation:skYildizA .5s cubic-bezier(.2,1.6,.4,1) both}
.skY.dolu{color:#ffd23f;text-shadow:0 0 18px #ffb300aa}
.skY:nth-child(2){font-size:64px;margin-top:-10px}
@keyframes skYildizA{from{transform:scale(0) rotate(-40deg);opacity:0}to{transform:none;opacity:1}}
.skMukemmel{font:800 30px 'Baloo 2',Nunito,sans-serif;color:#ff8ab8;text-shadow:0 0 16px #ff6fa5aa;margin:-4px 0 2px}
.skYardimOrnek{display:block;margin:4px auto 8px;max-width:100%}
@media (max-height:600px){.skKap:not(.dikey) .skNot{display:none}.skKap:not(.dikey) .skIstat b{font-size:19px}}
.skDunya{margin:14px 0 2px;padding:7px 10px;border-radius:12px;font:800 15px 'Baloo 2',Nunito,sans-serif;color:#fff;
  background:linear-gradient(90deg,#ff6fa5,#c2185b);box-shadow:0 3px 10px #0003;display:flex;align-items:center;gap:6px}
.skDunya:first-child{margin-top:2px}
.skDunya small{margin-left:auto;font:700 12px Nunito,sans-serif;opacity:.8}
.skDunya.tema-kraft{background:linear-gradient(90deg,#c8894a,#8a5528)}
.skDunya.tema-mor{background:linear-gradient(90deg,#a35cff,#6a2bc2)}
.skDunya.tema-nane{background:linear-gradient(90deg,#2fc8a0,#ff6fa5)}
.skDunya.tema-gece{background:linear-gradient(90deg,#3a4fb8,#1b2366)}
.skDunya.tema-yesil{background:linear-gradient(90deg,#6aa84f,#3d6b2a)}
.skDunya.tema-altin{background:linear-gradient(90deg,#f0b429,#b7791f);color:#3a2a00}