body.oyunSayfa{background:#120c26}
.oAlan{overflow:hidden}
.pcKap{position:absolute;inset:0;display:flex;justify-content:center;align-items:stretch;gap:26px;padding:12px;background:radial-gradient(ellipse at 50% 0%,#3b2a6e 0%,#1d1440 55%,#0c0820 100%)}
.pcKap::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 12% 80%,#ffc5310f 0,transparent 30%),radial-gradient(circle at 88% 25%,#4fc3ff12 0,transparent 32%);pointer-events:none}
.pcPanel{flex:0 0 220px;display:flex;flex-direction:column;gap:9px;align-self:center;position:relative;z-index:1}
.pcBolumBtn{display:flex;align-items:center;justify-content:space-between;gap:8px;font:800 19px 'Baloo 2',Nunito,sans-serif;color:#3a2600;background:linear-gradient(180deg,#ffe27a,#f5a623);border:0;border-radius:14px;padding:8px 14px;cursor:pointer;box-shadow:0 4px 0 #8a5300,0 6px 16px #0006;white-space:nowrap}
.pcBolumBtn i{font-style:normal;font-size:14px;opacity:.8}
.pcBolumBtn:active{transform:translateY(2px);box-shadow:0 2px 0 #8a5300}
.pcHedef{display:flex;align-items:center;gap:9px;background:linear-gradient(180deg,#ffffff16,#ffffff08);border:1px solid #ffffff22;border-radius:14px;padding:8px 12px;color:#fff;font:800 14px/1.25 Nunito,sans-serif}
.pcHedef .e{font-size:24px;line-height:1}
#pcHedefK{display:none;font:800 16px 'Baloo 2',Nunito,sans-serif}
.pcKap.mobil #pcHedefK{display:block}
.pcStat{display:flex;justify-content:space-between;align-items:baseline;gap:8px;background:#ffffff0f;border:1px solid #ffffff1c;border-radius:14px;padding:6px 13px}
.pcStat small{color:#c9bdf5;font:800 12px Nunito,sans-serif;text-transform:uppercase;letter-spacing:.5px}
.pcStat b{font:800 22px 'Baloo 2',Nunito,sans-serif;color:#fff;line-height:1.2}
#pcYildiz{color:#ffd23f;letter-spacing:1px;text-shadow:0 0 10px #ffd23f66}
#pcYildiz .sonuk{color:#ffffff2e;text-shadow:none}
.pcAraclar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}
.pcArac{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:#2a2060;border:2px solid #4c3d9e;color:#fff;border-radius:14px;font-size:22px;line-height:1.15;padding:7px 2px 5px;cursor:pointer;font-family:inherit;position:relative}
.pcArac small{font:800 11px Nunito,sans-serif;color:#ddd5ff;white-space:nowrap}
.pcArac.reklamli{background:linear-gradient(180deg,#7a5cff,#4b2fd0);border-color:#a690ff}
.pcArac.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}
.pcArac.aktif{background:linear-gradient(180deg,#ffd23f,#e09a00);border-color:#fff1a8;color:#3a2600}
.pcArac.aktif small{color:#3a2600}
.pcArac.aktif::after{display:none}
.pcArac:disabled{opacity:.4;cursor:not-allowed}
.pcArac:active{transform:translateY(2px)}
.pcNot{margin:6px 2px 0;color:#a99cdc;font-size:13px;line-height:1.5}
.pcSahne{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;position:relative;z-index:1}
.pcCerceve{position:relative;line-height:0;border-radius:20px;padding:5px;background:linear-gradient(180deg,#8a6a2a,#4a3410 40%,#2c1f0a);box-shadow:0 16px 50px #000c,0 0 0 2px #ffd36a33,inset 0 1px 0 #ffe9a866}
#pcCanvas{display:block;border-radius:15px;touch-action:none;cursor:pointer}

/* mobil / dikey */
.pcKap.mobil{flex-direction:column;gap:5px;padding:5px 0 0}
.pcKap.mobil .pcPanel{flex:0 0 auto;flex-direction:row;align-self:stretch;align-items:stretch;gap:5px;padding:0 6px}
.pcKap.mobil .pcBolumBtn{font-size:14px;padding:4px 8px;border-radius:11px;gap:3px;box-shadow:0 3px 0 #8a5300}
.pcKap.mobil .pcHedef{flex:1;min-width:0;padding:3px 7px;font-size:12px;gap:5px;border-radius:10px;justify-content:center}
.pcKap.mobil .pcHedef .e{font-size:18px}
.pcKap.mobil #pcHedefY{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pcKap.mobil .pcStat{flex-direction:column;align-items:center;justify-content:center;gap:0;padding:2px 6px;border-radius:10px;min-width:40px}
.pcKap.mobil .pcStat small{font-size:9px;letter-spacing:.2px}
.pcKap.mobil .pcStat b{font-size:16px;line-height:1.1}
.pcKap.mobil #pcYildizK{display:none}
.pcKap.mobil #pcYildiz{font-size:13px;letter-spacing:0}
.pcKap.mobil .pcNot{display:none}
.pcKap.mobil .pcSahne{flex:1}
.pcKap.mobil .pcCerceve{padding:0;border-radius:0;background:none;box-shadow:none}
.pcKap.mobil #pcCanvas{border-radius:0}
.pcKap.mobil .pcAraclar{display:flex;gap:4px;margin:0}
.pcKap.mobil .pcArac{width:40px;padding:2px 0 1px;font-size:17px;border-radius:11px;border-width:1.5px}
.pcKap.mobil .pcArac small{font-size:8.5px}
.pcKap.mobil .pcArac.reklamli::after{top:-5px;right:-3px;font-size:7px;padding:0 4px}
.pcKap.mobil #pcHedefY{display:none}
.pcKap.mobil #pcAltinK{display:none}

/* menüler */
.pcHarita{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:7px;max-height:52vh;overflow:auto;padding:4px}
.pcHarita button{display:flex;flex-direction:column;align-items:center;gap:0;font-family:inherit;border-radius:12px;border:2px solid #3d3185;background:#231b58;color:#fff;padding:6px 0 4px;cursor:pointer}
.pcHarita button b{font:800 17px Nunito,sans-serif;line-height:1.2}
.pcHarita button i{font-style:normal;font-size:10px;color:#ffd23f;letter-spacing:-1px;line-height:1.2}
.pcHarita button i u{text-decoration:none;color:#ffffff30}
.pcHarita button.gecti{background:#2c2470;border-color:#8a76ff}
.pcHarita button.siradaki{background:#6a4a10;border-color:#ffc531;box-shadow:0 0 12px #ffc53188}
.pcHarita button:disabled{opacity:.35;cursor:not-allowed}
.pcHarita .bolumBas{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;font:800 13px Nunito,sans-serif;color:#fff;margin:8px 0 0;padding:6px 10px;border-radius:10px;border-left:4px solid var(--tk,#c9bdf5);background:linear-gradient(90deg,var(--ta,#2c2470),var(--panel,#1c1744) 80%);text-transform:uppercase;letter-spacing:.6px;position:sticky;top:-4px;z-index:1;box-shadow:0 2px 8px #0006}
.pcHarita .bolumBas small{font-size:11px;font-weight:700;color:#ffe9a8;text-transform:none;letter-spacing:0;white-space:nowrap}
.pcYildizlar{display:flex;justify-content:center;gap:6px;margin:0 0 4px}
.pcY{font-size:52px;line-height:1;color:#ffffff22;animation:pcYildiz .5s cubic-bezier(.2,1.6,.4,1) both}
.pcY.dolu{color:#ffd23f;text-shadow:0 0 18px #ffb300aa}
.pcY:nth-child(2){font-size:64px;margin-top:-10px}
@keyframes pcYildiz{from{transform:scale(0) rotate(-40deg);opacity:0}to{transform:none;opacity:1}}
.pcKayipE{font-size:52px;line-height:1;margin-bottom:4px}
.pcYardimSekil{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}
.pcYardimSekil div{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:6px 4px;text-align:center;font-size:12px;line-height:1.3}
.pcYardimSekil div b{display:block;font-size:22px;line-height:1.2}
@media (max-height:600px){.pcKap:not(.mobil) .pcStat{padding:3px 12px}.pcKap:not(.mobil) .pcStat b{font-size:19px}.pcNot{display:none}}