:root{
    --bg:#141414; --card:#1e1e1e; --card2:#262626;
    --text:#f2f2f2; --muted:#9a9a9a; --accent:#f5f0e6;
    --chip:#2b2b2b; --chip-on:#f5f0e6; --chip-on-text:#141414;
    --gold:#f2b722; --purple:#8a63f4;
    --ok:#4cc38a; --err:#e5484d;
  }
  *{box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
  body{margin:0; background:var(--bg); color:var(--text);
       font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
       padding-bottom:calc(80px + env(safe-area-inset-bottom));}
  .wrap{max-width:420px; margin:0 auto; padding:16px;}
  .logo{display:block; width:150px; margin:4px auto 10px;}
  .sub{color:var(--muted); font-size:14px; text-align:center; margin-bottom:14px;}
  .tierbar{display:flex; justify-content:space-between; align-items:center;
           background:linear-gradient(90deg,#2a2317,#1e1e1e); border:1px solid #3a2f16;
           border-radius:14px; padding:10px 14px; margin-bottom:14px; font-size:13px;}
  .tierbar b{color:var(--gold);}
  .card{background:var(--card); border-radius:16px; padding:16px; margin-bottom:14px;}
  .card h2{font-size:17px; margin:0 0 6px; display:flex; align-items:center; gap:8px;}
  .hint{color:var(--muted); font-size:13px; margin:0 0 12px;}
  .amountbox{display:flex; align-items:center; background:var(--card2);
             border-radius:12px; padding:12px 14px; margin-bottom:6px;}
  .amountbox .star{font-size:20px; margin-right:8px;}
  .amountbox input{flex:1; background:none; border:none; outline:none;
                   color:var(--text); font-size:24px; width:100%;}
  .amountbox .usd{color:var(--muted); font-size:15px; white-space:nowrap;}
  .crypto-est{color:var(--muted); font-size:13px; margin:0 2px 12px; min-height:16px;}
  .crypto-est b{color:var(--text);}
  .chips{display:flex; flex-wrap:wrap; gap:8px;}
  .chip{background:var(--chip); border:none; color:var(--text); border-radius:10px;
        padding:10px 14px; font-size:14px; cursor:pointer;}
  .chip.on{background:var(--chip-on); color:var(--chip-on-text); font-weight:600;}
  .nets{display:flex; gap:8px; margin-bottom:12px;}
  .net{flex:1; background:var(--chip); border:none; color:var(--text);
       border-radius:10px; padding:12px 6px; font-size:13px; cursor:pointer;}
  .net.on{background:var(--chip-on); color:var(--chip-on-text); font-weight:600;}
  .wallet{width:100%; background:var(--card2); border:none; border-radius:12px;
          padding:13px 14px; color:var(--text); font-size:14px; outline:none;}
  .wallet::placeholder{color:#6f6f6f;}
  .sell{width:100%; background:var(--accent); color:#141414; border:none;
        border-radius:14px; padding:15px; font-size:16px; font-weight:700;
        cursor:pointer; margin-top:4px;}
  .sell:disabled{opacity:.5;}
  .msg{margin-top:10px; font-size:14px; text-align:center; min-height:20px;}
  .msg.ok{color:var(--ok);} .msg.err{color:var(--err);}
  .refgrid{display:flex; gap:10px; margin-bottom:10px;}
  .refstat{flex:1; background:var(--card2); border-radius:12px; padding:10px;
           text-align:center;}
  .refstat .v{font-size:18px; font-weight:700;}
  .refstat .l{font-size:11px; color:var(--muted); margin-top:2px;}
  .reflink{display:flex; gap:8px;}
  .reflink input{flex:1; background:var(--card2); border:none; border-radius:10px;
                 padding:10px 12px; color:var(--muted); font-size:12px; outline:none;}
  .copy{background:var(--purple); border:none; color:#fff; border-radius:10px;
        padding:0 16px; font-size:13px; cursor:pointer;}
  .hrow{display:flex; justify-content:space-between; padding:9px 2px;
        border-bottom:1px solid #2a2a2a; font-size:13px;}
  .hrow:last-child{border-bottom:none;}
  .hrow .d{color:var(--muted);}
  .empty{color:#6f6f6f; font-size:13px; text-align:center; padding:6px 0;}
  .foot{text-align:center; color:#6f6f6f; font-size:12px; margin:10px 0 4px;}
  /* --- Oyun --- */
  /* Yuxarı sətir: 2x2 tor - coin balansı + 3 düymə bərabər ölçüdə,
     bütün eni doldurur, heç bir boşluq/sürüşmə qalmır */
  .gametop{display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-bottom:10px;}
  .gtopbtns{display:contents;}   /* düymələr birbaşa torun xanalarına düşür */
  .gametop .coinpill, .gametop .claim, .gametop .buybtn, .gametop .wdbtn{
    width:100%; display:flex; align-items:center; justify-content:center;
    gap:5px; padding:9px 8px; font-size:13px; line-height:1.2;}
  .buybtn{background:linear-gradient(135deg,#f2b722,#e08a1e); color:#2a1c00;
          border:none; border-radius:999px; padding:7px 13px; font-size:12px;
          font-weight:800; cursor:pointer; white-space:nowrap;}
  .buybtn:active{transform:scale(.96);}
  .pack{display:flex; align-items:center; justify-content:space-between;
        background:var(--card2); border:1px solid transparent; border-radius:12px;
        padding:12px 14px; margin-bottom:8px; cursor:pointer;}
  .pack:active{border-color:var(--gold);}
  .pack-s{background:var(--chip); border:1px solid rgba(242,183,34,.5);
    color:var(--text); padding:8px 12px; border-radius:10px; cursor:pointer;
    margin-left:auto;}
  .pack-s:active{background:rgba(242,183,34,.2);}
  .paycr{background:var(--gold); color:#141414; border:none; border-radius:10px;
    padding:8px 12px; font-size:13px; font-weight:800; cursor:pointer;
    margin-left:8px; flex-shrink:0;}
  .paycr:active{opacity:.7;}
  .shopmsg{margin-top:10px; font-size:13px; text-align:center; min-height:18px;
    color:var(--muted);}
  .shopmsg.err{color:var(--err);}
  .shopmsg.ok{color:var(--ok);}
  .pack-c{font-size:15px; font-weight:800; color:var(--gold);}
  .pack-s{font-size:13px; font-weight:700; color:var(--text); white-space:nowrap;}
  .coinpill{background:var(--card2); border-radius:999px; padding:7px 13px;
            font-size:14px; font-weight:700;}
  .claim{background:var(--gold); color:#141414; border:1px solid transparent;
         border-radius:999px;
         padding:8px 13px; font-size:13px; font-weight:700; cursor:pointer;
         font-variant-numeric:tabular-nums; white-space:nowrap;}
  /* Geri sayım (deaktiv) halı: bulanıq qəhvəyi əvəzinə tünd fon + qızılı rəqəm */
  .claim:disabled{opacity:1; cursor:default; background:var(--card2);
         color:var(--gold); border-color:rgba(242,183,34,.4);}
  .sky{position:relative; height:250px; border-radius:14px; overflow:hidden;
       background:linear-gradient(180deg,#0e0a2e 0%,#1a1440 45%,#2c1f5c 80%,#3b2a6e 100%);
       margin-bottom:10px;}
  .sky .dot{position:absolute; width:2px; height:2px; background:#fff;
            border-radius:50%; animation:twinkle 2.4s ease-in-out infinite;}
  @keyframes twinkle{0%,100%{opacity:.15} 50%{opacity:.8}}
  .cloud{position:absolute; font-size:26px; opacity:.35; animation:drift linear infinite;}
  @keyframes drift{from{transform:translateX(-60px)} to{transform:translateX(440px)}}
  .heli{position:absolute; top:8px; left:50%; transform:translateX(-50%);
        font-size:34px; animation:hover 1.6s ease-in-out infinite;
        transition:transform 1.5s ease-in, opacity 1.5s;}
  .heli.gone{transform:translateX(calc(-50% + 200px)) translateY(-16px); opacity:0;}
  .youchip{position:absolute; top:12px; right:10px; display:none;
           background:rgba(76,195,138,.16); border:1px solid var(--ok);
           color:var(--ok); border-radius:10px; padding:5px 10px;
           font-size:13px; font-weight:700; z-index:3;}
  .youchip.chip2{top:48px;}
  @keyframes hover{0%,100%{margin-top:0} 50%{margin-top:5px}}
  .mult{position:absolute; top:52px; left:0; right:0; text-align:center;
        font-size:44px; font-weight:800; color:#fff;
        text-shadow:0 0 18px rgba(138,99,244,.65), 0 2px 12px rgba(0,0,0,.4);}
  .mult.win{color:var(--ok); text-shadow:0 0 18px rgba(76,195,138,.6);}
  .mult.crash{color:var(--err); text-shadow:0 0 18px rgba(229,72,77,.6);}
  .flyer{position:absolute; left:50%; top:40px; transform:translateX(-50%);
         font-size:38px; line-height:1; text-align:center; transition:none;
         filter:drop-shadow(0 4px 8px rgba(0,0,0,.45));}
  .flyer .chute{font-size:32px; display:block; margin-bottom:-9px;
                animation:sway 1.8s ease-in-out infinite;}
  @keyframes sway{0%,100%{transform:rotate(-7deg)} 50%{transform:rotate(7deg)}}
  .flyer.falling{transition:top .8s cubic-bezier(.5,0,1,.5), transform .8s;}
  .flyer.landed{transition:top .5s ease-out;}
  .flyer.sunk{transition:top .6s ease-out, opacity .6s ease-out; opacity:.5;}
  /* Su zolağı */
  .water{position:absolute; left:0; right:0; bottom:0; height:26px; z-index:2;
         background:linear-gradient(180deg, rgba(64,120,220,.22),
                    rgba(30,60,140,.5) 40%, rgba(14,28,84,.85));
         border-top:1px solid rgba(140,190,255,.35);
         transform:translateY(30px);
         transition:transform .5s cubic-bezier(.2,.8,.3,1);}
  .sky.wet .water{transform:translateY(0);}
  .water::after{content:""; position:absolute; inset:0; opacity:.5;
         background:repeating-linear-gradient(90deg, transparent 0 16px,
                    rgba(255,255,255,.07) 16px 22px);
         animation:waterflow 3.5s linear infinite;}
  @keyframes waterflow{from{background-position:0 0} to{background-position:44px 0}}
  /* Su sıçraması */
  .splash{position:absolute; width:4px; height:4px; border-radius:50%;
          background:#bfe0ff; z-index:4; pointer-events:none;
          animation:splashfly .6s ease-out forwards;}
  @keyframes splashfly{
    0%{transform:translate(0,0) scale(1); opacity:1}
    55%{transform:translate(var(--dx), var(--dy)) scale(.9); opacity:.95}
    100%{transform:translate(calc(var(--dx)*1.3), 8px) scale(.55); opacity:0}}
  .ripple{position:absolute; width:44px; height:11px; margin-left:-22px;
          border:1.5px solid rgba(190,225,255,.75); border-radius:50%;
          z-index:3; pointer-events:none;
          animation:ripplegrow .85s ease-out forwards;}
  @keyframes ripplegrow{from{transform:scale(.2); opacity:.9}
                        to{transform:scale(1.7); opacity:0}}
  .gstatus.gerr{color:#ff5b5b; font-weight:700;}
.gstatus{position:absolute; bottom:8px; left:0; right:0; text-align:center;
           color:#cfc7ff; font-size:13px; text-shadow:0 1px 4px rgba(0,0,0,.5);}
  .cbar{position:absolute; bottom:0; left:0; height:5px; width:100%;
        background:linear-gradient(90deg,#8a63f4,#f2b722);
        border-radius:0 3px 3px 0;}
  .mult.count{color:var(--gold); text-shadow:0 0 18px rgba(242,183,34,.55);}
  .betrow{display:flex; gap:8px; margin-bottom:8px;}
  .betrow input{flex:1; background:var(--card2); border:none; border-radius:12px;
                padding:12px 14px; color:var(--text); font-size:16px; outline:none;}
  /* --- Qoşa mərc panelləri (Aviator stili) --- */
  .panels-head{display:flex; justify-content:flex-end; margin-bottom:8px;}
  .paneltoggle{background:var(--card2); border:1px solid var(--purple);
    color:var(--purple); border-radius:10px; padding:7px 12px; font-size:12px;
    font-weight:700; cursor:pointer;}
  .paneltoggle.on{background:rgba(138,99,244,.15);}
  .panels{display:flex; gap:8px;}
  .panels.single .bpanel{flex:1;}
  .bpanel{flex:1; min-width:0; background:var(--card2); border-radius:14px;
    padding:10px; display:flex; flex-direction:column; gap:8px;}
  .bp-tabs{display:flex; background:var(--card); border-radius:9px; padding:3px;}
  .bp-tab{flex:1; background:none; border:none; color:var(--muted); font-size:12px;
    font-weight:700; padding:7px 4px; border-radius:7px; cursor:pointer;}
  .bp-tab.on{background:#3a3a3a; color:var(--text);}
  .bp-amt{display:flex; align-items:center; gap:6px;}
  .bp-amt .step{width:32px; height:32px; flex-shrink:0; border:none; border-radius:8px;
    background:var(--card); color:var(--text); font-size:19px; font-weight:800;
    cursor:pointer; line-height:1;}
  .bp-amt input{flex:1; min-width:0; background:var(--card); border:none;
    border-radius:8px; padding:9px 6px; color:var(--text); font-size:16px;
    font-weight:700; text-align:center; outline:none;}
  .bp-quick{display:grid; grid-template-columns:1fr 1fr; gap:5px;}
  .bp-quick button{background:var(--card); border:none; color:var(--muted);
    border-radius:7px; padding:6px 4px; font-size:12px; cursor:pointer;}
  .bp-quick button:active{background:#333;}
  .bp-main{border:none; border-radius:11px; padding:11px 6px; font-size:14px;
    font-weight:800; cursor:pointer; line-height:1.15; min-height:52px;}
  .bp-main.bet{background:var(--purple); color:#fff;}
  .bp-main.cancel{background:var(--card); color:var(--err); border:1px solid var(--err);}
  .bp-main.cash{background:var(--ok); color:#0b2018;}
  .bp-main:disabled{opacity:.5; cursor:default;}
  .bp-main .sub{display:block; font-size:12px; font-weight:800;
    margin-top:3px; font-variant-numeric:tabular-nums;}
  /* Yaşıl «Götür» düyməsində alt-yazı: qızılı-narıncı lövhəcik, tünd yaşıl
     yazı - yaşıl fonda əla kontrast. width:max-content + margin:auto ilə
     lövhəcik mətn qədər daralır və düymənin tam ortasına düşür. */
  .bp-main.cash .sub{width:max-content; max-width:100%; margin:4px auto 0;
    background:linear-gradient(180deg,#ffcf4d,#f2a91d); color:#0e3a22;
    border-radius:999px; padding:2px 10px; font-size:12.5px; line-height:1.45;
    box-shadow:0 1px 3px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.35);}
  .bp-auto{display:flex; flex-direction:column; gap:7px;
    border-top:1px solid #333; padding-top:8px;}
  .bp-autorow{display:flex; align-items:center; justify-content:space-between;
    gap:6px; font-size:12px; color:var(--muted);}
  .bp-autorow input.athr{width:56px; background:var(--card); border:none;
    border-radius:7px; padding:6px; color:var(--text); font-size:13px;
    text-align:center; font-weight:700; outline:none;}
  .switch{position:relative; width:38px; height:21px; flex-shrink:0;}
  .switch input{opacity:0; width:0; height:0;}
  .switch .sl{position:absolute; inset:0; background:#3a3a3a; border-radius:999px;
    transition:.2s; cursor:pointer;}
  .switch .sl:before{content:""; position:absolute; width:15px; height:15px;
    left:3px; top:3px; background:#fff; border-radius:50%; transition:.2s;}
  .switch input:checked + .sl{background:var(--ok);}
  .switch input:checked + .sl:before{transform:translateX(17px);}
  .gbtn{border:none; border-radius:12px; padding:12px 18px; font-size:15px;
        font-weight:700; cursor:pointer;}
  .gstart{background:var(--purple); color:#fff; width:100%;}
  .gstart.cancel{background:var(--card2); color:var(--err);
                 border:1px solid var(--err);}
  .gcash{background:var(--ok); color:#0b2018; width:100%; display:none;
         line-height:1.15;}
  .cashmain{display:block;}
  .cashsub{display:block; font-size:13px; font-weight:800; opacity:.6;
           margin-top:3px; font-variant-numeric:tabular-nums;
           transition:transform .12s ease, opacity .12s ease;}
  .cashsub.pop{transform:scale(1.12); opacity:.85;}
  .lastrow{display:flex; gap:6px; flex-wrap:wrap; margin-top:8px; min-height:24px;}
  .lastm{font-size:12px; border-radius:8px; padding:4px 8px; background:var(--card2);
         cursor:pointer; user-select:none;}
  .lastm.w{color:#e8eaf0;}                    /* balaca: ağ */
  .lastm.m{color:#a78bfa;}                    /* orta: bənövşəyi */
  .lastm.h{color:#f472b6; font-weight:700;}   /* böyük (10x+): çəhrayı */
  .lastm.g{color:var(--ok);} .lastm.r{color:var(--err);}  /* köhnə siniflər - ehtiyat */
  /* Provably fair modalı */
  .pfov{position:fixed; inset:0; background:rgba(0,0,0,.65); z-index:50;
        display:none; align-items:center; justify-content:center; padding:18px;}
  .pfov.on{display:flex;}
  .pfmodal{background:var(--card); border-radius:16px; padding:18px;
           max-width:420px; width:100%; max-height:82vh; overflow-y:auto;}
  .pfmodal h3{margin:0 0 4px; font-size:15px;}
  .pfmult{display:inline-block; background:var(--card2); border-radius:8px;
          padding:3px 10px; font-weight:800; margin-bottom:10px;}
  .pflabel{color:var(--muted); font-size:11px; margin:10px 0 4px;}
  .pfhash{background:#101010; border-radius:10px; padding:10px 12px; font-size:11px;
          font-family:monospace; word-break:break-all; line-height:1.5;}
  .pfok{color:var(--ok); font-weight:700;} .pfbad{color:var(--err); font-weight:700;}
  .pfrow{display:flex; gap:10px; margin-top:14px;}
  .pfbtn{flex:1; border:none; border-radius:12px; padding:11px; font-size:13px;
         font-weight:700; cursor:pointer;}
  .pfcopy{background:var(--purple); color:#fff;}
  .pfclose{background:var(--card2); color:var(--text);}
  .gnote{color:#6f6f6f; font-size:11px; text-align:center; margin-top:8px;}
  /* Oyun başlığı + Provably Fair nişanı */
  .gtitle-row{display:flex; justify-content:space-between; align-items:center;
              margin-bottom:10px; gap:8px;}
  .gtitle{margin:0; font-size:22px; letter-spacing:.5px; display:flex;
          align-items:center; gap:7px;}
  .gtitle-txt{font-weight:900; font-style:italic;
      background:linear-gradient(100deg,#c9b6ff 0%,#8e6bff 45%,#ffd479 100%);
      -webkit-background-clip:text; background-clip:text;
      -webkit-text-fill-color:transparent; color:transparent;
      text-shadow:0 2px 14px rgba(142,107,255,.35);
      filter:drop-shadow(0 1px 0 rgba(0,0,0,.4));}
  .pfbadge{flex-shrink:0; font-size:11px; font-weight:700; color:#8ee6b8;
           background:rgba(61,220,151,.12); border:1px solid rgba(61,220,151,.35);
           border-radius:999px; padding:5px 10px; white-space:nowrap;
           cursor:pointer; user-select:none;}
  .pfbadge:active{transform:scale(.96);}
  /* Provably Fair məlumat modalı */
  .pfshield{text-align:center; font-size:46px; line-height:1; margin:2px 0 6px;
            filter:drop-shadow(0 0 14px rgba(61,220,151,.5));}
  .pfi-title{text-align:center; font-size:15px; font-weight:800; color:#8ee6b8;
             margin-bottom:12px; letter-spacing:.3px;}
  .pfi-hl{background:rgba(61,220,151,.08); border:1px solid rgba(61,220,151,.25);
          border-radius:12px; padding:11px 13px; font-size:12px; line-height:1.55;
          margin-bottom:12px;}
  .pfi-h{font-size:12px; font-weight:800; color:var(--gold); margin:12px 0 4px;}
  .pfi-p{font-size:12px; color:var(--text); line-height:1.6; margin:0;}
  .pfi-p code{background:var(--card2); padding:1px 5px; border-radius:5px;
              font-size:11px;}
  /* --- 💸 Coin çıxarışı --- */
  .wdbtn{background:linear-gradient(135deg,#4cc38a,#2e9e6b); color:#04140d;
         border:none; border-radius:999px; padding:7px 13px; font-size:12px;
         font-weight:800; cursor:pointer; white-space:nowrap;}
  .wdbtn:active{transform:scale(.96);}
  .wdlabel{color:var(--muted); font-size:12px; margin:14px 0 5px; font-weight:600;}
  .wdlabel:first-child{margin-top:2px;}
  .wdinput{width:100%; background:var(--card2); border:none; border-radius:12px;
           padding:13px 14px; color:var(--text); font-size:16px; outline:none;}
  .wdinput::placeholder{color:#6f6f6f;}
  .wdest{color:var(--muted); font-size:13px; margin:8px 2px 2px; min-height:16px;}
  .wdest b{color:var(--ok);}
  .wdgo{width:100%; background:var(--ok); color:#04140d; border:none;
        border-radius:14px; padding:14px; font-size:16px; font-weight:700;
        font-family:"Segoe UI", Roboto, "Noto Sans", Arial, sans-serif;
        letter-spacing:.2px; cursor:pointer; margin-top:14px;}
  .wdgo:disabled{opacity:.5;}
  .wdmsg{margin-top:10px; font-size:13px; text-align:center; min-height:18px;}
  .wdmsg.ok{color:var(--ok);} .wdmsg.err{color:var(--err);}
  /* Çıxarış tarixçəsi sətri */
  .wrow{display:flex; justify-content:space-between; align-items:flex-start;
        padding:11px 2px; border-bottom:1px solid #2a2a2a; font-size:13px; gap:10px;}
  .wrow:last-child{border-bottom:none;}
  .wrow .wl{display:flex; flex-direction:column; gap:3px; min-width:0;}
  .wrow .wl .wmain{font-weight:600;}
  .wrow .wl .wsub{color:var(--muted); font-size:11px; word-break:break-all;}
  .wrow .wtx{color:var(--purple); font-size:11px; word-break:break-all;}
  .wstatus{flex-shrink:0; font-size:11px; font-weight:700; border-radius:999px;
           padding:4px 10px; white-space:nowrap; align-self:flex-start;}
  .wstatus.pending{color:var(--gold); background:rgba(242,183,34,.13);
                   border:1px solid rgba(242,183,34,.4);}
  .wstatus.completed{color:var(--ok); background:rgba(76,195,138,.13);
                     border:1px solid rgba(76,195,138,.4);}
  .wstatus.rejected{color:var(--err); background:rgba(229,72,77,.13);
                    border:1px solid rgba(229,72,77,.4);}
  /* --- Seqment tabları (mağaza / tarixçə) --- */
  .seg{display:flex; background:var(--card2); border-radius:13px; padding:4px;
       gap:4px; margin-bottom:14px;}
  .segbtn{flex:1; background:none; border:none; color:var(--muted);
          border-radius:10px; padding:11px 6px; font-size:13px; font-weight:700;
          font-family:"Segoe UI", Roboto, "Noto Sans", Arial, sans-serif;
          letter-spacing:.2px;
          cursor:pointer; transition:background .18s, color .18s;}
  .segbtn.on{background:linear-gradient(135deg,#f2b722,#e08a1e); color:#2a1c00;}
  .segbtn.crypto.on{background:linear-gradient(135deg,#8a63f4,#6a43d8); color:#fff;}
  .paystar{background:var(--chip); border:1px solid rgba(242,183,34,.55);
           color:var(--text); padding:8px 14px; border-radius:10px; cursor:pointer;
           font-size:13px; font-weight:800; white-space:nowrap;}
  .paystar:active{background:rgba(242,183,34,.2);}
  .packnote{color:var(--muted); font-size:11px; text-align:center; margin-top:8px;}
  /* --- Aşağı menyu --- */
  .bottomnav{position:fixed; left:0; right:0; bottom:0; z-index:40;
             display:flex; justify-content:space-around;
             background:rgba(20,20,20,.94); backdrop-filter:blur(14px);
             -webkit-backdrop-filter:blur(14px);
             border-top:1px solid #2a2a2a;
             padding:7px 6px calc(7px + env(safe-area-inset-bottom));}
  .bottomnav .nav{flex:1; max-width:110px; background:none; border:none;
                  color:var(--muted); font-size:11px; font-weight:700;
                  display:flex; flex-direction:column; align-items:center;
                  gap:3px; cursor:pointer; padding:5px 0 3px; border-radius:12px;}
  .bottomnav .nav span{font-size:20px; line-height:1;
                       filter:grayscale(.6); transition:filter .15s;}
  .bottomnav .nav.on{color:var(--gold);}
  .bottomnav .nav.on span{filter:none;}
  /* --- 💰 Tətbiqdaxili kripto ödənişi --- */
  .qrbox{display:flex; justify-content:center; margin:8px 0 4px;}
  .qrbox > div{background:#fff; padding:10px; border-radius:14px; line-height:0;}
  .cpv{display:flex; align-items:center; justify-content:space-between; gap:8px;
       background:var(--card2); border-radius:12px; padding:11px 12px;
       font-size:14px;}
  .cpv b{color:var(--ok); font-size:16px;}
  .cpv.addr span{word-break:break-all; font-size:12px; font-family:monospace;
                 color:var(--text);}
  .copy2{background:var(--purple); border:none; color:#fff; border-radius:8px;
         padding:7px 13px; font-size:12px; font-weight:700; cursor:pointer;
         flex-shrink:0;}
  .copy2:active{opacity:.75;}
  .cpwarn{margin-top:12px; font-size:12px; line-height:1.55; color:var(--gold);
          background:rgba(242,183,34,.09); border:1px solid rgba(242,183,34,.3);
          border-radius:12px; padding:10px 12px;}
  .cppaid{color:var(--ok); text-align:center; font-size:15px; font-weight:700;
          padding:22px 0; line-height:1.6;}
  /* --- 👤 İstifadəçi profili --- */
  .userbar{display:flex; align-items:center; gap:11px; background:var(--card);
           border-radius:14px; padding:10px 14px; margin-bottom:14px;}
  .uavatar{width:42px; height:42px; border-radius:50%; object-fit:cover;
           border:2px solid var(--gold); display:none;}
  .uavatar-fb{width:42px; height:42px; border-radius:50%; background:var(--card2);
              display:flex; align-items:center; justify-content:center;
              font-size:17px; font-weight:800; color:var(--gold);
              border:2px solid var(--gold); flex-shrink:0;}
  .uname{font-weight:800; font-size:15px;}
  .usub{color:var(--muted); font-size:12px; margin-top:1px;}
  .ubal{margin-left:auto; text-align:right; flex-shrink:0;}
  .ubal .uname{color:var(--gold);}
  .ubal .usub{color:var(--ok);}

/* --- Coin pill USD dəyəri --- */
.pillusd{font-size:11px; color:var(--muted); margin-left:6px; font-weight:600;}
/* --- Çıxarış: loqolu şəbəkə kartları --- */
.wdnets{display:grid; grid-template-columns:repeat(3,1fr); gap:8px;}
.wdnets .wnet{display:flex; flex-direction:column; align-items:center; gap:7px;
  padding:13px 4px 10px; border-radius:14px; background:var(--card2);
  border:2px solid transparent; cursor:pointer;}
.wdnets .wnet svg{width:30px; height:30px; display:block;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));}
.wdnets .wnet span{font-size:10.5px; font-weight:700; color:var(--muted);
  letter-spacing:.2px; line-height:1.15; text-align:center;}
.wdnets .wnet.on{border-color:var(--acc); background:rgba(124,92,255,.13);}
.wdnets .wnet.on span{color:#fff;}

/* ə hərfinin bütün modallarda düzgün göstərilməsi */
.pfmodal, .pfmodal button, .pfmodal input{
  font-family:"Segoe UI", Roboto, "Noto Sans", Arial, sans-serif;}

/* ============ 🔊 SƏS SƏVİYYƏSİ PANELİ (bütün oyunlar) ============ */
/* Şaquli LED sürüşdürücü + altında susdurma düyməsi. Səs düyməsinə
   toxunanda açılır, 4 saniyə toxunulmasa özü bağlanır. Səviyyə həm
   crash (SND.master), həm də slot9/Fruit7 (S9A.master) kanalına gedir. */
#volPop{position:fixed; z-index:9700; display:none;
  flex-direction:column; align-items:center; gap:9px;
  padding:11px 9px 9px; border-radius:15px;
  background:linear-gradient(180deg,#232730 0%,#13161c 55%,#090a0d 100%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 14px 34px rgba(0,0,0,.75),
             inset 0 1px 0 rgba(255,255,255,.16),
             inset 0 -1px 0 rgba(0,0,0,.6);
  -webkit-user-select:none; user-select:none; touch-action:none;}
#volPop.on{display:flex; animation:volIn .16s cubic-bezier(.2,1.3,.4,1);}
@keyframes volIn{from{opacity:0; transform:translateY(-6px) scale(.94);}
                 to{opacity:1; transform:none;}}

/* — şaquli yol — */
.volTrack{position:relative; width:30px; height:130px; border-radius:9px;
  cursor:pointer; overflow:hidden; touch-action:none;
  background:linear-gradient(180deg,#07080b,#151822 70%,#0a0c11);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:inset 0 3px 8px rgba(0,0,0,.9),
             inset 0 -2px 5px rgba(255,255,255,.05);}
.volFill{position:absolute; left:2px; right:2px; bottom:2px; border-radius:7px;
  background:linear-gradient(180deg,#a6f7c0 0%,#4ade80 30%,#16a34a 100%);
  box-shadow:0 0 14px rgba(74,222,128,.55),
             inset 0 1px 0 rgba(255,255,255,.55);
  transition:height .07s linear;}
/* LED bölmələri: doluluğun üstündən keçən nazik qaranlıq zolaqlar */
.volSeg{position:absolute; inset:0; pointer-events:none; border-radius:9px;
  background:repeating-linear-gradient(180deg,
    rgba(0,0,0,.62) 0 2px, rgba(0,0,0,0) 2px 7px);}
.volSeg::after{content:""; position:absolute; inset:0; border-radius:9px;
  background:linear-gradient(90deg, rgba(255,255,255,.16) 0 22%,
    rgba(255,255,255,0) 55%);}
/* metal dəstək */
.volKnob{position:absolute; left:-3px; right:-3px; height:15px;
  border-radius:4px; pointer-events:none; transition:bottom .07s linear;
  background:linear-gradient(180deg,#fdfefe 0%,#dfe3e9 34%,#8d939c 50%,
    #6b7079 56%,#cfd4da 78%,#f4f6f8 100%);
  box-shadow:0 2px 6px rgba(0,0,0,.8), 0 0 0 1px rgba(0,0,0,.55),
             inset 0 1px 0 rgba(255,255,255,.9);}
.volKnob::after{content:""; position:absolute; left:5px; right:5px; top:50%;
  height:1px; transform:translateY(-.5px);
  background:rgba(0,0,0,.35); box-shadow:0 -3px 0 rgba(0,0,0,.22),
    0 3px 0 rgba(0,0,0,.22);}
#volPop.muted .volFill{background:linear-gradient(180deg,#6d7480,#3a3f48);
  box-shadow:none;}

/* — susdurma düyməsi — */
.volMute{width:36px; height:36px; padding:7px; border-radius:10px;
  cursor:pointer; color:#4ade80; display:flex; align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.10),
    rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);}
.volMute svg{width:100%; height:100%; display:block;}
.volMute svg .x{display:none;}
.volMute.off{color:#8b919c;}
.volMute.off svg .w{display:none;}
.volMute.off svg .x{display:block;}
.volMute:active{transform:scale(.93);}
/* 🎵 fon musiqisi açarı - yalnız onu dəstəkləyən oyunda görünür */
.volMus{display:none; width:36px; height:36px; padding:0; border-radius:10px;
  cursor:pointer; font-size:16px; line-height:1;
  align-items:center; justify-content:center;
  border:1px solid rgba(255,255,255,.16); color:#e8eaed;
  background:linear-gradient(180deg,rgba(242,183,34,.16),
    rgba(242,183,34,.04));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);}
.volMus.off{filter:grayscale(1) brightness(.6); opacity:.6;
  background:linear-gradient(180deg,rgba(255,255,255,.06),
    rgba(255,255,255,.02));}
.volMus:active{transform:scale(.93);}

/* ============ 🎩 v47.1: Ulduz Uçuşu yuxarı panel - yalnız YAZI cilası ============
   Düymələrin ölçüsü/rəngi/girdə forması ORİJİNAL qalır (istifadəçi istəyi) -
   yalnız şrift peşəkarlaşdı və emoji etiketlər silindi (markup-da). */
.gametop .claim, .gametop .buybtn, .gametop .wdbtn{
  font-family:"Segoe UI", "Noto Sans", Roboto, Arial, sans-serif;
  font-weight:800; letter-spacing:.7px; font-size:12.5px;}
.gametop .claim{font-variant-numeric:tabular-nums;}
.gametop .coinpill{font-weight:800; letter-spacing:.3px;}
/* 💰 emojisinin yerinə balaca qızıl ₼ nişanı */
.coinpill .cp-cur{display:inline-flex; align-items:center; justify-content:center;
  width:19px; height:19px; border-radius:50%; margin-right:3px; flex-shrink:0;
  background:linear-gradient(180deg,#ffd964,#c9821a); color:#2a1a00;
  font-size:12px; font-weight:900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 1px 3px rgba(0,0,0,.4);}
.gametop .pillusd{font-size:10.5px; font-weight:700; opacity:.8;}
/* Çarx modalı: Bağla düyməsi qırmızı şüşə (depozit/çıxarış pəncərələri ilə eyni) */
#giftOverlay .pfclose{background:rgba(229,45,60,.08);
  border:1.5px solid rgba(229,45,60,.4); color:#ffb3b8; font-weight:800;
  border-radius:14px;}
/* Alt nav: aktiv bölmə qızılı işıqla */
.bottomnav .nav.on{color:#ffd75e;}
.bottomnav .nav.on span{filter:none; text-shadow:0 0 10px rgba(242,183,34,.4);}

/* ============ 🔊 v49: qoşa səs paneli - SƏS (yaşıl) + MUSİQİ (göy) ============ */
.volRow{display:flex; gap:8px; align-items:flex-end;}
.volCol{display:flex; flex-direction:column; align-items:center; gap:4px;}
.volTrack{width:18px;}   /* əvvəlki 30px-dən 40% dar */
.volLbl{font-size:8.5px; font-weight:800; letter-spacing:.5px; color:#9aa0ab;
  -webkit-user-select:none; user-select:none;}
.volFill.mus{background:linear-gradient(180deg,#b5dcff 0%,#3b82f6 30%,#1d4ed8 100%);
  box-shadow:0 0 14px rgba(59,130,246,.55), inset 0 1px 0 rgba(255,255,255,.5);}
#volPop.muted .volFill.mus{background:linear-gradient(180deg,#6d7480,#3a3f48);
  box-shadow:none;}


/* 🚪 v75.26: menyu↔oyun keçid pərdəsi */
#gxFade{position:fixed; inset:0; background:#000; opacity:0;
  pointer-events:none; z-index:9700; transition:opacity .58s ease}
#gxFade.on{opacity:1; pointer-events:auto}

/* 🛑 v75.30: başqa oyun ekranı (slot/kart/menyu) açıqkən crash səhifəsi
   ÇƏKİLMİR (bulud/ulduz/heli animasiyaları CPU yemirdi-yeyirdi) və body
   skrollu kilidlənir - iOS/Android-da səhifəni dartanda fixed ekran
   sürüşüb altdakı "Ulduz Uçuşu"nu göstərirdi, hətta mərc basılırdı */
.gamebg, .gamebg body{overflow:hidden!important; height:100%;
  overscroll-behavior:none}
.gamebg #pageGame{display:none}

/* 🎁 v75.50: Depozit bonusu kampaniyası - böyük bildiriş + seçim */
.depbov{z-index:9600; background:rgba(0,0,0,.78);}
.depbmodal{text-align:center; max-width:380px; padding:22px 18px 18px;
  border:2px solid rgba(242,183,34,.55);
  box-shadow:0 0 0 4px rgba(242,183,34,.12), 0 18px 50px rgba(0,0,0,.6);
  background:linear-gradient(180deg,#1d1a12 0%, var(--card) 60%);}
.depb-ico{font-size:52px; line-height:1; filter:drop-shadow(0 4px 12px rgba(242,183,34,.45));}
.depb-t{margin-top:10px; font-size:21px; font-weight:900; line-height:1.25; color:#fff;}
.depb-pct{margin:8px auto 4px; font-size:44px; font-weight:900; line-height:1;
  color:#ffd35c; text-shadow:0 0 18px rgba(242,183,34,.55);}
.depb-x{margin-top:10px; font-size:15px; font-weight:700; line-height:1.45; color:#f3e9c9;
  background:rgba(229,45,60,.10); border:1px solid rgba(229,45,60,.35);
  border-radius:12px; padding:10px 12px;}
.depb-min{margin-top:8px; font-size:13.5px; font-weight:700; color:#9aa0ab;}
.depb-row{margin-top:16px;}
.depb-row .pfbtn{padding:14px 8px; font-size:15px; font-weight:900;}
.depb-ok{background:linear-gradient(180deg,#3ddc97,#1fa970); color:#062015;}
.depb-no{background:rgba(255,255,255,.08); color:#e8eaed; border:1px solid rgba(255,255,255,.18) !important;}
.depbline{margin:6px 0 2px; padding:8px 12px; border-radius:12px; font-size:13px;
  font-weight:700; text-align:center; line-height:1.4;
  background:rgba(242,183,34,.08); border:1px solid rgba(242,183,34,.3); color:#f3e9c9;}
.depbline b{color:#ffd35c;}
.depbline .depbchg{display:inline-block; margin-left:6px; color:#a78bfa;
  text-decoration:underline; cursor:pointer; font-weight:800;}