Skin Case Opening Simulator with JavaScript and CSS

34 tohirovzafarbek011

<header>
  <div class="row"><span class="balance" id="nameBox" style="display:none">👤 <span id="pname"></span></span><h1>🎯 CS2 Case Simulator</h1></div>
  <div class="row"><div id="incomeBox" class="balance" style="display:none;color:#22c55e">🧬 +<span id="income">0</span>/s</div><div id="luck" class="balance" style="display:none">🍀 Omad +15%</div><div class="balance">💰 <span id="coins">0</span> coin</div></div>
</header>

<main>
  <section class="intro">
    <h2>CS2 Case Simulator – bepul CS2 keys ochish (cs2 free skin)</h2>
    <p>CS2 case simulator: kunlik bonusni oling, CS2 keyslarini bepul oching, skinlarni upgrade qiling, birlashtiring va mutatsiya qiling. Barcha coin va skinlar virtual (o'yin ichidagi), haqiqiy pul yoki Steam skinlari emas.</p>
  </section>

<section>
    <h2>Kunlik bonus</h2>
    <div class="row"><button id="bonusBtn">🎁 500 coin olish</button><span id="bonusInfo" style="color:var(--muted)"></span></div>
  </section>

<section>
    <h2>Promokod</h2>
    <div class="row"><input id="promo" placeholder="Promokodni yozing" autocomplete="off"><button id="promoBtn">Faollashtirish</button></div>
    <div id="msg"></div>
    <div class="row" style="margin-top:8px"><button class="alt" id="offGod"></button><button class="alt" id="offBoost"></button></div>
  </section>

<section>
    <div class="row"><button class="alt shopOpen" id="casesBtn"><span class="cart">📦</span> Keyslar</button>
    <button class="alt shopOpen" id="shopBtn"><span class="cart">🛒</span> Do'kon</button>
    <button class="alt shopOpen" id="gameBtn"><span class="cart">🪨</span> Tosh o'yini</button>
    <button class="alt shopOpen" id="sBtn"><span class="cart">🎡</span> Super doira</button>
    <button class="alt shopOpen" id="upBtn"><span class="cart">⬆️</span> Upgrade</button>
    <button class="alt shopOpen" id="mgBtn"><span class="cart">🔗</span> Birlashtirish</button>
    <button class="alt shopOpen" id="mutBtn"><span class="cart">🧬</span> Mutatsiya</button>
    <button class="alt shopOpen" id="resetBtn"><span class="cart">🔄</span> Restart</button></div>
  </section>

<section>
    <h2>Inventar</h2>
    <div class="row" style="margin-bottom:10px"><button class="alt" id="sellAll">Hammasini sotish</button></div>
    <div class="grid" id="inv"></div>
  </section>
</main>

<div id="modal" class="modal">
  <div class="box">
    <div class="row" style="justify-content:space-between"><strong id="mTitle"></strong><button class="alt" id="mClose">Yopish</button></div>
    <div id="odds"></div>
    <div class="win"><div id="strip"></div></div>
    <div id="result"></div>
    <div class="row"><button id="mOpen">Ochish</button></div>
  </div>
</div>

<div id="mgModal" class="modal">
  <div class="box big">
    <div class="row" style="justify-content:space-between"><strong>🔗 Birlashtirish</strong><button class="alt" id="mgClose">Yopish</button></div>
    <p style="color:var(--muted);font-size:.85rem;margin:8px 0">2 tadan 10 tagacha skinni tanlang. Ularning qiymati qo'shiladi, tasodifiy ko'paytmaga ko'paytiriladi va shu qiymatga eng yaqin 1 ta skin beriladi. Tanlangan skinlar yo'qoladi.</p>
    <div class="leg" id="mgLeg"></div>
    <div class="grid" id="mgInv" style="margin-top:12px"></div>
    <div id="mgInfo" style="margin:12px 0;font-weight:600"></div>
    <div class="row"><button id="mgGo" disabled>Birlashtirish</button></div>
    <div id="mgRes" style="font-weight:700;margin-top:10px;min-height:1.5em"></div>
  </div>
</div>

<div id="nameModal" class="modal">
  <div class="box" style="max-width:420px;text-align:center">
    <h3 style="margin-bottom:8px">👤 Nomingizni yozing</h3>
    <p style="color:var(--muted);font-size:.85rem">O'yinga kirish uchun nom tanlang (3–16 ta harf, raqam yoki _). Nom keyin o'zgartirilmaydi.</p>
    <div class="row" style="justify-content:center;margin-top:14px"><input id="nameInput" maxlength="16" placeholder="Nom" autocomplete="off"><button id="nameBtn">Boshlash</button></div>
    <div id="nameErr" style="color:#ff6b6b;font-weight:600;margin-top:10px;min-height:1.3em"></div>
  </div>
</div>

<div id="mutModal" class="modal">
  <div class="box big">
    <div class="row" style="justify-content:space-between"><strong>🧬 Mutatsiya</strong><button class="alt" id="mutClose">Yopish</button></div>
    <p style="color:var(--muted);font-size:.85rem;margin:8px 0">Skinni tanlang. Mutatsiya narxi skin qiymatining 3 baravari (coin). Mutant skin inventarda turganida har soniyada o'z qiymatining 0.1% i miqdorida coin beradi.</p>
    <div class="grid" id="mutInv"></div>
    <div id="mutInfo" style="margin:12px 0;font-weight:600"></div>
    <div class="row"><button id="mutGo" disabled>Mutatsiya qilish</button></div>
    <div id="mutRes" style="font-weight:700;margin-top:10px;min-height:1.5em"></div>
  </div>
</div>

<div id="resetModal" class="modal">
  <div class="box" style="max-width:420px;text-align:center">
    <h3 style="margin-bottom:10px">🔄 Restart</h3>
    <p style="color:var(--muted)">Hamma coin va skinlar o'chiriladi, promokodlarni qayta yozish mumkin bo'ladi. Rostdan ham davom etasizmi?</p>
    <div class="row" style="justify-content:center;margin-top:16px"><button id="resetYes" disabled>Ha</button><button class="alt" id="resetNo">Yo'q</button></div>
  </div>
</div>

<div id="upModal" class="modal">
  <div class="box big">
    <div class="row" style="justify-content:space-between"><strong>⬆️ Upgrade</strong><button class="alt" id="upClose">Yopish</button></div>
    <div class="gwrap" style="width:min(60vw,220px)">
      <div class="wheel" id="uWheel"></div>
      <div class="hole"><div id="uChance" style="font-size:1.1rem">?</div><small style="color:var(--muted);font-size:.65rem">ehtimol</small></div>
      <div class="orbit" id="uOrbit"><div class="stone"></div></div>
    </div>
    <p style="color:var(--muted);font-size:.85rem;text-align:center">Yashil qismga tushsa, tanlagan skiningizni olasiz. Qizil qismga tushsa, o'z skiningiz yo'qoladi.</p>
    <h3 style="margin:12px 0 8px;font-size:1rem">1. Kuchaytiriladigan skinni tanlang</h3>
    <div class="grid" id="upInv"></div>
    <h3 style="margin:14px 0 8px;font-size:1rem">2. Qaysi skinga kuchaytirmoqchisiz?</h3>
    <div class="grid" id="upTargets"></div>
    <div id="upInfo" style="margin:12px 0;font-weight:600"></div>
    <div class="row"><button id="uGo">Upgrade qilish</button></div>
    <div id="uRes" style="font-weight:700;margin-top:10px;min-height:1.5em"></div>
  </div>
</div>

<div id="sModal" class="modal">
  <div class="box big">
    <div class="row" style="justify-content:space-between"><strong>🎡 Super doira</strong><span class="balance">💰 <span id="coins5">0</span></span><button class="alt" id="sClose">Yopish</button></div>
    <div class="gwrap">
      <div class="wheel" id="sWheel"></div>
      <div class="hole"><div id="sMult" style="font-size:1.7rem">?</div><small id="sInfo" style="color:var(--muted)">Tikish vaqti</small></div>
      <div class="orbit" id="sOrbit"><div class="stone"></div></div>
    </div>
    <div class="leg" id="sLeg"></div>
    <div class="hist" id="sHist"></div>
    <div class="botgrid" id="sBots"></div>
    <p style="text-align:center;color:var(--muted);font-size:.8rem;margin-top:6px">Miqdorni yozing va rang tugmasini bosing. Bir raundda bir nechta rangga (va bir rangga bir necha marta) tikish mumkin.</p>
    <div class="row" style="justify-content:center;margin-top:8px"><select id="sSkin"></select></div>
    <div class="row" style="justify-content:center;margin-top:8px"><input id="sBet" type="number" min="1" value="100"><button class="alt" id="sHalf">½</button><button class="alt" id="sDouble">×2</button><button class="alt" id="sMax">Max</button></div>
    <div class="row" id="sChips" style="justify-content:center;margin-top:10px"></div>
    <div id="sMine" style="text-align:center;margin-top:10px;font-size:.9rem;min-height:1.3em"></div>
    <div class="row" style="justify-content:center;margin-top:8px"><button class="alt" id="sCancel">Tikishlarni bekor qilish</button></div>
    <div id="sRes" style="text-align:center;font-weight:700;margin-top:10px;min-height:1.5em"></div>
  </div>
</div>

<div id="gameModal" class="modal">
  <div class="box big">
    <div class="row" style="justify-content:space-between"><strong>🪨 Tosh o'yini</strong><span class="balance">💰 <span id="coins4">0</span></span><button class="alt" id="gameClose">Yopish</button></div>
    <div class="gwrap">
      <div class="wheel" id="wheel"></div>
      <div class="hole"><div id="gMult" style="font-size:1.7rem">?</div><small id="gInfo" style="color:var(--muted)">Toshni itaring</small></div>
      <div class="orbit" id="orbit"><div class="stone"></div></div>
    </div>
    <div class="leg" id="gLeg"></div>
    <div class="hist" id="hist"></div>
    <div class="botgrid" id="bots"></div>
    <div class="row" style="justify-content:center;margin-bottom:10px"><button class="pick" id="pickR">Qizilga tikish</button><button class="pick" id="pickK">Qoraga tikish</button><button class="pick" id="pickW">Oqqa tikish</button></div>
    <div class="row" style="justify-content:center;margin-bottom:8px"><select id="gSkin"></select></div>
    <div class="row" style="justify-content:center"><input id="gBet" type="number" min="1" value="100"><button class="alt" id="gHalf">½</button><button class="alt" id="gDouble">×2</button><button class="alt" id="gMax">Max</button></div>
    <div class="row" style="justify-content:center;margin-top:10px"><button id="gGo">Tikish</button></div>
    <div id="gRes" style="text-align:center;font-weight:700;margin-top:10px;min-height:1.5em"></div>
    <h3 style="margin:14px 0 8px;font-size:1rem">🎯 Skinlarim <span style="color:var(--muted);font-weight:400;font-size:.8rem">(bossangiz, tikish uchun tanlanadi)</span></h3>
    <div class="grid mini" id="gInv"></div>
  </div>
</div>

<div id="casesModal" class="modal">
  <div class="box big">
    <div class="row" style="justify-content:space-between"><strong>📦 Keyslar</strong><span class="balance">💰 <span id="coins3">0</span></span><button class="alt" id="casesClose">Yopish</button></div>
    <div class="grid" id="cases" style="margin-top:14px"></div>
  </div>
</div>

<div id="shopModal" class="modal">
  <div class="box big">
    <div class="row" style="justify-content:space-between"><strong>🛒 Do'kon</strong><span class="balance">💰 <span id="coins2">0</span></span><button class="alt" id="shopClose">Yopish</button></div>
    <div class="grid" id="shop" style="margin-top:14px"></div>
  </div>
</div>

<footer>
  Bu sayt o'yin simulyatori. Coinlar va skinlar virtual, haqiqiy pul yoki Steam skinlariga almashtirilmaydi.
  Valve yoki Counter-Strike bilan aloqasi yo'q.
</footer>

CSS

:root{--bg:#0f1218;--card:#1a1f2b;--line:#2a3142;--text:#e8ecf3;--muted:#8b95a8;--accent:#ff8a1f}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}
header{position:sticky;top:0;z-index:5;background:#0b0e13;border-bottom:1px solid var(--line);padding:12px 16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
header h1{font-size:1.05rem}
.balance{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-weight:700;color:var(--accent)}
main{max-width:1100px;margin:0 auto;padding:16px}
section{margin:28px 0}
h2{font-size:1.25rem;margin-bottom:12px}
.intro p{color:var(--muted)}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
button{background:var(--accent);color:#1a1000;border:0;border-radius:8px;padding:10px 16px;font-weight:700;font-size:.95rem;cursor:pointer}
button:disabled{background:#3a4154;color:#8b95a8;cursor:not-allowed}
button.alt{background:var(--card);color:var(--text);border:1px solid var(--line)}
input{background:var(--card);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:10px 12px;font-size:.95rem;min-width:0;flex:1;max-width:260px}
#msg{margin-top:8px;font-weight:600;min-height:1.4em}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px;text-align:center;display:flex;flex-direction:column}
.card .ico{font-size:2.4rem}
.card .nm{font-weight:600;margin:6px 0 2px}
.card .pr{color:var(--accent);font-weight:700;margin-bottom:8px}
.card button{width:100%;margin-top:auto}
.tier{border-bottom:3px solid var(--c,#555)}
/* keys ochish oynasi */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:10;padding:12px}
.modal.on{display:flex}
.box{background:var(--card);border:1px solid var(--line);border-radius:12px;width:100%;max-width:760px;padding:16px}
#odds{font-size:.85rem;color:var(--muted);margin:8px 0}
.win{position:relative;overflow:hidden;background:#0b0e13;border-radius:8px;height:140px;margin:12px 0}
.win::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:var(--accent);transform:translateX(-50%)}
#strip{display:flex;gap:8px;padding:10px 0;will-change:transform}
.it{flex:0 0 120px;height:120px;overflow:hidden;word-break:break-word;background:var(--card);border-bottom:4px solid var(--c);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.75rem;text-align:center;padding:4px}
.it span{font-size:1.8rem}
#result{text-align:center;font-weight:700;min-height:1.5em;margin-bottom:8px}
.box.big{max-width:940px;padding:22px;max-height:88vh;overflow:auto}.shopOpen{display:inline-flex;align-items:center;gap:12px;font-size:1.2rem;padding:14px 24px}.cart{font-size:2rem}.tag{font-size:.75rem;color:#ffc247;margin-bottom:6px}.it{font-size:.7rem}
.gwrap{position:relative;width:min(78vw,300px);aspect-ratio:1;margin:14px auto}
.gwrap::before{content:"";position:absolute;inset:0;border-radius:50%;background:#141824;border:4px solid #3a4154}
.wheel{position:absolute;inset:11%;border-radius:50%;box-shadow:0 0 0 3px #3a4154}
.lbl{position:absolute;inset:0}.lbl span{position:absolute;left:50%;top:6.5%;font-weight:800;font-size:.95rem}
.hole{position:absolute;inset:31%;border-radius:50%;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-weight:800;padding:6px}
.orbit{position:absolute;inset:0}
.stone{position:absolute;left:50%;top:1.5%;width:8%;height:8%;margin-left:-4%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e4e8ef,#6b7386 60%,#3b4252);box-shadow:0 2px 6px rgba(0,0,0,.7)}
.hist{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:8px 0;min-height:14px}.hist i{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-style:normal;font-weight:700;border:1px solid #fff4}
.leg{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;font-size:.85rem;font-weight:600}
.pick{flex:1;max-width:220px;border:3px solid transparent;opacity:.75}
#pickR{background:#ef4444;color:#fff}#pickK{background:#0a0a0a;color:#fff;border-color:#555}#pickW{background:#fff;color:#111}
.pick.sel{opacity:1;border-color:#fff !important;box-shadow:0 0 0 2px var(--accent)}
.card.sel{outline:3px solid var(--accent)}
.chip{padding:8px 14px}.chip.sel{background:var(--accent);color:#1a1000}
#orbit .stone{width:5%;height:5%;margin-left:-2.5%;top:3%}
.botgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}
.bcol{background:#141824;border-radius:8px;padding:8px;font-size:.75rem;min-height:70px}
.bcol h4{font-size:.8rem;margin-bottom:4px}
.bcol .b{display:flex;justify-content:space-between;gap:4px}
#sOrbit .stone{width:5%;height:5%;margin-left:-2.5%;top:3%}
#sBots{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}
.chip5{flex:1 1 95px;max-width:none;line-height:1.25;border:3px solid transparent;opacity:1}
select{background:var(--card);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:10px 12px;font-size:.9rem;max-width:100%}
.mini{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}
.mini .card{padding:8px;font-size:.75rem}.mini .ico{font-size:1.6rem}.mini .pr{margin-bottom:0}
footer{border-top:1px solid var(--line);padding:20px 16px;color:var(--muted);font-size:.8rem;text-align:center}
@media(max-width:480px){header h1{font-size:.9rem}}

// Saqlash: brauzer localStorage ni bloklasa (masalan, ba'zi sayt oynalarida), xotirada ishlaydi
const kv = (()=>{ try{ localStorage.setItem("__t","1"); localStorage.removeItem("__t"); return localStorage; }
  catch(e){ const m={}; return {getItem:k=>(k in m?m[k]:null), setItem:(k,v)=>{ m[k]=String(v); }}; } })();

/* ====== SOZLAMALAR ====== */
const DAILY_BONUS = 500;                       // kunlik bonus
const PROMOS = {                               // promokodlar (kichik harfda)
  "xiz5": 77000000000000,   // 77T
  "muhammadjon": 7777777,
  "zafarbek": 7777777,
  "sayfulloh": 7777777,
  "xurri": 5000
};
// Keyslar: price = narx, min = eng past narsa narxi (keys narxiga nisbatan)
const CASES = [
  {name:"Starter Case",  price:100,    min:0.55, icon:"📦", names:["P250 | Sand Dune","Nova | Walnut","MP9 | Hot Rod","Glock-18 | Water Elemental","AK-47 | Elite Build","Karambit | Fade"]},
  {name:"Silver Case",   price:500,    min:0.60, icon:"🗃️", names:["SG 553 | Pulse","MAC-10 | Neon Rider","P90 | Asiimov","USP-S | Kill Confirmed","AK-47 | Redline","M9 Bayonet | Doppler"]},
  {name:"Gold Case",     price:1000,   min:0.65, icon:"🧰", names:["Five-SeveN | Monkey Business","MP7 | Bloodsport","M4A4 | Neo-Noir","AWP | Atheris","AK-47 | Vulcan","Butterfly Knife | Slaughter"]},
  {name:"Legend Case",   price:5000,   min:0.70, icon:"💎", names:["Desert Eagle | Printstream","M4A1-S | Hyper Beast","AK-47 | Asiimov","AWP | Neo-Noir","AK-47 | Fire Serpent","Karambit | Tiger Tooth"]},
  {name:"Elite Case",    price:10000,  min:0.72, icon:"🔷", names:["USP-S | Neo-Noir","AWP | Hyper Beast","M4A1-S | Printstream","AK-47 | Bloodsport","AWP | Lightning Strike","Skeleton Knife | Fade"]},
  {name:"Master Case",   price:25000,  min:0.74, icon:"🔶", names:["AK-47 | Neon Revolution","AWP | Containment Breach","M4A4 | Buzz Kill","AK-47 | Gold Arabesque","AWP | Gungnir","Sport Gloves | Pandora's Box"]},
  {name:"Royal Case",    price:50000,  min:0.76, icon:"👑", names:["AK-47 | Wild Lotus","AWP | Fade","M4A4 | The Emperor","Karambit | Marble Fade","Butterfly Knife | Crimson Web","Specialist Gloves | Crimson Kimono"]},
  {name:"Ultimate Case", price:100000, min:0.78, icon:"🔥", names:["AWP | Dragon Lore","M4A4 | Howl","AK-47 | Fire Serpent","Karambit | Case Hardened","Sport Gloves | Vice","Butterfly Knife | Fade"]},
  {name:"Titan Case",     price:250000,   min:0.80, icon:"🛡️", names:["M4A1-S | Golden Coil","AWP | Medusa","M4A4 | Poseidon","Karambit | Crimson Web","Sport Gloves | Superconductor","Talon Knife | Marble Fade"]},
  {name:"Phantom Case",   price:500000,   min:0.80, icon:"👻", names:["AK-47 | Hydroponic","AWP | Gungnir","M4A4 | Howl","Karambit | Doppler","Driver Gloves | King Snake","M9 Bayonet | Tiger Tooth"]},
  {name:"Mythic Case",    price:1000000,  min:0.80, icon:"🌟", names:["AWP | Desert Hydra","AWP | Dragon Lore","AK-47 | Fire Serpent","Karambit | Gamma Doppler","Specialist Gloves | Emerald Web","Butterfly Knife | Marble Fade"]},
  {name:"Cosmic Case",    price:2500000,  min:0.80, icon:"🪐", names:["M4A4 | Howl","AWP | Medusa","AK-47 | Wild Lotus","Karambit | Case Hardened","Sport Gloves | Vice","Skeleton Knife | Crimson Web"]},
  {name:"Eternal Case",   price:5000000,  min:0.80, icon:"♾️", names:["AWP | Gungnir","AK-47 | Fire Serpent","Sport Gloves | Pandora's Box","Talon Knife | Fade","Karambit | Marble Fade","Butterfly Knife | Doppler"]},
  {name:"Infinity Case",  price:10000000, min:0.80, icon:"🌌", names:["AWP | Dragon Lore","M4A4 | Howl","Driver Gloves | Crimson Weave","Karambit | Lore","M9 Bayonet | Crimson Web","Butterfly Knife | Fade"]},
  // Narxi bir xil raqamlardan iborat keyslarda FAQAT Butterfly Knife (babichka) tushadi
  {name:"Babichka 111111",  price:111111,  min:0.80, icon:"🦋", bfly:true, names:["Butterfly Knife | Safari Mesh","Butterfly Knife | Boreal Forest","Butterfly Knife | Stained","Butterfly Knife | Blue Steel","Butterfly Knife | Slaughter","Butterfly Knife | Fade"]},
  {name:"Babichka 555555",  price:555555,  min:0.80, icon:"🦋", bfly:true, names:["Butterfly Knife | Forest DDPAT","Butterfly Knife | Night","Butterfly Knife | Case Hardened","Butterfly Knife | Crimson Web","Butterfly Knife | Tiger Tooth","Butterfly Knife | Marble Fade"]},
  {name:"Babichka 777777",  price:777777,  min:0.80, icon:"🦋", bfly:true, names:["Butterfly Knife | Scorched","Butterfly Knife | Urban Masked","Butterfly Knife | Damascus Steel","Butterfly Knife | Ultraviolet","Butterfly Knife | Doppler","Butterfly Knife | Gamma Doppler"]},
  {name:"Babichka 7777777", price:7777777, min:0.80, icon:"🦋", bfly:true, names:["Butterfly Knife | Blue Steel","Butterfly Knife | Slaughter","Butterfly Knife | Fade","Butterfly Knife | Marble Fade","Butterfly Knife | Lore","Butterfly Knife | Autotronic"]},
  {name:"ADMIN Case", price:1000000000000, min:0.80, icon:"🔱", names:["Karambit | Case Hardened","AWP | Gungnir","Sport Gloves | Pandora's Box","AK-47 | Fire Serpent","M4A4 | Howl","AWP | Dragon Lore"]},
  // Maxsus keys (keyslar ro'yxatida)
  {name:"Maxsus Case", price:111111111, min:0.90, mult:[0.9,1.2,2,4,8,15], gojo:true, icon:"⭐", names:["Talon Knife | Marble Fade","Driver Gloves | Crimson Weave","AK-47 | Fire Serpent","Karambit | Lore","M4A4 | Howl","AWP | Dragon Lore"]}
];
CASES.sort((a,b)=>a.price-b.price);
// Rasmlar: skin nomi => rasm manzili. Masalan: "AK-47 | Redline": "img/ak47-redline.png"
// Bo'sh qolsa, rasm o'rniga belgi (emoji) chiqadi.
const IMG = {};
const toyAK = t => `<svg viewBox="0 0 120 50" width="84" height="35" aria-label="O'yinchoq avtomat"><rect x="4" y="17" width="30" height="12" rx="3" fill="#7a5230"/><rect x="32" y="14" width="48" height="15" rx="2" fill="#3b4252"/><rect x="36" y="17" width="40" height="3" fill="${COLORS[t]}"/><rect x="80" y="18" width="28" height="5" fill="#6b7386"/><rect x="108" y="16.5" width="9" height="8" rx="1.5" fill="#ff7a00"/><path d="M52 29h10l5 18H56z" fill="#2a2f3a"/><rect x="38" y="29" width="8" height="13" rx="2" fill="#7a5230"/></svg>`;
const knife = t => `<svg viewBox="0 0 120 50" width="84" height="35" aria-label="Babichka pichoq"><path d="M6 27L58 15l4 7-48 12z" fill="#d5dbe6" stroke="#8e98ab"/><rect x="58" y="16" width="56" height="7" rx="3.5" fill="${COLORS[t]}" transform="rotate(6 58 19)"/><rect x="58" y="24" width="56" height="7" rx="3.5" fill="#2a2f3a" transform="rotate(6 58 27)"/><circle cx="62" cy="22" r="2.5" fill="#8e98ab"/></svg>`;
const glove = t => { const c=COLORS[t], cuff=t>=4?"#ffc247":"#2a2f3a", glow=t>=3?`filter="drop-shadow(0 0 4px ${c})"`:"", stripe=t>=2?`<rect x="14" y="34" width="31" height="4" fill="#fff" opacity=".35"/>`:"", gem=t>=5?`<circle cx="30" cy="44" r="3" fill="#fff"/>`:"";
  return `<svg viewBox="0 0 60 60" width="50" height="50" aria-label="Qo'lqop" ${glow}><rect x="14" y="8" width="7" height="24" rx="3.5" fill="${c}"/><rect x="22" y="4" width="7" height="28" rx="3.5" fill="${c}"/><rect x="30" y="6" width="7" height="26" rx="3.5" fill="${c}"/><rect x="38" y="12" width="7" height="20" rx="3.5" fill="${c}"/><rect x="14" y="26" width="31" height="24" rx="6" fill="${c}"/><rect x="5" y="28" width="9" height="18" rx="4.5" fill="${c}" transform="rotate(-25 9 37)"/>${stripe}${gem}<rect x="15" y="48" width="29" height="8" rx="2" fill="${cuff}"/></svg>`; };
const ico = (name,tier) => IMG[name] ? `<img src="${IMG[name]}" alt="${name}" style="width:72px;height:52px;object-fit:contain">` : name.startsWith("AK-47") ? toyAK(tier) : name.startsWith("Butterfly Knife") ? glove(tier) : name.includes("Gloves") ? glove(tier) : ICONS[tier];
// Har bir tushish: [narx ko'paytmasi, ehtimol %]. Jami 100% bo'lishi kerak.
// Starter: 55 coin – 44.5%,  1000 coin (narxdan 10x) – 0.5%
const GOJO_V = 11111111111111e12;   // 11111111111111T coin
const SKIN_DIV = 10;                // keysdagi barcha skinlarning narxi shunga bo'lingan
const SKIN_MUL = 0.25;              // barcha skinlar narxi: ikki marta 50% ga qisqartirilgan (0.5 x 0.5)
const BOOST_CODES = {"redmi":15};   // yaxshi narsalar ehtimoli +15 foiz punkt
const WEAR = ["Battle-Scarred","Well-Worn","Field-Tested","Minimal Wear","Factory New","Factory New"];
function tiers(c, raw){   // raw=true: kodlarsiz oddiy ehtimollar (faqat ko'rinish uchun)
  const mult = c.mult ? c.mult : c.bfly ? [c.min, 1, 1.5, 3, 6, 12] : [c.min, 0.8, 1.2, 2.5, 5, 10];
  let prob = [44.5, 30, 15, 7, 3, 0.5];
  if(S.god && !raw) prob=[0,0,0,0,0,100];          // adminxz: har doim eng yaxshi narsa
  else if(S.boost && !raw){                                   // yomon 2 ta daraja -15%, yaxshi 4 ta daraja +15%
    const B=BOOST_CODES.redmi, bad=prob[0]+prob[1], good=100-bad;
    prob = prob.map((p,i)=> i<2 ? p*(bad-B)/bad : p*(good+B)/good);
  }
  const out = mult.map((m,i)=>({v:Math.round(c.price*m/SKIN_DIV*SKIN_MUL), p:prob[i], name:c.bfly?`${c.names[i]} (${WEAR[i]})`:c.names[i], tier:i}));
  // Juda kam tushadigan eng qimmat narsa: 0.0000000000000000000000000001% (=1e-28 %, ya'ni 1e-30)
  if(c.gojo) out.push({v:GOJO_V/SKIN_DIV*SKIN_MUL, p:(S.god&&!raw)?0:1e-28, name:"Gojo Satoru", tier:6, rare:true, exp:30});
  return out;
}
const SHOP = [
  {name:"P250 | Sand Dune", price:60, tier:0},
  {name:"MP9 | Hot Rod", price:150, tier:0},
  {name:"SG 553 | Pulse", price:250, tier:1},
  {name:"Bayonet | Forest DDPAT", price:300, tier:1},
  {name:"P90 | Asiimov", price:600, tier:2},
  {name:"USP-S | Cyrex", price:800, tier:2},
  {name:"AWP | Atheris", price:1200, tier:2},
  {name:"AK-47 | Redline", price:1800, tier:3},
  {name:"AK-47 | Vulcan", price:2500, tier:3},
  {name:"M4A1-S | Hyper Beast", price:4000, tier:3},
  {name:"Desert Eagle | Printstream", price:6000, tier:4},
  {name:"Karambit | Doppler", price:10000, tier:4},
  {name:"M9 Bayonet | Tiger Tooth", price:15000, tier:4},
  {name:"Talon Knife | Fade", price:25000, tier:4},
  {name:"Sport Gloves | Vice", price:35000, tier:4}
];
SHOP.forEach(x=>{ x.price=Math.round(x.price*SKIN_MUL); });   // do'kon narxlari ham 50% ga qisqartirilgan
const COLORS = ["#9aa4b2","#5b9bff","#8a63ff","#d24bff","#ff4b6e","#ffc247","#ffffff"];
const ICONS  = ["🔪","🔫","🎯","💥","🗡️","👑","🌀"];

/* ====== HOLAT (brauzerda saqlanadi) ====== */
let S = JSON.parse(kv.getItem("cs2free") || "null") || {coins:0, inv:[], last:0, used:[]};
const save = () => kv.setItem("cs2free", JSON.stringify(S));
if((S.pv||0)<1){ S.inv.forEach(x=>{ x.v=Math.max(1,Math.round(x.v*0.5)); }); S.pv=1; save(); }   // bir martalik: inventardagi skinlar narxi ham 50% ga qisqardi
const fmt = n => n>=1e15 ? Math.round(n/1e12).toLocaleString("en-US").replace(/,/g," ")+"T" : Math.round(n).toLocaleString("en-US").replace(/,/g," ");
const fmtP = p => p>=0.01 ? String(+p.toFixed(2)) : (p===0 ? "0" : p.toFixed(40).replace(/0+$/,""));
const $ = id => document.getElementById(id);

/* ====== CHIZISH ====== */
function render(){
  $("coins").textContent = fmt(S.coins); $("coins2").textContent = fmt(S.coins); $("coins3").textContent = fmt(S.coins); $("coins4").textContent = fmt(S.coins); $("coins5").textContent = fmt(S.coins); paintCoins(); $("luck").style.display = (S.boost||S.god) ? "" : "none"; $("luck").textContent = S.god ? "👑 Admin ✕" : "🍀 Omad +15% ✕"; $("luck").style.cursor = "pointer"; $("offGod").textContent = S.god ? "👑 Admin: yoqilgan – o'chirish ✕" : "👑 Admin: o'chiq"; $("offGod").disabled = !S.god; $("offBoost").textContent = S.boost ? "🍀 Omad +15%: yoqilgan – o'chirish ✕" : "🍀 Omad +15%: o'chiq"; $("offBoost").disabled = !S.boost; $("luck").title = S.god ? "Admin rejimini o'chirish uchun bosing" : "Omad bonusini o'chirish uchun bosing";
  $("cases").innerHTML = CASES.map((c,i)=>c.shop?"":`<div class="card"><div class="ico">${c.bfly?glove(5):c.icon}</div><div class="nm">${c.name}</div>${c.bfly?'<div class="tag">Faqat babichka</div>':''}<div class="pr">${fmt(c.price)} coin</div><button onclick="openModal(${i})">Ochish</button></div>`).join("");
  $("shop").innerHTML = CASES.map((c,i)=>c.shop?`<div class="card tier" style="--c:#ffc247"><div class="ico">${c.icon}</div><div class="nm">${c.name}</div><div class="tag">Maxsus keys</div><div class="pr">${fmt(c.price)} coin</div><button onclick="openFromShop(${i})" ${S.coins<c.price?"disabled":""}>Ochish</button></div>`:"").join("") + SHOP.map((s,i)=>`<div class="card tier" style="--c:${COLORS[s.tier]}"><div class="ico">${ico(s.name,s.tier)}</div><div class="nm">${s.name}</div><div class="pr">${fmt(s.price)} coin</div><button onclick="buy(${i})" ${S.coins<s.price?"disabled":""}>Sotib olish</button></div>`).join("");
  $("inv").innerHTML = S.inv.length ? S.inv.map((x,i)=>`<div class="card tier" style="--c:${COLORS[x.tier]}"><div class="ico">${ico(x.name,x.tier)}</div><div class="nm">${x.name}</div><div class="pr">${fmt(x.v)} coin</div>${skinRate(x)>0?`<div class="tag" style="margin:0 0 6px;color:#22c55e">+${fmtS(skinRate(x))} coin/s</div>`:""}<button class="alt" onclick="sell(${i})">Sotish</button></div>`).join("") : '<p style="color:var(--muted)">Inventar bo\'sh.</p>';
}
function say(t,ok){ $("msg").textContent=t; $("msg").style.color= ok?"#4cd98a":"#ff6b6b"; }

/* ====== KUNLIK BONUS ====== */
function bonusTick(){
  const left = S.last + 86400000 - Date.now();
  const b = $("bonusBtn");
  if(left<=0){ b.disabled=false; $("bonusInfo").textContent="Bonus tayyor!"; }
  else{
    b.disabled=true;
    const h=Math.floor(left/3600000), m=Math.floor(left%3600000/60000), s=Math.floor(left%60000/1000);
    $("bonusInfo").textContent=`Keyingi bonus: ${h}s ${m}d ${s}son`;
  }
}
$("bonusBtn").onclick = () => { S.coins+=DAILY_BONUS; S.last=Date.now(); save(); render(); bonusTick(); };

/* ====== PROMOKOD ====== */
$("promoBtn").onclick = () => {
  const code = $("promo").value.trim().toLowerCase();
  if(!code) return say("Promokodni yozing.");
  if(code==="adminxz"){
    if(S.god) return say("Bu promokod avval ishlatilgan.");
    S.god=true; save(); render();
    return say("Admin rejimi yoqildi! Endi har doim eng yaxshi narsa tushadi.", true);
  }
  if(code in BOOST_CODES){
    if(S.boost) return say("Bu promokod avval ishlatilgan.");
    S.boost=true; save(); render();
    return say(`Omad bonusi yoqildi! Yaxshi narsa tushish ehtimoli +${BOOST_CODES[code]}%`, true);
  }
  if(!(code in PROMOS)) return say("Bunday promokod yo'q.");
  if(S.used.includes(code) && !(S.god && code==="xiz5")) return say("Bu promokod avval ishlatilgan.");   // admin rejimida xiz5 cheksiz
  if(!S.used.includes(code)) S.used.push(code); S.coins += PROMOS[code]; save(); render();
  say(`+${fmt(PROMOS[code])} coin qo'shildi!`, true); $("promo").value="";
};

/* ====== DO'KON VA INVENTAR ====== */
function openFromShop(i){ $("shopModal").classList.remove("on"); openModal(i); }
function buy(i){ const s=SHOP[i]; if(S.coins<s.price) return; S.coins-=s.price; S.inv.push({name:s.name,tier:s.tier,v:Math.round(s.price*0.8)}); save(); render(); }
function sell(i){ S.coins+=S.inv[i].v; S.inv.splice(i,1); save(); render(); }
$("sellAll").onclick = () => { S.inv.forEach(x=>S.coins+=x.v); S.inv=[]; save(); render(); };

/* ====== KEYS OCHISH ====== */
let cur = 0, busy = false;
function rareHit(exp){                 // ehtimol = 10^-exp, 128-bitli tasodifiy son bilan
  const th = (1n<<128n) / (10n**BigInt(exp));
  const a = crypto.getRandomValues(new BigUint64Array(2));
  return ((a[0]<<64n)|a[1]) < th;
}
function pick(list){
  const r = list.find(t=>t.rare);
  if(r && r.p>0 && rareHit(r.exp)) return r;
  let x=Math.random()*100, a=0;
  for(const t of list){ if(t.rare) continue; a+=t.p; if(x<a) return t; }
  return list[0];
}
function itemHTML(t){ return `<div class="it" style="--c:${COLORS[t.tier]}"><span>${ico(t.name,t.tier)}</span>${t.name}<br>${fmt(t.v)}</div>`; }

$("mOpen").onclick = () => {
  const c=CASES[cur], list=tiers(c), vis=tiers(c,true);
  if(busy) return;
  if(S.coins<c.price){ $("result").textContent="Coin yetarli emas."; return; }
  S.coins-=c.price; save(); render(); busy=true; $("mOpen").disabled=true; $("result").textContent="";
  const WIN=32, won=pick(list), strip=$("strip");
  let html=""; for(let i=0;i<40;i++) html+=itemHTML(i===WIN?won:pick(vis));
  strip.style.transition="none"; strip.style.transform="translateX(0)"; strip.innerHTML=html;
  const box=strip.parentElement.offsetWidth;
  const target = WIN*128 + 60 - box/2 + (Math.random()*60-30);
  void strip.offsetWidth;
  strip.style.transition="transform 5s cubic-bezier(.1,.7,.1,1)";
  strip.style.transform=`translateX(-${target}px)`;
  setTimeout(()=>{
    S.inv.push({name:won.name,tier:won.tier,v:won.v,cs:true}); save(); render();
    $("result").innerHTML=`Sizga tushdi: <span style="color:${COLORS[won.tier]}">${won.name}</span> (${fmt(won.v)} coin)`;
    busy=false; $("mOpen").disabled=false;
  },5100);
};

/* ====== TOSH O'YINI ====== */
// m = ko'paytma, p = tushish ehtimoli (%). Qizil va qora teng (49.5% dan). Oq doirada faqat bitta bo'lak (1%), oqqa tikkan yutadi.
const GAME = {
  red:  {n:"Qizil", m:2,   p:49.5, c:"#ef4444"},
  black:{n:"Qora",  m:2,   p:49.5, c:"#0a0a0a", t:"#cbd5e1"},
  white:{n:"Oq",    m:100, p:1,    c:"#ffffff"}
};
// Bo'laklar (foiz): 5 ta qizil x 9.9, 5 ta qora x 9.9, 1 ta oq = 1. Qizil/qora bo'laklarga 1 dan 10 gacha son yoziladi.
const WEDGES = [["black",9.9],["red",9.9],["black",9.9],["red",9.9],["black",9.9],["red",9.9],["black",9.9],["red",9.9],["black",9.9],["white",1],["red",9.9]].map(([k,pct])=>({k,pct}));
let gBusy=false, gAng=0, gPick=null, gMyBet=null; const hist=[];
(function(){ let a=0, n=0; const parts=[], labels=[];
  WEDGES.forEach(w=>{ const d=w.pct*3.6; w.a0=a; w.a1=a+d; w.num = w.k==="white" ? 0 : ++n;
    parts.push(`${GAME[w.k].c} ${a}deg ${a+d}deg`);
    if(w.k!=="white"){ const mid=a+d/2; labels.push(`<div class="lbl" style="transform:rotate(${mid}deg)"><span style="transform:translateX(-50%) rotate(${-mid}deg);color:#fff">${w.num}</span></div>`); }
    a+=d; });
  $("wheel").style.background=`conic-gradient(${parts.join(",")})`; $("wheel").innerHTML=labels.join("");
  $("gLeg").innerHTML=Object.values(GAME).map(g=>`<span style="color:${g.t||g.c}">● ${g.n} ×${g.m} (${g.p}%)</span>`).join("");
})();
function gPickColor(){ let r=Math.random()*100, a=0; for(const k in GAME){ a+=GAME[k].p; if(r<a) return k; } return "black"; }
function gSay(t){ $("gRes").textContent=t; }
function setPick(k){ if(gBusy||gMyBet) return; gPick=k; $("pickR").classList.toggle("sel",k==="red"); $("pickK").classList.toggle("sel",k==="black"); $("pickW").classList.toggle("sel",k==="white"); }
$("pickR").onclick=()=>setPick("red"); $("pickK").onclick=()=>setPick("black"); $("pickW").onclick=()=>setPick("white");
$("gHalf").onclick=()=>{ $("gBet").value=Math.max(1,Math.floor($("gBet").value/2)); };
$("gDouble").onclick=()=>{ $("gBet").value=Math.floor($("gBet").value*2); };
$("gMax").onclick=()=>{ $("gBet").value=Math.floor(S.coins); };
// Skin tikish: tanlash ro'yxati va yutganda skinni rangiga qarab kuchaytirish
function fillSkins(id){
  $(id).innerHTML='<option value="">🪙 Coin bilan tikish</option>'+S.inv.map((x,i)=>`<option value="${i}">🎯 ${x.name} (${fmt(x.v)})</option>`).join("");
  if(id==="gSkin") gInvRender();
}
function skinBoost(it,m){
  const base=it.base||it.name, up=(it.up||1)*m;
  return {base, mut:it.mut, cs:it.cs, name:`${base} ⬆×${+up.toFixed(2)}${it.mut?" 🧬":""}`, up, v:Math.floor(it.v*m), tier:Math.max(it.tier, Math.min(5, it.tier+(m>=100?3:m>=10?2:1)))};
}
function gInvRender(){
  const sel=$("gSkin").value;
  $("gInv").innerHTML = S.inv.length ? S.inv.map((x,i)=>`<div class="card tier${String(i)===sel?" sel":""}" style="--c:${COLORS[x.tier]};cursor:pointer" onclick="gPickSkin(${i})"><div class="ico">${ico(x.name,x.tier)}</div><div class="nm">${x.name}</div><div class="pr">${fmt(x.v)}</div></div>`).join("") : "<p style='color:var(--muted)'>Skin yo'q.</p>";
}
function gPickSkin(i){ if(gPhase!=="bet"||gMyBet) return; $("gSkin").value = ($("gSkin").value===String(i)) ? "" : String(i); gInvRender(); }
// ---- Raundlar: 20 soniya tikish vaqti, keyin tosh yuradi. Botlar har raundda tikadi. ----
const BET_SECONDS = 20;
const BOT_NAMES = ["Aziz","Bekzod","Dilshod","Jasur","Malika","Sardor","Nodira","Otabek","Kamola","Rustam","Zafar","Lola"];
const BOT_AMTS  = [50,100,200,500,1000,2500,5000];
let gPhase="idle", gLeft=0, gElapsed=0, gBots=[], gTick=null, gT2=null;
function botsMakeRound(){
  const names=BOT_NAMES.slice().sort(()=>Math.random()-.5);
  const mc=Math.random()<.5?"red":"black", k=4+Math.floor(Math.random()*3), rest=2+Math.floor(Math.random()*3); // kamida 4 ta bot bir xil rangda
  return names.slice(0,k+rest).map((n,i)=>({
    name:n, amt:BOT_AMTS[Math.floor(Math.random()*BOT_AMTS.length)], at:1+Math.floor(Math.random()*15), shown:false,
    color: i<k ? mc : (Math.random()<0.04 ? "white" : (Math.random()<.5?"red":"black"))   // oq juda kam
  }));
}
function gRenderBots(res){
  const cols={red:[],black:[],white:[]}, tot={red:0,black:0,white:0};
  gBots.forEach(b=>{ if(b.shown){ cols[b.color].push(b); tot[b.color]+=b.amt; } });
  if(gMyBet) tot[gMyBet.color]+=(gMyBet.skin?gMyBet.skin.v:gMyBet.amt);
  $("bots").innerHTML=["red","black","white"].map(k=>{ const g=GAME[k];
    const me = gMyBet&&gMyBet.color===k ? `<div class="b" style="color:var(--accent);font-weight:700"><span>Siz</span><span>${gMyBet.skin?"🎯 "+gMyBet.skin.name:fmt(gMyBet.amt)}</span></div>` : "";
    const items = cols[k].map(b=>`<div class="b"><span>🤖 ${b.name}</span><span>${fmt(b.amt)}</span></div>`).join("");
    return `<div class="bcol" style="${res===k?"outline:2px solid #22c55e":""}"><h4 style="color:${g.t||g.c}">${res?(res===k?"✓ ":"✗ "):""}${g.n} ×${g.m}</h4><div style="opacity:.8;margin-bottom:4px">Jami: ${fmt(tot[k])}</div>${me}${items}</div>`;
  }).join("");
}
function gStartRound(){
  gPhase="bet"; gLeft=BET_SECONDS; gElapsed=0; gMyBet=null; gBusy=false;
  gBots=botsMakeRound(); gRenderBots();
  $("gMult").textContent=gLeft; $("gMult").style.color=""; $("gInfo").textContent="Tikish vaqti";
  $("gGo").disabled=false; $("gGo").textContent="Tikish"; gSay(""); fillSkins("gSkin");
  clearInterval(gTick);
  gTick=setInterval(()=>{
    gLeft--; gElapsed++;
    gBots.forEach(b=>{ if(b.at<=gElapsed) b.shown=true; });
    if(gLeft>0){ $("gMult").textContent=gLeft; gRenderBots(); } else { clearInterval(gTick); gSpin(); }
  },1000);
}
function gSpin(){
  gPhase="spin"; gBusy=true; gBots.forEach(b=>b.shown=true); gRenderBots();
  $("gGo").disabled=true; $("gMult").textContent="…"; $("gInfo").textContent="Tosh yurmoqda";
  const k=(S.god&&gMyBet)?gMyBet.color:gPickColor(), list=WEDGES.filter(w=>w.k===k), w=list[Math.floor(Math.random()*list.length)];
  const mg=Math.min(1.5,(w.a1-w.a0)*0.2), target=w.a0+mg+Math.random()*(w.a1-w.a0-2*mg);
  gAng += 360*5 + (((target-gAng)%360)+360)%360;
  const o=$("orbit"); o.style.transition="transform 4.5s cubic-bezier(.12,.6,.1,1)"; o.style.transform=`rotate(${gAng}deg)`;
  gT2=setTimeout(()=>{
    const g=GAME[k]; let em=0, msg=`${g.n} ${w.num} tushdi.`;
    if(gMyBet && gMyBet.skin){
      em=(k===gMyBet.color?g.m:0);
      if(em>0){ const ns=skinBoost(gMyBet.skin,em); S.inv.push(ns); save(); render(); msg=`${g.n} ${w.num} tushdi! Skiningiz kuchaydi: ${ns.name} (${fmt(ns.v)} coin)`; }
      else msg=`${g.n} ${w.num} tushdi. Skin yo'qoldi: ${gMyBet.skin.name}`;
    } else if(gMyBet){
      em=(k===gMyBet.color?g.m:0); const pay=Math.floor(gMyBet.amt*em);
      S.coins+=pay; save(); render();
      msg = pay>0 ? (k==="white" ? `Oq tushdi! Jackpot ×${em}: +${fmt(pay-gMyBet.amt)} coin foyda!` : `${g.n} ${w.num} tushdi, siz yutdingiz: +${fmt(pay-gMyBet.amt)} coin!`) : `${g.n} ${w.num} tushdi. Siz ${GAME[gMyBet.color].n} ni tanlagandingiz: -${fmt(gMyBet.amt)} coin.`;
    }
    hist.unshift({c:g.c,n:w.num}); if(hist.length>14) hist.pop();
    $("hist").innerHTML=hist.map(h=>`<i style="background:${h.c};color:${h.c==="#ffffff"?"#111":"#fff"}">${h.n}</i>`).join("");
    $("gMult").textContent=gMyBet?"×"+em:g.n; $("gMult").style.color=g.t||g.c; $("gInfo").textContent=`${g.n} ${w.num}`;
    gRenderBots(k); gSay(msg);
    gMyBet=null; gBusy=false; gPhase="result"; fillSkins("gSkin");
    gT2=setTimeout(gStartRound,3000);
  },4700);
}
function gStop(){
  clearInterval(gTick); clearTimeout(gT2);
  if(gPhase==="bet" && gMyBet){ if(gMyBet.skin) S.inv.push(gMyBet.skin); else S.coins+=gMyBet.amt; save(); render(); }   // tikish vaqtida chiqilsa, tikish qaytariladi
  gMyBet=null; gPhase="idle"; gBusy=false; $("gameModal").classList.remove("on");
}
$("gGo").onclick=()=>{
  if(gPhase!=="bet"||gMyBet) return;
  if(!gPick) return gSay("Avval rangni tanlang (Qizil, Qora yoki Oq).");
  const sk=$("gSkin").value;
  if(sk!==""){                                    // skin bilan tikish
    const it=S.inv[Number(sk)]; if(!it) return gSay("Skin topilmadi.");
    S.inv.splice(Number(sk),1); save(); render();
    gMyBet={color:gPick,amt:0,skin:it}; fillSkins("gSkin");
    $("gGo").disabled=true; $("gGo").textContent="Tikildi ✓";
    gSay(`Sizning tikishingiz: ${GAME[gPick].n} — 🎯 ${it.name}`); gRenderBots(); return;
  }
  const bet=Math.floor(Number($("gBet").value));
  if(!(bet>0)) return gSay("Tikish miqdorini yozing.");
  if(bet>S.coins) return gSay("Coin yetarli emas.");
  S.coins-=bet; save(); render();
  gMyBet={color:gPick,amt:bet}; $("gGo").disabled=true; $("gGo").textContent="Tikildi ✓";
  gSay(`Sizning tikishingiz: ${GAME[gPick].n} — ${fmt(bet)} coin`); gRenderBots();
};
$("gSkin").onchange=gInvRender;
$("gameBtn").onclick=()=>{ $("gameModal").classList.add("on"); if(gPhase==="idle") gStartRound(); };
$("gameClose").onclick=()=>{ if(gPhase!=="spin") gStop(); };
$("gameModal").onclick=e=>{ if(e.target.id==="gameModal" && gPhase!=="spin") gStop(); };

/* ====== SUPER DOIRA: 5 rangli murakkab o'yin ====== */
// m = ko'paytma, p = ehtimol (%). Murasaki: doirada faqat 1 ta katta bo'lak, 11%, ×10.
const SC = {
  purple:{n:"Murasaki", m:10,  p:11, c:"#a855f7", tc:"#fff"},
  red:   {n:"Qizil",    m:4,   p:22, c:"#ef4444", tc:"#fff"},
  sky:   {n:"Ko'k",     m:3,   p:30, c:"#38bdf8", tc:"#04222f"},
  blue:  {n:"Blue",     m:2.5, p:36, c:"#1d4ed8", tc:"#fff"},
  white: {n:"Oq",       m:100, p:1,  c:"#ffffff", tc:"#111"}
};
const SPCT = {purple:11, red:5.5, sky:6, blue:6, white:1};   // bitta bo'lak kattaligi (foiz)
// 17 ta bo'lak: murasaki 1 (11%), qizil 4 (22%), ko'k 5 (30%), blue 6 (36%), oq 1 (1%)
const SW = ["blue","sky","red","blue","sky","blue","red","sky","purple","blue","sky","red","blue","sky","blue","red","white"].map(k=>({k}));
let sBusy=false, sAng=0, sPhase="idle", sLeft=0, sElapsed=0, sBotsArr=[], sMy=[], sTick=null, sT2=null; const sHistArr=[];
(function(){ let a=0, n=0; const parts=[], labels=[];
  SW.forEach(w=>{ const d=SPCT[w.k]*3.6; w.a0=a; w.a1=a+d; w.num = w.k==="white" ? 0 : ++n;
    parts.push(`${SC[w.k].c} ${a}deg ${a+d}deg`);
    if(w.k!=="white"){ const mid=a+d/2; labels.push(`<div class="lbl" style="transform:rotate(${mid}deg)"><span style="transform:translateX(-50%) rotate(${-mid}deg);color:${SC[w.k].tc};font-size:.8rem">${w.num}</span></div>`); }
    a+=d; });
  $("sWheel").style.background=`conic-gradient(${parts.join(",")})`; $("sWheel").innerHTML=labels.join("");
  $("sLeg").innerHTML=Object.values(SC).map(g=>`<span style="color:${g.c==="#1d4ed8"?"#6b8cff":g.c}">● ${g.n} ×${g.m} (${g.p}%)</span>`).join("");
  $("sChips").innerHTML=Object.keys(SC).map(k=>`<button class="pick chip5" style="background:${SC[k].c};color:${SC[k].tc}" onclick="sPlace('${k}')">${SC[k].n}<br>×${SC[k].m} · ${SC[k].p}%</button>`).join("");
})();
function sSay(t){ $("sRes").textContent=t; }
function sTotal(){ return sMy.reduce((a,b)=>a+(b.skin?0:b.amt),0); }
function sBestBet(){ let best=null,bv=-1; sMy.forEach(b=>{ const v=(b.skin?b.skin.v:b.amt)*SC[b.color].m; if(v>bv){bv=v;best=b.color;} }); return best; }
function sMineRender(){
  $("sMine").textContent = sMy.length ? "Sizning tikishlaringiz: "+sMy.map(b=>`${SC[b.color].n} ${b.skin?"🎯 "+b.skin.name:fmt(b.amt)}`).join(", ")+` — jami ${fmt(sTotal())} coin` : "";
  $("sCancel").disabled = !(sPhase==="bet" && sMy.length);
}
function sBotsMake(){
  const names=BOT_NAMES.slice().sort(()=>Math.random()-.5), main=["purple","red","sky","blue"];
  const mc=main[Math.floor(Math.random()*4)], k=4+Math.floor(Math.random()*3), rest=2+Math.floor(Math.random()*3);   // kamida 4 ta bot bir xil rangda
  return names.slice(0,k+rest).map((n,i)=>({
    name:n, amt:BOT_AMTS[Math.floor(Math.random()*BOT_AMTS.length)], at:1+Math.floor(Math.random()*15), shown:false,
    color: i<k ? mc : (Math.random()<0.04 ? "white" : main[Math.floor(Math.random()*4)])   // oq juda kam
  }));
}
function sRenderBots(res){
  const cols={purple:[],red:[],sky:[],blue:[],white:[]}, tot={purple:0,red:0,sky:0,blue:0,white:0};
  sBotsArr.forEach(b=>{ if(b.shown){ cols[b.color].push(b); tot[b.color]+=b.amt; } });
  sMy.forEach(b=>tot[b.color]+=(b.skin?b.skin.v:b.amt));
  $("sBots").innerHTML=Object.keys(SC).map(k=>{ const g=SC[k];
    const me=sMy.filter(b=>b.color===k).map(b=>`<div class="b" style="color:var(--accent);font-weight:700"><span>Siz</span><span>${b.skin?"🎯 "+b.skin.name:fmt(b.amt)}</span></div>`).join("");
    const items=cols[k].map(b=>`<div class="b"><span>🤖 ${b.name}</span><span>${fmt(b.amt)}</span></div>`).join("");
    return `<div class="bcol" style="${res===k?"outline:2px solid #22c55e":""}"><h4 style="color:${g.c==="#1d4ed8"?"#6b8cff":g.c}">${res?(res===k?"✓ ":"✗ "):""}${g.n} ×${g.m}</h4><div style="opacity:.8;margin-bottom:4px">Jami: ${fmt(tot[k])}</div>${me}${items}</div>`;
  }).join("");
}
function sPlace(color){
  if(sPhase!=="bet") return sSay("Hozir tikish vaqti emas, keyingi raundni kuting.");
  const sk=$("sSkin").value;
  if(sk!==""){                                    // skin bilan tikish
    const it=S.inv[Number(sk)]; if(!it) return sSay("Skin topilmadi.");
    S.inv.splice(Number(sk),1); save(); render(); sMy.push({color,amt:0,skin:it}); fillSkins("sSkin");
    sSay(`${SC[color].n} ga skin tikildi: ${it.name}`); sMineRender(); sRenderBots(); return;
  }
  const amt=Math.floor(Number($("sBet").value));
  if(!(amt>0)) return sSay("Tikish miqdorini yozing.");
  if(amt>S.coins) return sSay("Coin yetarli emas.");
  S.coins-=amt; save(); render();
  const ex=sMy.find(b=>b.color===color && !b.skin); if(ex) ex.amt+=amt; else sMy.push({color,amt});
  sSay(`${SC[color].n} ga ${fmt(amt)} coin tikildi.`); sMineRender(); sRenderBots();
}
$("sCancel").onclick=()=>{ if(sPhase!=="bet"||!sMy.length) return; S.coins+=sTotal(); sMy.filter(b=>b.skin).forEach(b=>S.inv.push(b.skin)); sMy=[]; save(); render(); fillSkins("sSkin"); sSay("Tikishlar bekor qilindi, coin va skinlar qaytarildi."); sMineRender(); sRenderBots(); };
$("sHalf").onclick=()=>{ $("sBet").value=Math.max(1,Math.floor($("sBet").value/2)); };
$("sDouble").onclick=()=>{ $("sBet").value=Math.floor($("sBet").value*2); };
$("sMax").onclick=()=>{ $("sBet").value=Math.floor(S.coins); };
function sPickColor(){ let r=Math.random()*100, a=0; for(const k in SC){ a+=SC[k].p; if(r<a) return k; } return "blue"; }
function sStartRound(){
  sPhase="bet"; sLeft=BET_SECONDS; sElapsed=0; sMy=[]; sBusy=false;
  sBotsArr=sBotsMake(); sRenderBots(); sMineRender();
  $("sMult").textContent=sLeft; $("sMult").style.color=""; $("sInfo").textContent="Tikish vaqti"; sSay(""); fillSkins("sSkin");
  clearInterval(sTick);
  sTick=setInterval(()=>{
    sLeft--; sElapsed++;
    sBotsArr.forEach(b=>{ if(b.at<=sElapsed) b.shown=true; });
    if(sLeft>0){ $("sMult").textContent=sLeft; sRenderBots(); } else { clearInterval(sTick); sSpin(); }
  },1000);
}
function sSpin(){
  sPhase="spin"; sBusy=true; sBotsArr.forEach(b=>b.shown=true); sRenderBots(); sMineRender();
  $("sMult").textContent="…"; $("sInfo").textContent="Tosh yurmoqda";
  const k=(S.god&&sMy.length)?sBestBet():sPickColor(), list=SW.filter(w=>w.k===k), w=list[Math.floor(Math.random()*list.length)];
  const mg=Math.min(1.5,(w.a1-w.a0)*0.2), target=w.a0+mg+Math.random()*(w.a1-w.a0-2*mg);
  sAng += 360*5 + (((target-sAng)%360)+360)%360;
  const o=$("sOrbit"); o.style.transition="transform 4.5s cubic-bezier(.12,.6,.1,1)"; o.style.transform=`rotate(${sAng}deg)`;
  sT2=setTimeout(()=>{
    const g=SC[k]; let msg=`${g.n} ${w.num} tushdi.`;
    if(sMy.length){
      const bet=sTotal(), pay=sMy.reduce((a,b)=>a+(b.color===k?Math.floor(b.amt*g.m):0),0);
      S.coins+=pay; save(); render();
      msg = bet===0 ? msg : pay>bet ? `${g.n} ${w.num} tushdi! Foyda: +${fmt(pay-bet)} coin` : pay>0 ? `${g.n} ${w.num} tushdi. Qaytdi ${fmt(pay)}, zarar: -${fmt(bet-pay)} coin` : `${g.n} ${w.num} tushdi. Yutqazdingiz: -${fmt(bet)} coin`;
    }
    if(sMy.some(b=>b.skin)){
      const won=[], lost=[];
      sMy.filter(b=>b.skin).forEach(b=>{ if(b.color===k){ const ns=skinBoost(b.skin,g.m); S.inv.push(ns); won.push(`${ns.name} (${fmt(ns.v)})`); } else lost.push(b.skin.name); });
      save(); render();
      if(won.length) msg+=` Kuchaygan skinlar: ${won.join(", ")}.`;
      if(lost.length) msg+=` Yo'qolgan skinlar: ${lost.join(", ")}.`;
    }
    sHistArr.unshift({c:g.c,tc:g.tc,n:w.num}); if(sHistArr.length>14) sHistArr.pop();
    $("sHist").innerHTML=sHistArr.map(h=>`<i style="background:${h.c};color:${h.tc}">${h.n}</i>`).join("");
    $("sMult").textContent=g.n; $("sMult").style.color=g.c==="#1d4ed8"?"#6b8cff":g.c; $("sInfo").textContent=`${w.num}-son · ×${g.m}`;
    sRenderBots(k); sSay(msg);
    sMy=[]; sMineRender(); sBusy=false; sPhase="result"; fillSkins("sSkin");
    sT2=setTimeout(sStartRound,3000);
  },4700);
}
function sStop(){
  clearInterval(sTick); clearTimeout(sT2);
  if(sPhase==="bet" && sMy.length){ S.coins+=sTotal(); sMy.filter(b=>b.skin).forEach(b=>S.inv.push(b.skin)); save(); render(); }   // tikish vaqtida chiqilsa, tikishlar qaytariladi
  sMy=[]; sPhase="idle"; sBusy=false; $("sModal").classList.remove("on");
}
$("sBtn").onclick=()=>{ $("sModal").classList.add("on"); if(sPhase==="idle") sStartRound(); };
$("sClose").onclick=()=>{ if(sPhase!=="spin") sStop(); };
$("sModal").onclick=e=>{ if(e.target.id==="sModal" && sPhase!=="spin") sStop(); };

/* ====== BIRLASHTIRISH: 2-10 ta skin -> 1 ta skin ====== */
// m = qiymat ko'paytmasi, p = ehtimol (%). Yig'indi 100.
const MERGE = [{m:0.5,p:46},{m:1,p:38},{m:1.5,p:15},{m:10,p:1}];
let mgSel=new Set(), mgBusy=false;
$("mgLeg").innerHTML = MERGE.map(o=>`<span style="color:${o.m>=10?"#ffc247":o.m>1?"#22c55e":o.m<1?"#ff6b6b":"#cbd5e1"}">● ×${o.m} (${o.p}%)</span>`).join("");
function mgSay(t){ $("mgRes").textContent=t; }
function mgRender(){
  $("mgInv").innerHTML = S.inv.length ? S.inv.map((x,i)=>`<div class="card tier${mgSel.has(i)?" sel":""}" style="--c:${COLORS[x.tier]};cursor:pointer" onclick="mgToggle(${i})"><div class="ico">${ico(x.name,x.tier)}</div><div class="nm">${x.name}</div><div class="pr">${fmt(x.v)} coin</div></div>`).join("") : "<p style='color:var(--muted)'>Inventar bo'sh.</p>";
  const sum=[...mgSel].reduce((a,i)=>a+(S.inv[i]?S.inv[i].v:0),0);
  $("mgInfo").textContent=`Tanlangan: ${mgSel.size} ta (2–10 ta kerak) · jami qiymat: ${fmt(sum)} coin`;
  $("mgGo").disabled = mgBusy || mgSel.size<2 || mgSel.size>10;
}
function mgToggle(i){
  if(mgBusy) return;
  if(mgSel.has(i)) mgSel.delete(i);
  else { if(mgSel.size>=10) return mgSay("Ko'pi bilan 10 ta skin tanlash mumkin."); mgSel.add(i); }
  mgSay(""); mgRender();
}
function mgRoll(){ if(S.god) return MERGE[MERGE.length-1]; let r=Math.random()*100, a=0; for(const o of MERGE){ a+=o.p; if(r<a) return o; } return MERGE[0]; }
function mgClosest(t){ let best=CATALOG[0], bd=Infinity; CATALOG.forEach(c=>{ const d=Math.abs(Math.log(c.v/t)); if(d<bd){ bd=d; best=c; } }); return best; }
$("mgGo").onclick=()=>{
  if(mgBusy||mgSel.size<2||mgSel.size>10) return;
  const idx=[...mgSel].sort((a,b)=>b-a), sum=idx.reduce((a,i)=>a+S.inv[i].v,0);
  mgBusy=true; $("mgGo").disabled=true; mgSay("Birlashtirilmoqda…");
  setTimeout(()=>{
    const o=mgRoll(), target=sum*o.m, sk=mgClosest(target);
    idx.forEach(i=>S.inv.splice(i,1));
    S.inv.push({name:sk.name, tier:sk.tier, v:sk.v});
    save(); render(); mgSel=new Set(); mgBusy=false; mgRender();
    mgSay(`Natija ×${o.m}: ${fmt(sum)} → ${fmt(target)} coin. Sizga ${sk.name} (${fmt(sk.v)} coin) tushdi.`);
  },1500);
};
$("mgBtn").onclick=()=>{ mgSel=new Set(); mgSay(""); mgRender(); $("mgModal").classList.add("on"); };
$("mgClose").onclick=()=>{ if(!mgBusy) $("mgModal").classList.remove("on"); };
$("mgModal").onclick=e=>{ if(e.target.id==="mgModal" && !mgBusy) $("mgModal").classList.remove("on"); };

/* ====== MUTATSIYA + PASSIV DAROMAD ====== */
const MUT_COST = 3;       // mutatsiya narxi = skin qiymatining 3 baravari
const SKIN_RATE = 1;      // HAR QANDAY skin har soniyada o'z yozilgan qiymatiga teng coin beradi (1 = 100%)
const MUT_RATE = 0.001;   // mutant skin har soniyada qiymatining 0.1% i miqdorida coin beradi
const fmtS = n => n>=10 ? fmt(n) : String(+n.toFixed(2));
let mutIdx=null, mutBusy=false, incCount=0;
function skinRate(x){ return x.v*(SKIN_RATE+(x.mut?MUT_RATE:0)); }
function incomePerSec(){ return S.inv.reduce((a,x)=>a+skinRate(x),0); }
function paintCoins(){
  ["coins","coins2","coins3","coins4","coins5"].forEach(id=>{ const e=$(id); if(e) e.textContent=fmt(S.coins); });
  const inc=incomePerSec(); $("incomeBox").style.display = inc>0 ? "" : "none"; $("income").textContent = fmtS(inc);
}
setInterval(()=>{ const inc=incomePerSec(); if(inc>0){ S.coins+=inc; paintCoins(); if(++incCount%5===0) save(); } },1000);
if(typeof window!=="undefined") window.addEventListener("beforeunload",()=>save());
function mutSay(t){ $("mutRes").textContent=t; }
function mutRender(){
  const it=S.inv[mutIdx];
  $("mutInv").innerHTML = S.inv.length ? S.inv.map((x,i)=>`<div class="card tier${i===mutIdx?" sel":""}" style="--c:${COLORS[x.tier]};cursor:${x.mut?"default":"pointer"};${x.mut?"opacity:.65":""}" onclick="mutPick(${i})"><div class="ico">${ico(x.name,x.tier)}</div><div class="nm">${x.name}</div><div class="pr">${fmt(x.v)} coin</div><div class="tag" style="margin:0;color:#22c55e">${x.mut?"+"+fmtS(x.v*MUT_RATE)+" coin/s":"Narxi: "+fmt(x.v*MUT_COST)}</div></div>`).join("") : "<p style='color:var(--muted)'>Inventar bo'sh.</p>";
  $("mutInfo").textContent = it ? `Mutatsiya narxi: ${S.god?"bepul (admin)":fmt(it.v*MUT_COST)+" coin"} · keyin: +${fmtS(it.v*MUT_RATE)} coin/soniya` : "Mutatsiya uchun skinni tanlang.";
  $("mutGo").disabled = mutBusy || !it;
}
function mutPick(i){ if(mutBusy) return; if(S.inv[i].mut) return mutSay("Bu skin allaqachon mutant."); mutSay(""); mutIdx=i; mutRender(); }
$("mutGo").onclick=()=>{
  const it=S.inv[mutIdx]; if(!it||it.mut) return;
  const cost = S.god ? 0 : it.v*MUT_COST;                     // admin: mutatsiya bepul
  if(cost>S.coins) return mutSay(`Coin yetarli emas. Kerak: ${fmt(cost)} coin.`);
  S.coins-=cost; it.mut=true; it.name+=" 🧬"; it.tier=Math.max(it.tier,Math.min(5,it.tier+1));
  save(); render(); mutIdx=null; mutRender();
  mutSay(`Mutatsiya tugadi! ${it.name} endi har soniyada +${fmtS(it.v*MUT_RATE)} coin beradi.`);
};
$("mutBtn").onclick=()=>{ mutIdx=null; mutSay(""); mutRender(); $("mutModal").classList.add("on"); };
$("mutClose").onclick=()=>$("mutModal").classList.remove("on");
$("mutModal").onclick=e=>{ if(e.target.id==="mutModal") $("mutModal").classList.remove("on"); };

/* ====== NOM (PROFIL) ====== */
// Nomni BOSHQA qurilmalarda ham band qilish uchun server kerak (server/Program.cs). Server manzilini shu yerga yozing,
// masalan: "/api/names/claim". Bo'sh bo'lsa, nom faqat shu brauzerda saqlanadi.
const NAME_API = "";
let P = JSON.parse(kv.getItem("cs2profile") || "null");
function showName(){ $("pname").textContent=P.name; $("nameBox").style.display=""; }
async function claimName(name, token){
  if(!NAME_API) return {ok:true};
  try{
    const r = await fetch(NAME_API,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name,token})});
    if(r.status===409) return {ok:false,msg:"Bu nom band. Boshqa nom tanlang."};
    if(!r.ok) return {ok:false,msg:"Nom noto'g'ri yoki server xatosi."};
    return {ok:true};
  }catch(e){ return {ok:false,msg:"Serverga ulanib bo'lmadi. Internetni tekshiring."}; }
}
$("nameBtn").onclick = async () => {
  const name=$("nameInput").value.trim();
  if(!/^[\p{L}\p{N}_]{3,16}$/u.test(name)) return void($("nameErr").textContent="Nom 3–16 ta harf, raqam yoki _ dan iborat bo'lishi kerak.");
  $("nameBtn").disabled=true; $("nameErr").textContent="Tekshirilmoqda…";
  const token = crypto.randomUUID ? crypto.randomUUID() : (Date.now()+"-"+Math.random().toString(36).slice(2)+Math.random().toString(36).slice(2));
  const r = await claimName(name, token);
  $("nameBtn").disabled=false;
  if(!r.ok) return void($("nameErr").textContent=r.msg);
  P={name,token}; kv.setItem("cs2profile",JSON.stringify(P));
  $("nameErr").textContent=""; $("nameModal").classList.remove("on"); showName();
};
$("nameInput").onkeydown = e => { if(e.key==="Enter") $("nameBtn").click(); };
if(P) showName(); else $("nameModal").classList.add("on");

/* ====== UPGRADE: skinni tanlab, yaxshiroq skinga kuchaytirish ====== */
const tierOf = v => v<200?0 : v<1500?1 : v<10000?2 : v<100000?3 : v<10000000?4 : 5;
// Katalog: barcha skinlar (nomi -> eng yuqori qiymati)
const CATALOG = (function(){ const m={};
  CASES.forEach(c=>tiers(c,true).forEach(t=>{ if(!t.rare && (!m[t.name]||t.v>m[t.name])) m[t.name]=t.v; }));
  SHOP.forEach(x=>{ if(!m[x.name]||x.price>m[x.name]) m[x.name]=x.price; });
  return Object.entries(m).map(([name,v])=>({name,v,tier:tierOf(v)})).sort((a,b)=>a.v-b.v);
})();
const upChance = (from,to) => Math.min(95, from/to*95);      // 5% uy foydasi
let upIdx=null, upT=null, upList=[], upBusy=false, uAng=0;
function uSay(t){ $("uRes").textContent=t; }
function upRender(){
  const it=S.inv[upIdx];
  $("upInv").innerHTML = S.inv.length ? S.inv.map((x,i)=>`<div class="card tier${i===upIdx?" sel":""}" style="--c:${COLORS[x.tier]};cursor:pointer" onclick="upPick(${i})"><div class="ico">${ico(x.name,x.tier)}</div><div class="nm">${x.name}</div><div class="pr">${fmt(x.v)} coin</div></div>`).join("") : "<p style='color:var(--muted)'>Inventar bo'sh. Avval keys oching yoki do'kondan skin oling.</p>";
  upList = it ? CATALOG.filter(t=>t.v>it.v*1.05 && t.v<=it.v*100).slice(0,60) : [];
  $("upTargets").innerHTML = !it ? "<p style='color:var(--muted)'>Avval yuqoridan skinni tanlang.</p>" : upList.length ? upList.map((t,i)=>`<div class="card tier${upT&&t.name===upT.name?" sel":""}" style="--c:${COLORS[t.tier]};cursor:pointer" onclick="upTarget(${i})"><div class="ico">${ico(t.name,t.tier)}</div><div class="nm">${t.name}</div><div class="pr">${fmt(t.v)} coin</div><div class="tag" style="color:#22c55e;margin:0">${upChance(it.v,t.v).toFixed(2)}%</div></div>`).join("") : "<p style='color:var(--muted)'>Bu skin uchun yaxshiroq skin topilmadi.</p>";
  const ch = it&&upT ? upChance(it.v,upT.v) : null;
  $("uChance").textContent = ch===null ? "?" : ch.toFixed(2)+"%";
  $("uWheel").style.background = ch===null ? "#2a3142" : `conic-gradient(#22c55e 0deg ${ch*3.6}deg,#ef4444 ${ch*3.6}deg 360deg)`;
  $("upInfo").textContent = it&&upT ? `${it.name} → ${upT.name} (yutish ehtimoli ${ch.toFixed(2)}%)` : "Skinni va kuchaytiriladigan skinni tanlang.";
}
function upPick(i){ if(upBusy) return; upIdx=i; upT=null; upRender(); }
function upTarget(i){ if(upBusy) return; upT=upList[i]; upRender(); }
$("upBtn").onclick=()=>{ upIdx=null; upT=null; uSay(""); upRender(); $("upModal").classList.add("on"); };
$("upClose").onclick=()=>{ if(!upBusy) $("upModal").classList.remove("on"); };
$("upModal").onclick=e=>{ if(e.target.id==="upModal" && !upBusy) $("upModal").classList.remove("on"); };
$("uGo").onclick=()=>{
  if(upBusy) return;
  const it=S.inv[upIdx];
  if(!it) return uSay("Avval skinni tanlang.");
  if(!upT) return uSay("Qaysi skinga kuchaytirishni tanlang.");
  const to=upT, ch=upChance(it.v,to.v), win = S.god || Math.random()*100 < ch, zone=ch*3.6;
  upBusy=true; $("uGo").disabled=true; uSay("");
  const mg=Math.min(2,(win?zone:360-zone)*0.15);
  const target = win ? mg+Math.random()*(zone-2*mg) : zone+mg+Math.random()*(360-zone-2*mg);
  uAng += 360*5 + (((target-uAng)%360)+360)%360;
  const o=$("uOrbit"); o.style.transition="transform 4.5s cubic-bezier(.12,.6,.1,1)"; o.style.transform=`rotate(${uAng}deg)`;
  setTimeout(()=>{
    if(win){ S.inv[upIdx]={name:to.name, tier:to.tier, v:to.v}; uSay(`Yutdingiz! Sizga ${to.name} tushdi (${fmt(to.v)} coin).`); }
    else { S.inv.splice(upIdx,1); upIdx=null; uSay("Yutqazdingiz. Skiningiz yo'qoldi."); }
    upT=null; save(); render(); upRender();
    upBusy=false; $("uGo").disabled=false;
  },4700);
};

$("offGod").onclick = () => { S.god=false; save(); render(); say("Admin rejimi o'chirildi.", true); };
$("offBoost").onclick = () => { S.boost=false; save(); render(); say("Omad +15% bonusi o'chirildi.", true); };
/* ====== RESTART ====== */
let resetTimer=null;
function closeReset(){ clearInterval(resetTimer); $("resetModal").classList.remove("on"); }
$("resetBtn").onclick=()=>{
  if(gBusy||upBusy||busy||sBusy||mgBusy) return;
  let n=3; clearInterval(resetTimer);
  $("resetYes").disabled=true; $("resetYes").textContent=`Ha (${n})`; $("resetModal").classList.add("on");
  resetTimer=setInterval(()=>{
    n--;
    if(n>0){ $("resetYes").textContent=`Ha (${n})`; }
    else { clearInterval(resetTimer); $("resetYes").textContent="Ha"; $("resetYes").disabled=false; }
  },1000);
};
$("resetNo").onclick=closeReset;
$("resetModal").onclick=e=>{ if(e.target.id==="resetModal") closeReset(); };
$("resetYes").onclick=()=>{
  if($("resetYes").disabled || gBusy||upBusy||busy||sBusy||mgBusy) return;
  S={coins:0, inv:[], last:0, used:[], boost:false, god:false, pv:1}; save();
  hist.length=0; $("hist").innerHTML=""; closeReset(); render(); bonusTick();
  say("Hammasi qaytadan boshlandi. Promokodlarni qayta yozishingiz mumkin.", true);
};
$("casesBtn").onclick = () => $("casesModal").classList.add("on");
$("casesClose").onclick = () => $("casesModal").classList.remove("on");
$("casesModal").onclick = e => { if(e.target.id==="casesModal") $("casesModal").classList.remove("on"); };
$("shopBtn").onclick = () => $("shopModal").classList.add("on");
$("shopClose").onclick = () => $("shopModal").classList.remove("on");
$("shopModal").onclick = e => { if(e.target.id==="shopModal") $("shopModal").classList.remove("on"); };
render(); bonusTick(); setInterval(bonusTick,1000);

Skin Case Opening Simulator with JavaScript and CSS

Recommended