/* Премиальные карточки уведомлений */
.notif-card{display:flex;gap:12px;align-items:flex-start;padding:13px;border-radius:14px;background:var(--card);border:1.5px solid var(--bd);margin-bottom:8px;transition:transform .15s,box-shadow .15s;animation:notifIn .35s cubic-bezier(.34,1.56,.64,1)}
.notif-card:hover{box-shadow:var(--sh)}
.notif-card.unread{background:linear-gradient(135deg,var(--gd),var(--card));border-color:rgba(34,197,94,.4)}
.notif-ic{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
@keyframes notifIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/* ПЕРСОНАЛЬНЫЙ ЭКРАН ПОБЕДЫ */
.win-hero{position:relative;overflow:hidden;border-radius:24px;padding:36px 24px;background:linear-gradient(160deg,#0B1120 0%,#14532D 55%,#166534 100%);box-shadow:0 20px 60px rgba(22,101,52,.35)}
.win-glow{position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:340px;height:340px;background:radial-gradient(circle,rgba(251,191,36,.45),transparent 65%);pointer-events:none;animation:winPulse 3s ease-in-out infinite}
.win-rays{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:420px;height:420px;background:repeating-conic-gradient(from 0deg,rgba(251,191,36,.10) 0deg 10deg,transparent 10deg 20deg);border-radius:50%;pointer-events:none;animation:winSpin 18s linear infinite}
@keyframes winSpin{to{transform:translateX(-50%) rotate(360deg)}}
@keyframes winPulse{0%,100%{opacity:.7;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.08)}}
.win-trophy{display:inline-flex;color:#FBBF24;filter:drop-shadow(0 6px 16px rgba(251,191,36,.5));animation:winBounce 1.2s cubic-bezier(.34,1.56,.64,1)}
@keyframes winBounce{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.2) rotate(8deg)}100%{transform:scale(1) rotate(0);opacity:1}}
.win-badge{display:inline-block;background:linear-gradient(135deg,#FBBF24,#D97706);color:#3B1D00;font-family:'Unbounded',sans-serif;font-weight:900;font-size:13px;letter-spacing:.15em;padding:5px 18px;border-radius:99px;margin-top:8px;box-shadow:0 4px 16px rgba(251,191,36,.5)}
.dep-pkg-card{position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .2s,box-shadow .2s,background .2s}
.dep-pkg-card.on{transform:translateY(-3px) scale(1.04)}
.dep-pkg-card.on .dep-pkg-art{animation:depCoinPop .4s cubic-bezier(.34,1.56,.64,1)}
@keyframes depCoinPop{0%{transform:scale(.8) rotate(-8deg)}60%{transform:scale(1.12) rotate(4deg)}100%{transform:scale(1) rotate(0)}}
.dep-tab{flex:1;padding:9px;border-radius:9px;font-size:13px;font-weight:700;color:var(--t3);background:none;cursor:pointer;transition:background .15s,color .15s}
.dep-tab.on{background:var(--card);color:var(--t);box-shadow:var(--sh)}
.crypto-addr-box{background:var(--bg2);border-radius:12px;padding:16px;margin-top:14px;text-align:center}
.crypto-qr{width:120px;height:120px;background:var(--bd);border-radius:10px;margin:12px auto;display:flex;align-items:center;justify-content:center;font-size:48px}
.crypto-addr{font-size:11px;font-family:monospace;word-break:break-all;color:var(--t2);background:var(--card);border-radius:8px;padding:10px;margin-top:10px;cursor:pointer;transition:background .15s}
.crypto-addr:hover{background:var(--gd)}
/* Buy bids from crypto */
.bids-calc{background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(34,197,94,.04));border-radius:14px;padding:18px;margin-top:16px;border:1.5px solid rgba(34,197,94,.4)}
.bids-calc-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:13px}
.bids-calc-row:last-child{margin:0;padding-top:10px;border-top:1px solid #86EFAC;font-weight:800}

/* ══════════════════════════════════════
   UNIFIED DESIGN SYSTEM
══════════════════════════════════════ */
:root{--sidebar:288px;--topbar:62px;--sb-green:#0F2318;--sb-border:rgba(34,197,94,.12);
  /* ── Мобильная шкала размеров (Этап 1) — единые токены для всех страниц ──
     Используются внутри @media(max-width:640px). Меняешь здесь — меняется везде. */
  --m-h1:18px;      /* заголовок экрана */
  --m-h2:15px;      /* подзаголовок секции */
  --m-text:13px;    /* основной текст */
  --m-sub:11px;     /* подписи/мелкое */
  --m-tiny:10px;    /* совсем мелкое */
  --m-btn-h:48px;   /* высота основной кнопки */
  --m-btn-h2:40px;  /* высота второстепенной кнопки */
  --m-field-h:46px; /* высота поля ввода */
  --m-gap:14px;     /* отступ между блоками */
  --m-pad:16px;     /* боковые поля экрана */
  --m-radius:13px;  /* скругление карточек */
  --m-chip-h:30px;  /* высота чипа валюты */
  --m-tap:44px;     /* минимальная зона нажатия (палец) */
}

html{scroll-behavior:smooth;overflow-x:hidden;scroll-padding-top:60px;}
body{
  min-height:100vh;
  margin:0;padding:0;
  background:var(--bg);
  font-family:'Nunito',sans-serif;
  color:var(--t);
}
/* Цифры фиксированной ширины: смена значений таймеров/цен/счётчиков не меняет ширину. */
.ltimer,.cd-time,.ctv,#hero-price,.hk-num,.hkn,.sb-wallet-val,.tb-bal,.tb-cur-val,.cd-wrap,[id^="ctv-"],[id^="cp-"],[id^="cb-"]{
  font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;
}


/* ─── LEFT SIDEBAR ─── */
#sidebar{
  width:var(--sidebar);flex-shrink:0;
  height:100vh;position:fixed;top:0;left:0;
  background:linear-gradient(180deg,#11281b,#0e2016);
  border-right:1px solid rgba(34,197,94,.1);
  display:flex;flex-direction:column;z-index:900;
  overflow-y:auto;overflow-x:hidden;
}
#sidebar::-webkit-scrollbar{width:0}

/* Logo */
.sb-logo{
  padding:14px 18px;
  display:flex;align-items:center;justify-content:flex-start;cursor:pointer;
  background:linear-gradient(100deg,#0c2417,#0f3322 60%,#0c2417);
  border-bottom:1px solid rgba(251,191,36,.18);
  flex-shrink:0;
  min-height:var(--topbar);
}
.sb-logo svg{max-width:100%;height:auto;max-height:56px;display:block}
.sb-logo-ico{
  width:34px;height:34px;border-radius:10px;
  background:linear-gradient(145deg,#FDE68A,#FBBF24,#D97706);border:1px solid #FFE9A8;
  display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.6),0 3px 10px rgba(251,191,36,.4);
}
.sb-logo-name{font-family:'Unbounded',sans-serif;font-size:13px;font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1.15;}
.sb-logo-sub{font-size:9px;color:rgba(255,255,255,.45);font-weight:600;letter-spacing:.05em;text-transform:uppercase;}

/* Online strip */
.sb-online{
  display:flex;align-items:center;gap:6px;
  padding:8px 16px;font-size:11px;color:rgba(255,255,255,.4);
  background:rgba(34,197,94,.04);border-bottom:1px solid rgba(34,197,94,.08);
  flex-shrink:0;
}
.sb-online-dot{width:6px;height:6px;border-radius:50%;background:#22C55E;animation:lp 1.5s ease infinite;flex-shrink:0;}

/* Wallet block */
.sb-wallet{
  margin:10px 10px 6px;border-radius:12px;
  background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(34,197,94,.06));
  border:1px solid rgba(34,197,94,.2);
  padding:11px 12px;cursor:pointer;transition:all .2s;flex-shrink:0;
}
.sb-wallet:hover{background:linear-gradient(135deg,rgba(34,197,94,.18),rgba(34,197,94,.1));border-color:rgba(34,197,94,.35);}
.sb-wallet-lbl{font-size:9px;font-weight:700;color:rgba(34,197,94,.6);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;}
.sb-wallet-row{display:flex;align-items:center;gap:8px;}
.sb-wallet-ico{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:#fff;flex-shrink:0;}
.sb-wallet-val{font-size:13px;font-weight:800;color:#4ADE80;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sb-wallet-change{
  background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.25);
  border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700;color:#22C55E;white-space:nowrap;cursor:pointer;
}

/* Auth buttons */
.sb-auth{margin:0 10px 4px;border-radius:12px;overflow:hidden;flex-shrink:0;}
.sb-auth-btn{display:block;width:100%;padding:9px;text-align:center;font-size:12px;font-weight:700;cursor:pointer;border:none;transition:background .15s;}

/* Nav sections */
.sb-section{padding:10px 8px 4px;flex-shrink:0;}
.sb-section-lbl{
  font-size:9px;font-weight:700;color:rgba(255,255,255,.42);
  text-transform:uppercase;letter-spacing:.1em;padding:0 6px;margin-bottom:4px;
}
.sb-acc-hd{
  display:flex;align-items:center;justify-content:space-between;
  cursor:pointer;user-select:none;padding:6px 6px;border-radius:7px;
  transition:background .15s,color .15s;
}
.sb-acc-hd:hover{background:rgba(255,255,255,.04);color:rgba(255,255,255,.62);}
.sb-acc-chev{transition:transform .2s;opacity:.6}
.sb-acc-hd.open .sb-acc-chev{transform:rotate(180deg)}
.sb-acc-body{overflow:hidden;transition:max-height .28s cubic-bezier(.4,0,.2,1),opacity .2s ease}
.sb-acc-body.collapsing{max-height:0!important;opacity:.4}
.sb-item{
  display:flex;align-items:center;gap:11px;
  padding:9px 11px;border-radius:10px;margin:1px 2px;
  cursor:pointer;transition:all .15s;
  color:rgba(255,255,255,.8);font-size:13.5px;font-weight:600;position:relative;
}
.sb-item:hover{background:rgba(255,255,255,.05);color:#fff;}
.sb-item.on{background:linear-gradient(135deg,rgba(34,197,94,.22),rgba(34,197,94,.08));color:#4ADE80;font-weight:700;}
.sb-item.on::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:#22C55E;border-radius:0 3px 3px 0;}
.sb-ico{
  width:30px;height:30px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;
  background:rgba(255,255,255,.05);transition:background .15s;color:rgba(255,255,255,.85);
}
.sb-item:hover .sb-ico,.sb-item.on .sb-ico{background:rgba(34,197,94,.15);color:#4ADE80;}
.sb-badge{background:#EF4444;color:#fff;border-radius:99px;font-size:9px;font-weight:800;padding:2px 6px;min-width:16px;text-align:center;margin-left:auto;}
.sb-badge.green{background:#22C55E;}
.sb-divider{height:1px;background:rgba(255,255,255,.05);margin:4px 10px;}
.sb-pc-thread{content:"";position:absolute;top:0;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,rgba(245,196,81,.6) 50%,transparent);box-shadow:0 0 10px rgba(245,196,81,.35);pointer-events:none;z-index:2}
/* Нижний блок меню (поддержка/соцсети/язык) */
.sb-bottom{padding:0 10px 4px;flex-shrink:0}
.sb-support{
  display:flex;align-items:center;gap:10px;
  background:linear-gradient(135deg,rgba(34,197,94,.14),rgba(34,197,94,.05));
  border:1px solid rgba(34,197,94,.18);border-radius:12px;
  padding:10px 12px;margin:6px 0;cursor:pointer;transition:all .15s;
}
.sb-support:hover{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(34,197,94,.09))}
.sb-support-ico{width:34px;height:34px;border-radius:9px;background:rgba(34,197,94,.18);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.sb-support-badge{background:#22C55E;color:#fff;font-size:10px;font-weight:800;border-radius:6px;padding:3px 7px}
.sb-support.sb-support-tg{background:linear-gradient(135deg,rgba(34,158,217,.16),rgba(34,158,217,.06));border:1px solid rgba(34,158,217,.28)}
.sb-support.sb-support-tg:hover{background:linear-gradient(135deg,rgba(34,158,217,.24),rgba(34,158,217,.1))}
.sb-support.sb-support-tg .sb-support-ico{background:rgba(34,158,217,.2)}
.sb-support.sb-support-tg .sb-support-badge{background:#229ED9}
.sb-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 2px 2px}
.sb-socs{display:flex;gap:7px}
.sb-soc{
  width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.06);
  display:flex;align-items:center;justify-content:center;font-size:14px;
  color:rgba(255,255,255,.55);
  text-decoration:none;cursor:pointer;transition:background .15s,color .15s;
}
.sb-soc:hover{background:rgba(255,255,255,.13);color:#fff}
/* ── Переключатель языка в стиле 1win ── */
.sb-lang{
  display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px 10px;
  color:rgba(255,255,255,.85);font-size:12px;font-weight:700;cursor:pointer;transition:background .15s;font-family:inherit;position:relative;
}
.sb-lang:hover{background:rgba(255,255,255,.12)}
.sb-lang-flag{width:20px;height:20px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);background:var(--card)}
.sb-lang-chev{transition:transform .2s;flex-shrink:0}
.sb-lang.open .sb-lang-chev{transform:rotate(180deg)}
.sb-lang-dd{position:absolute;bottom:calc(100% + 6px);right:0;background:#13241c;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:6px;min-width:150px;box-shadow:0 12px 30px rgba(0,0,0,.5);display:none;z-index:60}
.sb-lang.open .sb-lang-dd{display:block}
.sb-lang-opt{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;font-size:13px;font-weight:700;color:rgba(255,255,255,.8);cursor:pointer;transition:.12s}
.sb-lang-opt:hover{background:rgba(255,255,255,.08)}
.sb-lang-opt.on{background:rgba(34,197,94,.15);color:#4ADE80}
.sb-lang-opt .sb-lang-flag{width:22px;height:22px}

/* ─── MAIN WRAP ─── */
#main-wrap{
  margin-left:var(--sidebar);
  min-width:0;
  display:flex;flex-direction:column;
  background:var(--bg);
  overflow:visible;
}

/* ─── TOP BAR — same green as sidebar logo & hero ─── */
#topbar{
  height:var(--topbar);flex-shrink:0;
  background:linear-gradient(100deg,#0c2417,#0f3322 60%,#0c2417);
  border-bottom:1px solid rgba(251,191,36,.18);
  box-shadow:0 4px 24px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05);
  display:flex;align-items:center;
  padding:0 20px;gap:12px;
  position:sticky;top:0;z-index:700;
}

/* Search in topbar */
.tb-search{width:250px;flex-shrink:0;position:relative;}
.tb-search input{
  width:100%;
  background:rgba(0,0,0,.28);
  border:1.5px solid rgba(255,255,255,.1);
  border-radius:12px;padding:9px 38px 9px 38px;font-size:13px;color:#fff;font-weight:500;
  transition:background .2s,border-color .2s,box-shadow .2s;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.tb-search input::placeholder{color:rgba(255,255,255,.5);font-weight:400;}
.tb-search input:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);}
.tb-search input:focus{
  outline:none;
  background:rgba(255,255,255,.16);
  border-color:rgba(251,191,36,.7);
  box-shadow:0 0 0 3px rgba(251,191,36,.18),0 4px 20px rgba(0,0,0,.18);
}
.tb-search-ico{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.55);display:flex;align-items:center;pointer-events:none;transition:color .2s}
.tb-search input:focus + .tb-search-ico,.tb-search:focus-within .tb-search-ico{color:#FBBF24}
.tb-search-kbd{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:11px;color:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.2);border-radius:5px;padding:1px 6px;line-height:1.4;pointer-events:none;transition:opacity .2s;opacity:.6}
.tb-search:focus-within .tb-search-kbd{opacity:1;color:#FBBF24;border-color:rgba(251,191,36,.4)}

/* Topbar right */
.tb-right{display:flex;align-items:center;gap:10px;margin-left:auto;}

/* ─── CENTERED CURRENCY SWITCHER ─── */
/* topbar остаётся sticky (см. выше); центр позиционируется от него */

/* Active currency big pill */
.tb-cur-active{
  display:flex;align-items:center;gap:11px;
  background:rgba(0,0,0,.2);
  border:1.5px solid rgba(255,255,255,.2);
  border-radius:13px;padding:7px 16px 7px 9px;
  cursor:pointer;transition:all .2s;
  backdrop-filter:blur(10px);
}
.tb-cur-active:hover{background:rgba(0,0,0,.32);border-color:rgba(255,255,255,.35);}
.tb-cur-ico{
  width:34px;height:34px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:900;color:#fff;flex-shrink:0;
}
.tb-cur-info{display:flex;flex-direction:column;min-width:0;}
.tb-cur-label{font-size:10px;font-weight:700;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.05em;line-height:1;}
.tb-cur-amount{font-size:17px;font-weight:800;color:#fff;line-height:1.25;white-space:nowrap;}
.tb-cur-chev{color:rgba(255,255,255,.5);font-size:11px;margin-left:2px;}

/* Quick tabs for other currencies */
.tb-cur-tabs{display:flex;gap:3px;}
.tb-cur-tab{
  display:flex;align-items:center;gap:5px;
  padding:5px 10px;border-radius:9px;
  background:rgba(0,0,0,.15);border:1.5px solid rgba(255,255,255,.1);
  cursor:pointer;transition:all .18s;color:rgba(255,255,255,.7);
  font-size:12px;font-weight:700;white-space:nowrap;
}
.tb-cur-tab:hover{background:rgba(0,0,0,.28);border-color:rgba(255,255,255,.3);color:#fff;}
.tb-cur-tab.active-tab{border-color:rgba(255,255,255,.5);background:rgba(0,0,0,.3);color:#fff;}
.tb-cur-tab-ico{
  width:18px;height:18px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:9px;font-weight:900;color:#fff;flex-shrink:0;
}
.tb-cur-tab-val{font-size:11px;}

/* Deposit centered */
.tb-deposit-center{
  background:linear-gradient(135deg,#34D058,#22C55E 45%,#15803D);color:#04130b;font-weight:800;font-size:14px;
  padding:10px 22px;border-radius:11px;border:1px solid rgba(110,231,160,.5);cursor:pointer;
  transition:transform .15s,box-shadow .15s;white-space:nowrap;position:relative;overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 4px 16px rgba(34,197,94,.5);
}
.tb-deposit-center::after{content:'';position:absolute;top:0;left:-120%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:tbShine 3.5s infinite;pointer-events:none}
.tb-deposit-center:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 24px rgba(34,197,94,.7);transform:translateY(-1px);}

/* Keep old tb-balance hidden (replaced by new) */
.tb-balance{display:none!important;}

/* Deposit button */
.tb-deposit{
  position:relative;overflow:hidden;
  background:linear-gradient(160deg,#FDE68A,#FBBF24 50%,#D97706);color:#3a2400;font-weight:800;font-size:13px;
  padding:7px 16px;border-radius:10px;border:1px solid #FFE9A8;cursor:pointer;
  transition:all .15s;white-space:nowrap;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.6),0 4px 14px rgba(251,191,36,.4);
}
.tb-deposit::after{content:'';position:absolute;top:0;left:-120%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:tbShine 3.5s infinite;pointer-events:none}
.tb-deposit:hover{transform:translateY(-1px);box-shadow:inset 0 1px 1px rgba(255,255,255,.7),0 8px 22px rgba(251,191,36,.6);}
/* Кнопки гостя Войти/Регистрация — минимализм, СТРОГО одинаковая высота (без теней/трансформаций, чтобы не выпирали из обводки) */
.gbtn{box-sizing:border-box;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;padding:0 16px;line-height:1;border:1.5px solid transparent;font-family:'Nunito',sans-serif;transition:background .15s,border-color .15s;box-shadow:none!important;vertical-align:middle}
.gbtn-login{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.28)}
.gbtn-login:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5)}
.gbtn-reg{background:linear-gradient(135deg,#F5C451,#D9A21A);color:#3a2400;border-color:#F5C451;box-shadow:0 4px 14px rgba(245,196,81,.35)!important}
.gbtn-reg:hover{background:linear-gradient(135deg,#FCD34D,#F5C451);border-color:#FDE68A}
@keyframes tbShine{0%{left:-120%}55%,100%{left:160%}}

/* Notif & avatar */
.tb-notif{position:relative;}
.tb-notif-btn{
  width:38px;height:38px;border-radius:11px;
  background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:border-color .15s,background .15s;color:#fff;opacity:.9;
}
.tb-notif-btn:hover{opacity:1;background:rgba(0,0,0,.3);border-color:rgba(34,197,94,.4);}
.tb-nbadge{
  position:absolute;top:-6px;right:-6px;background:#22C55E;color:#06281a;
  border-radius:99px;font-size:9px;font-weight:700;padding:1px 5px;
  min-width:16px;text-align:center;border:2px solid #0f3322;display:none;
  box-shadow:0 0 8px rgba(34,197,94,.6);
}
.tb-av{
  width:40px;height:40px;border-radius:50%;cursor:pointer;
  border:2px solid rgba(255,255,255,.4);
  display:flex;align-items:center;justify-content:center;
  font-size:16px;color:#fff;font-weight:800;
  background:rgba(255,255,255,.2);transition:all .15s;
}
.tb-av:hover{border-color:#fff;background:rgba(255,255,255,.3);}

/* === Вариант D (неон): плоский язык/колокольчик + аватар-кольцо прогресса + значок уровня === */
#lang-switch{background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:9px;padding:5px 9px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:border-color .15s,background .15s;}
#lang-switch:hover{background:rgba(0,0,0,.3);border-color:rgba(34,197,94,.4);}
.tb-pcard{display:flex;align-items:center;cursor:pointer;}
.tb-pcard-av{position:relative;width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:2.5px;background:conic-gradient(#22C55E 0% 0%,rgba(255,255,255,.12) 0% 100%);box-shadow:0 0 0 1px rgba(34,197,94,.25),0 0 12px rgba(34,197,94,.3);transition:box-shadow .2s;}
.tb-pcard:hover .tb-pcard-av{box-shadow:0 0 0 1px rgba(34,197,94,.45),0 0 18px rgba(34,197,94,.55);}
.tb-pcard-av .tb-av{width:100%;height:100%;border:none;background:rgba(8,32,21,.95);font-size:15px;}
.tb-lvl-pip{position:absolute;bottom:-3px;right:-3px;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:linear-gradient(180deg,#34d399,#16a34a);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #0f3322;box-shadow:0 0 8px rgba(34,197,94,.6);line-height:1;}
body.is-guest .tb-pcard-av{background:none!important;padding:0;box-shadow:none;}
body.is-guest .tb-pcard-av .tb-av{border:2px solid rgba(255,255,255,.4);background:rgba(255,255,255,.2);}
body.is-guest .tb-lvl-pip{display:none!important;}

/* Mobile toggle */
.sb-toggle{
  display:none;width:34px;height:34px;border-radius:8px;
  background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.25);
  align-items:center;justify-content:center;font-size:16px;cursor:pointer;color:#fff;
}
/* ─── Сворачивание сайдбара (десктоп) ─── */
#sb-collapse-btn{
  position:fixed;top:18px;left:calc(var(--sidebar) - 17px);z-index:950;
  width:34px;height:34px;border-radius:50%;
  background:linear-gradient(135deg,#22C55E,#15803D);border:3px solid var(--bg,#0a0f1c);
  color:#fff;font-size:22px;font-weight:900;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:left .25s ease,transform .15s,background .15s;
  box-shadow:0 4px 14px rgba(34,197,94,.5);
}
#sb-collapse-btn:hover{background:linear-gradient(135deg,#34D058,#1aa34f);transform:scale(1.08)}
/* в свёрнутом виде кнопка превращается в «открыть» и липнет к левому краю */
body.sb-collapsed #sb-collapse-btn{left:14px}
#sb-expand-btn{ display:none; }
/* Состояние «свёрнуто»: сайдбар прячется, контент на всю ширину */
body.sb-collapsed #sidebar{transform:translateX(-100%);transition:transform .25s ease}
body.sb-collapsed #main-wrap{margin-left:0;transition:margin-left .25s ease}
#sidebar{transition:transform .25s ease}
#main-wrap{transition:margin-left .25s ease}
/* Мобильное лого в шапке (скрыто на ПК) */
.tb-logo-mob{display:none;align-items:center;cursor:pointer;height:36px;flex-shrink:1;min-width:0;max-width:48vw}
.tb-logo-mob svg{height:100%;width:auto;display:block;max-width:100%;max-height:100%}
.tb-logo-ico{font-size:20px;line-height:1}
.tb-logo-txt{font-family:'Unbounded',sans-serif;font-size:13px;font-weight:800;color:#fff;letter-spacing:-.02em;white-space:nowrap}
.tb-logo-txt b{color:#FBBF24;font-weight:800}
@media(max-width:420px){.tb-logo-mob{height:32px;max-width:45vw}}
@media(max-width:360px){.tb-logo-mob{height:28px;max-width:42vw}}
#sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:899;backdrop-filter:blur(4px);}

/* Ticker — премиальный казино-стиль */
.ticker{background:linear-gradient(90deg,#0B1120,#13311f,#0B1120);padding:9px 0;overflow:hidden;flex-shrink:0;width:100%;border-top:1px solid rgba(251,191,36,.25);border-bottom:1px solid rgba(251,191,36,.25);position:relative;}
.ticker-in{display:flex;white-space:nowrap;animation:tick 40s linear infinite;font-size:12px;font-weight:600;position:relative;will-change:transform;}
.ticker-item{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.9);margin-right:46px;flex-shrink:0}
.ticker-item .tk-val{color:#4ADE80;font-weight:700}
.ticker-item .tk-code{color:#FBBF24;font-weight:700}

/* Hero — тёмный казино-баннер с джекпотами */

.hero-stage{position:relative;width:100%;overflow:hidden;background:radial-gradient(ellipse 70% 50% at 78% 16%, rgba(34,197,94,.26), transparent 62%),radial-gradient(ellipse 140% 60% at 50% 18%, rgba(20,90,55,.30), transparent 68%),linear-gradient(180deg, #11352a 0%, #0f3024 16%, #0e2b20 30%, #0d271d 44%, #0b2118 58%, #0a1b15 70%, #091512 82%, #0a1014 92%, #0a0f1c 100%)}
.hero{background:transparent;padding:0;position:relative;overflow:hidden;min-height:380px;}
.hero-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.hero-particle{position:absolute;border-radius:50%;animation:heroFly linear infinite}
.hero-w2{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr 1fr;gap:18px;padding:34px 30px;align-items:center;max-width:1200px;margin:0 auto}
.hero-badge2{display:inline-flex;align-items:center;gap:7px;background:rgba(239,68,68,.15);border:1px solid rgba(248,113,113,.35);border-radius:99px;padding:5px 13px;font-size:11px;font-weight:600;color:#FCA5A5;margin-bottom:16px}
.hero-badge2 .dot{width:6px;height:6px;border-radius:50%;background:#EF4444;display:inline-block;animation:lp 1s infinite}
.hero-h2{font-size:clamp(28px,5vw,44px);font-weight:200;color:#fff;margin:0 0 12px;line-height:1.03;font-family:'Unbounded',sans-serif}
.hero-h2 .strong{font-weight:600}
.hero-h2 .gold{font-weight:600;background:linear-gradient(135deg,#FDE68A,#FBBF24,#D97706);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub2{font-size:15px;color:rgba(255,255,255,.65);margin:0 0 22px;line-height:1.5}
.hero-sub2 b{color:#fff}
.hero-btns2{display:flex;gap:12px;flex-wrap:wrap}
.hero-btn-play{background:linear-gradient(135deg,#22C55E,#16A34A);color:#fff;border:none;border-radius:13px;padding:15px 28px;font-size:16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 24px rgba(34,197,94,.5);transition:transform .15s}
.hero-btn-play:hover{transform:translateY(-2px)}
.hero-btn-how{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:13px;padding:15px 22px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}
.hero-btn-free{display:inline-flex;align-items:center;gap:7px;background:rgba(251,191,36,.12);color:#FBBF24;border:1px solid rgba(251,191,36,.45);border-radius:13px;padding:15px 22px;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s;font-family:inherit}
.hero-btn-free:hover{background:rgba(251,191,36,.2);border-color:rgba(251,191,36,.7)}
.hero-btn-how:hover{background:rgba(255,255,255,.14)}
.hero-jack{position:relative;display:flex;align-items:center;justify-content:center;min-height:300px}
@media(max-width:768px){.hero-jack{height:280px;min-height:280px;overflow:hidden}.hero-jack-svg svg{max-height:215px;width:auto}} /* v24.47: фикс прыжков hero на телефоне — высота закреплена, слайды разной высоты больше не двигают макет */
.hero-rays{position:absolute;width:340px;height:340px;border-radius:50%;animation:spin 16s linear infinite;background:conic-gradient(from 0deg,transparent 0deg,rgba(251,191,36,.1) 14deg,transparent 28deg,transparent 60deg,rgba(251,191,36,.1) 74deg,transparent 88deg,transparent 120deg,rgba(251,191,36,.1) 134deg,transparent 148deg,transparent 180deg,rgba(251,191,36,.1) 194deg,transparent 208deg,transparent 240deg,rgba(251,191,36,.1) 254deg,transparent 268deg,transparent 300deg,rgba(251,191,36,.1) 314deg,transparent 328deg)}
.hero-ring-d{position:absolute;width:235px;height:235px;border-radius:50%;border:2px dashed rgba(251,191,36,.3);animation:spin 22s linear infinite reverse}
.hero-jack-glow{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(251,191,36,.28),transparent 65%);animation:gp2 2.5s ease infinite}
.hero-jack-svg{position:relative;z-index:2;transition:opacity .4s,transform .4s;filter:drop-shadow(0 16px 30px rgba(0,0,0,.5)) drop-shadow(0 0 18px rgba(251,191,36,.22))}
.hero-podium{position:absolute;bottom:36px;width:140px;height:20px;background:radial-gradient(ellipse,rgba(251,191,36,.25),transparent 70%)}
.hero-jack-pop{position:absolute;bottom:8px;right:-4px;z-index:3;background:rgba(11,17,32,.92);border:1px solid rgba(34,197,94,.4);border-radius:12px;padding:9px 13px;text-align:left;box-shadow:0 8px 22px rgba(0,0,0,.4);transition:opacity .4s}
.hero-jack-pop-n{font-size:10px;color:rgba(255,255,255,.6)}
.hero-jack-pop-p{font-size:18px;font-weight:700;color:#4ADE80}
.hero-jack-pop-t{font-size:10px;color:#FCA5A5;font-family:monospace}
.hero-dots{display:flex;gap:7px;margin-top:34px}
.hero-dots div{width:22px;height:4px;border-radius:2px;background:rgba(255,255,255,.2);transition:background .3s,transform .2s;cursor:pointer}
.hero-dots div:hover{background:rgba(251,191,36,.55);transform:scaleY(1.6)}
.hero-jack-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid rgba(251,191,36,.35);background:rgba(11,17,32,.55);color:#FBBF24;font-size:24px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);transition:background .15s,transform .15s,border-color .15s;padding:0}
.hero-jack-arrow:hover{background:rgba(251,191,36,.18);border-color:rgba(251,191,36,.7);transform:translateY(-50%) scale(1.08)}
.hero-jack-arrow:active{transform:translateY(-50%) scale(.92)}
.hero-jack-arrow-l{left:-6px}.hero-jack-arrow-r{right:-6px}
@media(max-width:760px){.hero-jack-arrow-l{left:2px}.hero-jack-arrow-r{right:2px}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes gp2{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.65}}
@keyframes heroFly{0%{transform:translateY(0);opacity:0}15%{opacity:.4}85%{opacity:.4}100%{transform:translateY(-130px);opacity:0}}
@media(max-width:760px){
  /* ВАРИАНТ 1 «Витрина» — фикс-сцена джекпота, всё в один экран, ничего не прыгает */
  /* Защита от бокового скролла */
  .hero{overflow-x:hidden;max-width:100%}
  .hero-w2{grid-template-columns:1fr;text-align:center;padding:10px 16px 12px;gap:4px;max-width:100%}
  /* Сцена джекпота: ФИКСИРОВАННАЯ высота — что бы ни крутилось, блок не дёргается */
  .hero-jack{height:160px;min-height:160px;order:-1;margin-bottom:0;max-width:100%;overflow:hidden}
  /* Любое фото вписываем в окно сцены (переопределяем инлайн-высоту картинок) */
  .hero-jack-svg{max-height:140px;display:flex;align-items:center;justify-content:center}
  .hero-jack-svg img{max-height:140px!important;height:auto!important;width:auto!important;max-width:60vw;object-fit:contain}
  .hero-jack-svg svg{max-height:140px;height:auto;width:auto}
  /* Кольца/лучи поджимаем под мобильную сцену */
  .hero-rays{width:160px;height:160px;max-width:62vw;max-height:62vw}
  .hero-ring-d{width:120px;height:120px}
  .hero-jack-glow{width:160px;height:160px}
  /* Табличка с ценой — компактнее, не налезает на текст */
  .hero-jack-pop{bottom:2px;right:8px;padding:6px 11px}
  .hero-jack-pop-p{font-size:16px}
  /* Стрелки скрыты на мобилке — листание точками/свайпом, без занятых краёв */
  .hero-jack-arrow{display:none!important}
  /* Текстовый блок — компактные шрифты, чтобы кнопки влезли */
  .hero-badge2{font-size:10px;padding:4px 10px;margin-bottom:8px}
  .hero-h2{font-size:24px;line-height:1.06;margin-bottom:8px}
  .hero-sub2{font-size:12.5px;margin-bottom:12px;line-height:1.4}
  /* Кнопки — МЕНЬШЕ, в ОДНУ строку (без переноса) */
  .hero-btns2{margin:0 auto;gap:7px;flex-wrap:nowrap;justify-content:center;max-width:100%}
  .hero-btn-play{padding:9px 14px;font-size:12.5px;border-radius:10px;white-space:nowrap;flex-shrink:1}
  .hero-btn-how{padding:9px 12px;font-size:12px;border-radius:10px;white-space:nowrap;flex-shrink:1}
  .hero-btn-free{padding:9px 13px;font-size:12px;border-radius:10px;white-space:nowrap;flex-shrink:1;gap:5px}
  .hero-badge2,.hero-btns2{justify-content:center}
  /* Точки — кликабельный индикатор по центру под кнопками */
  .hero-dots{justify-content:center;margin-top:12px}
}
@media(max-width:760px) and (max-height:720px){
  /* Очень компактные экраны — ещё чуть ужать */
  .hero-jack{height:195px;min-height:195px}
  .hero-jack-svg,.hero-jack-svg img{max-height:172px!important}
  .hero-h2{font-size:22px}
  .hero-sub2{margin-bottom:9px}
  .hero-btn-play{padding:8px 15px;font-size:12.5px}
  .hero-btn-how{padding:8px 12px;font-size:12px}
}

/* Content area */
#content{flex:1;overflow:visible;}
/* Резервируем высоту до отрисовки контента — уменьшает «прыжок» layout (CLS) */
#app{min-height:100vh;display:block}
footer{flex-shrink:0;}

/* Page layout helpers */
.w{max-width:1200px;margin:0 auto;padding:0 24px;}
.pwrap{display:grid;grid-template-columns:1fr 240px;gap:24px;padding:28px 0 40px;align-items:start;}
.sbar{position:sticky;top:calc(var(--topbar) + 12px);}

/* Nusr menu positioning fix */
.nusr-menu{top:calc(100% + 10px)!important;}

/* Old nav — hidden */
.nav,.nmob,.nham,.nlinks,.nlogo,.nright{display:none!important;}
/* Десктопное горизонтальное меню (1win-style) */
.topnav{display:none}
/* МОБИЛЬНАЯ версия topnav — показывается на ВСЕХ страницах мобилки,
   кроме страницы «Все лоты» (там свои категорийные кнопки сверху).
   Все пункты должны помещаться без горизонтальной прокрутки. */
@media(max-width:1024px){
  .topnav{
    display:block;
    position:static;flex-shrink:0;z-index:690;
    background:linear-gradient(180deg,#161B26,#11151D);
    border-bottom:1px solid rgba(251,191,36,.18);
    box-shadow:0 2px 8px rgba(0,0,0,.3)
  }
  /* Верхние полосы (шапка + меню + бегущая строка) — в обычном потоке,
     скроллятся вместе со страницей. Закреплён только нижний таб-бар. */
  .topnav-in{
    padding:0 6px;display:flex;align-items:stretch;gap:2px;
    height:42px;overflow:hidden;
    scrollbar-width:none
  }
  .topnav-in::-webkit-scrollbar{display:none}
  /* Только текст, без иконок. 6 пунктов помещаются в одну строку без скролла. */
  .topnav-in a{
    flex:1 1 0;min-width:0;
    display:flex;align-items:center;justify-content:center;
    padding:6px 4px;border-radius:8px;
    font-size:11px;font-weight:700;
    color:rgba(255,255,255,.72);cursor:pointer;
    white-space:nowrap;transition:background .15s,color .15s;
    overflow:hidden;text-overflow:ellipsis;
    line-height:1.15
  }
  /* На мобиле иконки СКРЫТЫ — только текст */
  .topnav-in a svg{display:none}
  .topnav-in a span{
    display:inline;overflow:hidden;text-overflow:ellipsis;min-width:0
  }
  .topnav-in a.on{
    background:rgba(34,197,94,.18);color:#4ADE80
  }
  .topnav-buy{display:none}
}
@media(min-width:1025px){
  .topnav{display:block;position:sticky;top:var(--topbar);z-index:690;background:linear-gradient(180deg,#161B26,#11151D);border-bottom:1px solid rgba(251,191,36,.18);box-shadow:0 1px 0 rgba(0,0,0,.4)}
  .ticker{position:relative;z-index:680}
  .topnav-in{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:6px;height:64px;overflow-x:auto;scrollbar-width:none}
  .topnav-in::-webkit-scrollbar{display:none}
  .topnav-in a{display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:11px;font-size:15px;font-weight:700;color:rgba(255,255,255,.72);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
  .topnav-in a svg{opacity:.85;width:20px;height:20px}
  .topnav-in a:hover{background:rgba(255,255,255,.08);color:#fff}
  .topnav-in a:hover svg{opacity:1}
  .topnav-in a.on{background:rgba(34,197,94,.18);color:#4ADE80}
  .topnav-buy{margin-left:auto;background:linear-gradient(135deg,#22C55E,#16A34A)!important;color:#fff!important;box-shadow:0 2px 10px rgba(34,197,94,.3)}
  .topnav-buy:hover{background:linear-gradient(135deg,#16A34A,#15803D)!important}
}
.chat-wrap{bottom:24px;right:24px;}

/* ─── RESPONSIVE ─── */
@media(max-width:1024px){
  body{display:block;}
  #sidebar{position:fixed;transform:translateX(-100%);height:100dvh;top:0;padding-bottom:90px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:300px;max-width:86vw;background:linear-gradient(180deg,#0c2417 0,#0c2417 env(safe-area-inset-top,0px),#11281b env(safe-area-inset-top,0px))}
  /* Лого прилипает к верху и закрывает зону чёлки зелёным (без просветов при скролле) */
  .sb-logo{position:sticky;top:0;z-index:5;height:calc(var(--topbar) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);align-items:flex-end;padding-bottom:9px;box-sizing:border-box}
  #sidebar.mob-open{transform:translateX(0);}
  #sidebar-overlay{display:block;pointer-events:none;opacity:0;transition:opacity .3s;}
  #sidebar-overlay.on{pointer-events:all;opacity:1;}
  #main-wrap{width:100%;margin-left:0;}
  .sb-toggle{display:flex;}
  #sb-collapse-btn{display:none!important}
  .pwrap{grid-template-columns:1fr;}.sbar{position:static;}
}
@media(max-width:640px){.w{padding:0 14px;}.g2,.g3,.g4{grid-template-columns:1fr 1fr;}}

/* ─── SUPPORT BUTTON ─── */
.support-btn{
  display:none!important;
  position:fixed;bottom:90px;right:24px;z-index:800;
  align-items:center;gap:8px;
  background:linear-gradient(135deg,#22C55E,#16A34A);
  color:#fff;border:none;border-radius:99px;
  padding:10px 16px;font-size:13px;font-weight:700;
  cursor:pointer;box-shadow:0 4px 20px rgba(34,197,94,.4);
  transition:all .2s;
}
.chat-fab{display:none!important}
.support-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(34,197,94,.5);}
.support-pulse{width:8px;height:8px;border-radius:50%;background:var(--card);animation:livePulse 1.5s ease infinite;}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}
.prof-act{color:#fff;border:none;border-radius:14px;padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 16px rgba(0,0,0,.08)}
.prof-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:16px;padding:5px;background:var(--card);border:1px solid var(--line2);border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.3);-webkit-overflow-scrolling:touch;scrollbar-width:none}
.prof-tabs::-webkit-scrollbar{display:none}
/* Светлый премиум фон страницы профиля */
body.prof-dark, body.prof-dark #main-wrap{background:radial-gradient(ellipse 70% 90% at 50% 0%,rgba(34,197,94,.07),transparent 55%),var(--bg)!important}
.prof-tab{flex:0 0 auto;background:none;border:none;color:var(--t2);border-radius:11px;padding:10px 16px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s;display:inline-flex;align-items:center;gap:6px}
.prof-tab:hover{background:var(--bg2);color:var(--t)}
.prof-tab.on{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 4px 12px rgba(22,163,74,.4)}
.prof-tab-cnt{font-size:10px;background:rgba(255,255,255,.25);color:inherit;padding:1px 7px;border-radius:7px;font-weight:800;font-style:normal}
.prof-tab.on .prof-tab-cnt{background:rgba(255,255,255,.3)}
.prof-tab:not(.on) .prof-tab-cnt{background:rgba(34,197,94,.16);color:#4ade80}
/* ─── HERO HOLO (светлый премиум) ─── */
.prof-dark-wrap .ph-holo{background:#1a2030;border:1px solid #2a3346;border-radius:24px;overflow:hidden;box-shadow:0 16px 44px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3)}
.ph-banner{height:120px;background:radial-gradient(ellipse 70% 140% at 80% 0%,rgba(34,197,94,.35),transparent 60%),linear-gradient(120deg,#0c2417,#0f3322 45%,#11402a);position:relative;overflow:hidden}
.ph-banner-shine{position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(74,222,128,.18) 47%,rgba(134,239,172,.32) 50%,rgba(74,222,128,.18) 53%,transparent 65%);background-size:200% 100%;background-repeat:no-repeat;animation:phHolo 5s linear infinite}
@keyframes phHolo{0%{background-position:150% 0}60%,100%{background-position:-50% 0}}
.ph-vip{position:absolute;top:16px;right:18px;z-index:2;font-size:11px;font-weight:800;letter-spacing:.4px;color:#15803d;background:rgba(255,255,255,.92);padding:6px 13px;border-radius:9px;box-shadow:0 4px 14px rgba(0,0,0,.15)}
.ph-body{padding:0 28px 26px;margin-top:-44px;position:relative}
.ph-ava-wrap{position:relative;display:inline-block}
.ph-ava{width:88px;height:88px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:800;color:#fff;border:4px solid #fff;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.ph-ava-lvl{position:absolute;bottom:-6px;right:-6px;min-width:28px;height:28px;padding:0 7px;border-radius:10px;background:linear-gradient(135deg,#FBBF24,#D97706);border:3px solid #fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#3a2400}
.ph-name{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:14px}
.ph-name h1{font-size:25px;font-weight:800;margin:0}
.ph-badge-lvl{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;padding:4px 12px;border-radius:8px;border:1px solid}
.ph-sub{font-size:13px;color:#9fb3aa;margin-top:5px;font-weight:600}
.ph-stats{display:flex;gap:12px;margin-top:18px}
.ph-stat{flex:1;background:#212838;border:1px solid #2a3346;border-radius:14px;padding:13px 16px}
.ph-stat .v{font-size:23px;font-weight:800;line-height:1}
.ph-stat.green .v{color:#16a34a}.ph-stat.gold .v{color:#D97706}.ph-stat.purple .v{color:#c9a8f5}
.ph-stat .l{font-size:11px;color:#9fb3aa;font-weight:700;margin-top:5px}
.ph-xp{margin-top:18px}
.ph-xp-head{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin-top:7px}
.ph-xp-head .a{color:#15803d}.ph-xp-head .b{color:#9fb3aa}
.ph-xp-bar{height:10px;background:#2a3346;border-radius:99px;overflow:hidden}
.ph-xp-fill{height:100%;background:linear-gradient(90deg,#22C55E,#16a34a 45%,#7c3aed);border-radius:99px;box-shadow:0 1px 6px rgba(124,58,237,.4);transition:width .6s}
/* ─── SECTIONS (светлые) ─── */
.prof-dark-wrap .prof-tabs{border:1px solid #2a3346}
.p-sec{display:flex;align-items:center;justify-content:space-between;margin:22px 4px 11px}
.p-sec-ic{width:28px;height:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--sic-bg,rgba(34,197,94,.14));color:var(--sic-c,#4ade80);box-shadow:0 3px 10px rgba(0,0,0,.25)}
.p-sec .t{font-size:14px;font-weight:800;color:#f1f7f4;display:flex;align-items:center;gap:8px}
.p-sec .lnk{font-size:12px;color:#16a34a;font-weight:700;cursor:pointer}
.p-card{background:#1a2030;border:1px solid #2a3346;border-radius:18px;padding:18px;box-shadow:0 6px 20px rgba(0,0,0,.4)}
/* Telegram */
.p-tg{display:flex;align-items:center;gap:15px;background:linear-gradient(120deg,rgba(14,165,233,.14),rgba(2,132,199,.06));border:1px solid rgba(14,165,233,.3);border-radius:18px;padding:17px 19px;box-shadow:0 4px 16px rgba(2,132,199,.08);margin-bottom:6px}
.p-tg-ic{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,#0ea5e9,#0284c7);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 16px rgba(2,132,199,.35)}
.p-tg-t{flex:1;min-width:0}.p-tg-t b{font-size:15px;color:#7dd3fc;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.p-tg-xp{font-size:10px;background:#fbbf24;color:#3a2400;padding:2px 9px;border-radius:8px;font-weight:800;font-style:normal}
.p-tg-t p{font-size:12px;color:#9fb3aa;margin-top:3px;line-height:1.4}
.p-tg-btn{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:12px;padding:12px 20px;font-size:13px;font-weight:800;cursor:pointer;flex-shrink:0;box-shadow:0 6px 16px rgba(2,132,199,.3);white-space:nowrap}
/* Верификация (KYC) в профиле */
.p-kyc-card,.p-kyc-done{display:flex;align-items:center;gap:15px;border-radius:18px;padding:16px 18px;margin-bottom:6px}
.p-kyc-ic{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 16px rgba(0,0,0,.3)}
.p-kyc-cta{background:radial-gradient(ellipse at 0% 0%,rgba(59,130,246,.16),transparent 60%),linear-gradient(120deg,#11203a,#141a28);border:1px solid rgba(59,130,246,.32)}
.p-kyc-pending{background:radial-gradient(ellipse at 0% 0%,rgba(245,196,81,.14),transparent 60%),linear-gradient(120deg,#241d0c,#141a28);border:1px solid rgba(245,196,81,.3)}
.p-kyc-done{background:radial-gradient(ellipse at 0% 0%,rgba(34,197,94,.16),transparent 60%),linear-gradient(120deg,#0f2b1d,#141a28);border:1px solid rgba(34,197,94,.35);position:relative;overflow:hidden}
.p-kyc-done::before{content:"";position:absolute;top:0;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,rgba(34,197,94,.7) 50%,transparent);box-shadow:0 0 12px rgba(34,197,94,.4)}
.p-kyc-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;padding:12px 20px;font-size:13px;font-weight:800;cursor:pointer;flex-shrink:0;box-shadow:0 6px 16px rgba(29,78,216,.35);white-space:nowrap}
@media(max-width:560px){.p-kyc-card,.p-kyc-done{flex-wrap:wrap;gap:10px}.p-kyc-btn{width:100%}}
/* Чеканная рельса серии входов */
.p-streak-rail{position:relative;display:flex;justify-content:space-between;padding:0 4px}
.p-streak-line{position:absolute;top:28px;left:32px;right:32px;height:2px;background:#2a3346;z-index:0}
.p-streak-fill{position:absolute;top:28px;left:32px;height:2px;background:linear-gradient(90deg,#b8860b,#d4af37);z-index:0;transition:width .6s}
.p-coin-node{position:relative;z-index:1;text-align:center;flex:1;min-width:0}
.p-coin{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 7px;background:#212838;border:1px solid #2a3346}
.p-coin-node.done .p-coin{background:radial-gradient(circle at 38% 32%,#f0d878,#c99a2e 60%,#9a7320);border:1px solid #b8860b;box-shadow:0 3px 8px rgba(154,115,32,.3),inset 0 1px 2px rgba(255,255,255,.5)}
.p-coin-node.active .p-coin{background:radial-gradient(circle at 38% 32%,#fbe9a0,#d4af37 55%,#a87f1e);border:1px solid #d4af37;box-shadow:0 0 0 4px rgba(212,175,55,.18),0 4px 12px rgba(168,127,30,.4),inset 0 1px 2px rgba(255,255,255,.6);animation:pCoinGlow 2s infinite}
.p-coin-node.jackpot .p-coin{background:radial-gradient(circle at 38% 32%,#e9d5ff,#9333ea 60%,#6b21a8);border:1px solid #7c3aed;box-shadow:0 3px 10px rgba(124,58,237,.35),inset 0 1px 2px rgba(255,255,255,.4)}
@keyframes pCoinGlow{0%,100%{box-shadow:0 0 0 4px rgba(212,175,55,.18),0 4px 12px rgba(168,127,30,.4),inset 0 1px 2px rgba(255,255,255,.6)}50%{box-shadow:0 0 0 8px rgba(212,175,55,.08),0 4px 16px rgba(168,127,30,.55),inset 0 1px 2px rgba(255,255,255,.6)}}
.p-coin-d{font-size:10px;font-weight:700;color:#65786f;letter-spacing:.5px}
.p-coin-r{font-size:12px;font-weight:800;color:#b8860b;margin-top:1px}
.p-coin-node.locked .p-coin-r{color:#65786f}
.p-claim{width:100%;margin-top:18px;background:linear-gradient(135deg,#F5C451,#D9A21A 55%,#B8860B);color:#3a2400;border:none;border-radius:12px;padding:15px;font-size:14px;font-weight:800;letter-spacing:.3px;cursor:pointer;box-shadow:0 8px 22px rgba(245,196,81,.45),inset 0 1px 0 rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;gap:9px;transition:transform .15s,box-shadow .15s}
.p-claim:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(245,196,81,.6),inset 0 1px 0 rgba(255,255,255,.3)}
.p-claim svg circle,.p-claim svg path{stroke:#5a3e00}
.p-claim svg{width:17px;height:17px}
.p-claim-done{width:100%;margin-top:18px;text-align:center;padding:13px;font-size:13px;font-weight:700;color:#4ade80;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);border-radius:12px}
/* Привилегии */
.p-lvlcard{background:linear-gradient(135deg,rgba(245,196,81,.1),rgba(245,196,81,.03));border:1px solid rgba(245,196,81,.3);border-radius:18px;padding:18px;box-shadow:0 6px 20px rgba(0,0,0,.4)}
.p-lvlhead{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.p-lvlic{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;box-shadow:0 6px 16px rgba(217,119,6,.3)}
.p-lvlhead .h b{font-size:15px;color:#f5c451;display:block}.p-lvlhead .h span{font-size:12px;color:#caa84a}
.p-privgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.p-priv{display:flex;align-items:center;gap:11px;padding:12px;border-radius:13px;background:radial-gradient(ellipse at 100% 0%,rgba(34,197,94,.14),transparent 65%),linear-gradient(150deg,#13241c,#141a28);border:1px solid rgba(34,197,94,.3);box-shadow:0 6px 18px rgba(0,0,0,.3)}
.p-pi{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}
.p-pt b{font-size:12.5px;color:#f1f7f4;display:block}.p-pt span{font-size:10.5px;color:#9fb3aa}
/* Следующий уровень */
.p-nextcard{background:linear-gradient(135deg,rgba(168,85,247,.1),rgba(168,85,247,.03));border:1px solid rgba(168,85,247,.3);border-radius:18px;padding:18px;box-shadow:0 6px 20px rgba(0,0,0,.4)}
.p-nexthead{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:13px;flex-wrap:wrap;gap:8px}
.p-nexthead .nt{display:flex;flex-direction:column;gap:3px;min-width:0}
.p-nexthead .nt b{font-size:14px;color:#c9a8f5;display:inline-flex;align-items:center;gap:7px;line-height:1.3}
.p-nexthead .nt span{font-size:12px;color:#a78bca;font-weight:600}
.p-nextall{font-size:11px;color:#c9a8f5;background:rgba(168,85,247,.14);border:1px solid rgba(168,85,247,.3);padding:7px 13px;border-radius:10px;cursor:pointer;font-weight:700;white-space:nowrap}
.p-chips{display:flex;flex-wrap:wrap;gap:8px}
.p-chip{font-size:11.5px;color:#c9a8f5;background:#1a2030;border:1px solid rgba(168,85,247,.3);padding:7px 13px;border-radius:10px;font-weight:600}
/* Быстрый доступ */
.p-qagrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.p-qa{border-radius:16px;padding:17px;cursor:pointer;color:#fff;position:relative;overflow:hidden}
.p-qa b{font-size:15px;display:flex;align-items:center;gap:8px}
.p-qa span{font-size:12px;font-weight:600;margin-top:5px;display:block;opacity:.92}
.p-qa.purple{background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 8px 22px rgba(124,58,237,.35)}
.p-qa.green{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 8px 22px rgba(22,163,74,.35)}
.p-qa.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#3a2400;box-shadow:0 8px 22px rgba(245,158,11,.35)}
.p-qa.gold b,.p-qa.gold span{color:#3a2400}
/* Достижения витрина */
.p-achgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.p-ach{border-radius:16px;padding:17px;color:#fff;position:relative;overflow:hidden;min-height:100px}
.p-ach::after{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:radial-gradient(circle,rgba(255,255,255,.25),transparent 70%)}
.p-ach.a1{background:linear-gradient(135deg,#f59e0b,#d97706)}
.p-ach.a2{background:linear-gradient(135deg,#ef4444,#b91c1c)}
.p-ach.a3{background:linear-gradient(135deg,#10b981,#059669)}
.p-aic{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:10px;position:relative}
.p-ach b{font-size:15px;display:block;position:relative}.p-ach span{font-size:11.5px;opacity:.92;margin-top:3px;display:block;position:relative}
.p-ach-empty{grid-column:1/-1;display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#1a2030,#141926);border:1px dashed #34405a;border-radius:16px;padding:16px 18px;flex-wrap:wrap}
.p-ach-empty-ic{width:46px;height:46px;border-radius:13px;background:rgba(245,196,81,.12);border:1px solid rgba(245,196,81,.3);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.p-ach-empty-tx{flex:1;min-width:160px}.p-ach-empty-tx b{font-size:14px;color:#f1f7f4;display:block}.p-ach-empty-tx span{font-size:12px;color:#9fb3aa;margin-top:2px;display:block;line-height:1.4}
.p-ach-empty-btn{background:rgba(245,196,81,.14);color:#f5c451;border:1px solid rgba(245,196,81,.3);border-radius:11px;padding:10px 16px;font-size:13px;font-weight:800;cursor:pointer;flex-shrink:0;white-space:nowrap}
/* Кастомизация */
.p-cchead{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;flex-wrap:wrap;gap:8px}
.p-cchead .cc-t{font-size:15px;font-weight:800;color:#f1f7f4;display:flex;align-items:center;gap:8px}
.p-lvlpill{font-size:10px;font-weight:800;padding:4px 10px;border-radius:8px;letter-spacing:.3px;display:inline-flex;align-items:center;gap:4px}
.p-nickrow{display:flex;flex-wrap:wrap;gap:9px}
.p-nick{padding:9px 18px;border-radius:11px;font-size:15px;font-weight:800;border:1.5px solid #2a3346;cursor:pointer;position:relative;background:#212838}
.p-nick.sel{background:rgba(34,197,94,.16);border-color:#22c55e}
.p-nick.locked{opacity:.45;cursor:not-allowed}
.p-nick .chk{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:#16a34a;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.p-nick .lk{font-size:11px;margin-left:5px;font-style:normal}
.p-framerow{display:flex;flex-wrap:wrap;gap:18px}
.p-frame{text-align:center;cursor:pointer}
.p-frame .fr{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;color:#fff;background:#16a34a;border:3px solid;margin:0 auto 7px}
.p-frame .fn{font-size:11px;font-weight:700}
.p-frame.locked{opacity:.45}.p-frame.locked .fr{position:relative}.p-frame.locked .fr::after{content:"🔒";position:absolute;font-size:15px}
.p-advrow{display:flex;align-items:center;gap:13px;padding:14px;border-radius:13px;background:#212838;border:1px solid #2a3346}
.p-advic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.p-advrow .at b{font-size:14px;color:#f1f7f4;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.p-advrow .at p{font-size:12px;color:#9fb3aa;margin-top:3px}
/* Тёмные инпуты больше не нужны — светлая тема использует базовые .set-in */
.prof-dark-wrap .set-col2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:640px){.p-privgrid,.p-qagrid{grid-template-columns:1fr}.ph-stats{gap:8px}.p-coin{width:42px;height:42px}.prof-dark-wrap .set-col2{grid-template-columns:1fr}
  /* витрина достижений — компактно, 3 в ряд на телефоне */
  .p-achgrid{grid-template-columns:repeat(3,1fr);gap:7px}
  .p-ach{padding:10px 8px;min-height:auto;border-radius:12px}
  .p-ach::after{width:50px;height:50px;top:-14px;right:-14px}
  .p-aic{width:28px;height:28px;border-radius:8px;font-size:14px;margin-bottom:7px}
  .p-ach b{font-size:11.5px;line-height:1.15}
  .p-ach span{font-size:9px;margin-top:2px;line-height:1.2}
}
@media(max-width:560px){.prof-tabs{flex-wrap:nowrap;overflow-x:auto}.prof-tab span{display:none}.prof-tab{padding:10px 13px;font-size:16px}}
.prof-act:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.14)}
.prof-act-ic{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* ===== MOBILE / iPHONE FIXES (safe: simple selectors only) ===== */
#sidebar{padding-top:0}
.support-btn{bottom:calc(90px + env(safe-area-inset-bottom))}
.chat-wrap{bottom:calc(24px + env(safe-area-inset-bottom))}
@media(max-width:640px){
  /* ── Применение мобильной шкалы (Этап 1) ── */
  :root{--topbar:52px}
  /* Боковые поля экрана */
  .pwrap{padding:16px 0 32px!important;gap:16px!important}
  /* Страницы кошелька (пополнение/вывод/история) — компактнее */
  .walnav{margin-bottom:12px;padding:4px;border-radius:12px}
  .walnav-item{padding:9px 6px;font-size:var(--m-text);gap:5px}
  .dep2-page{border-radius:var(--m-radius)}
  .dep2-hdr{padding:14px 16px;gap:10px}
  .dep2-hdr-ic{width:38px;height:38px;border-radius:11px}
  .dep2-hdr h2{font-size:var(--m-h1)!important}
  .dep2-body{padding:14px 16px}
  .dep2-seg{padding:3px;gap:3px;margin-bottom:14px}
  .dep2-seg-item{padding:9px 4px;font-size:var(--m-text);gap:5px}
  /* Текст табов («Пакеты ставок», «Криптовалюта») — строго в одну строку, мельче, плотнее */
  .dep2-seg-item{font-size:11px!important;gap:4px!important;padding:9px 3px!important;white-space:nowrap}
  .dep2-seg-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dep2-seg-item .si{width:15px!important;height:15px!important}
  /* П.2: нежно-зелёные рамки/фоны — чуть темнее/насыщеннее, чтобы зелёный читался лучше.
     Только мобайл, светлую тему сохраняем — просто на ступень глубже. */
  .dep2-page{border-color:rgba(34,197,94,.4)!important}
  .dep2-hdr{border-bottom-color:#BBF7D0!important;background:linear-gradient(135deg,rgba(34,197,94,.12),#1a2030)!important}
  .dep2-seg{background:rgba(34,197,94,.14)!important;border-color:#BBF7D0!important}
  .dep2-pkg{background:rgba(34,197,94,.08)!important;border-color:#BBF7D0!important}
  .dep2-pscur.on{background:rgba(34,197,94,.16)!important;border-color:#22C55E!important}
  /* ── П.3: страница «Вывести» — компактнее, чтобы влезала в один экран на мобиле ── */
  .mpage-wd .pwrap{padding-top:12px!important}
  .mpage-wd .walnav{margin-bottom:10px!important}
  .mpage-wd .dep2-hdr{padding:12px 16px!important}
  .mpage-wd .dep2-hdr h2{font-size:16px!important}
  .mpage-wd .dep2-body{padding:12px 16px!important}
  .mpage-wd .dep2-curtabs{margin-bottom:12px!important}
  /* блок «Доступно к выводу» — компактнее */
  .mpage-wd .dep2-body > div[style*="border-radius:13px"]{padding:11px 13px!important;margin-bottom:12px!important}
  .mpage-wd #wd-avail-big{font-size:19px!important;margin-top:1px!important}
  /* поля «Сумма» и «Адрес» — меньше вертикальные отступы */
  .mpage-wd .dep2-body > div[style*="margin-bottom:14px"]{margin-bottom:10px!important}
  .mpage-wd .dep2-inp{min-height:42px!important;padding-top:9px!important;padding-bottom:9px!important}
  .mpage-wd .dep2-fld-lbl{margin-bottom:4px!important}
  .mpage-wd .dep2-summary{padding:10px 13px!important;margin-top:10px!important}
  .mpage-wd .dep2-sum-row{padding:3px 0!important}
  .mpage-wd .dep2-btn{margin-top:12px!important;padding:13px!important}
  /* поясняющий текст снизу — мельче и плотнее */
  .mpage-wd .dep2-body > p{font-size:10px!important;margin-top:7px!important}
  /* ── Страница «Пополнение» — компактнее, чтобы влезала в один экран на мобиле ── */
  .mpage-dep .pwrap{padding-top:12px!important}
  .mpage-dep .walnav{margin-bottom:10px!important}
  .mpage-dep .dep2-hdr{padding:12px 16px!important}
  .mpage-dep .dep2-hdr h2{font-size:16px!important}
  .mpage-dep .dep2-hdr-ic{width:36px!important;height:36px!important}
  .mpage-dep .dep2-body{padding:12px 16px!important}
  /* Сегменты (Пакеты ставок / Рубли / Крипто) — чуть компактнее */
  .mpage-dep .dep2-seg{margin-bottom:12px!important}
  /* Быстрые суммы — плотнее */
  .mpage-dep .dep2-presets{gap:6px!important;margin-bottom:11px!important}
  .mpage-dep .dep2-preset{padding:8px 10px!important;font-size:12px!important}
  /* Поля и подписи */
  .mpage-dep .dep2-body > div[style*="margin-bottom:14px"]{margin-bottom:10px!important}
  .mpage-dep .dep2-inp{min-height:42px!important;padding-top:9px!important;padding-bottom:9px!important}
  .mpage-dep .dep2-fld-lbl{margin-bottom:4px!important}
  /* Итоговая сводка */
  .mpage-dep .dep2-summary{padding:10px 13px!important;margin-top:10px!important;margin-bottom:10px!important}
  .mpage-dep .dep2-sum-row{padding:3px 0!important}
  /* Кнопка */
  .mpage-dep .dep2-btn{margin-top:10px!important;padding:13px!important}
  /* Инфо-строка крипты */
  .mpage-dep .dep2-cryptoinfo{font-size:10px!important;margin-top:8px!important;padding:8px 10px!important}
  /* Переключатель прайса в пакетах — компактнее заголовок */
  .mpage-dep .dep2-ps-head{gap:7px!important}
  .mpage-dep .dep2-ps-eye{width:22px!important;height:22px!important}
  .mpage-dep .dep2-ps-ttl{font-size:12px!important}
  .mpage-dep .dep2-ps-sub{font-size:9px!important}
  .dep2-btn{padding:13px;font-size:14px;min-height:var(--m-btn-h)}
  .dep2-inp{padding:12px 14px;font-size:15px;min-height:var(--m-field-h)}
  .dep2-summary{padding:12px 14px}
  .dep2-sum-row{font-size:var(--m-text)}
  /* Чипы валют — компактные + горизонтальный скролл (не перенос в ряды) */
  .dep2-curtabs,.dep2-ps-row{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}
  .dep2-curtabs::-webkit-scrollbar,.dep2-ps-row::-webkit-scrollbar{display:none}
  /* Лёгкое затухание у правого края — намёк «листай дальше», чтобы чипы не казались обрезанными */
  .dep2-curtabs,.dep2-ps-row{
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);
    mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);
  }
  .dep2-curtab,.dep2-pscur{flex-shrink:0;padding:6px 10px;font-size:var(--m-sub);height:var(--m-chip-h)}
  .dep2-curtab .d,.dep2-pscur .d{width:16px;height:16px}
  /* Пакеты ставок (п.5): ровная сетка 2-в-ряд, компактные карточки — без кривого переноса.
     Размеры «как в казино»: плотно, аккуратно, кнопка-цена крупная и читаемая. */
  .dep2-pkgs{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .dep2-pkg{padding:10px 7px!important;border-radius:11px!important}
  .dep2-pkg-art{width:40px!important;height:40px!important;margin:0 auto 5px!important}
  .dep2-pkg-amt{font-size:11px!important;margin-bottom:3px!important}
  .dep2-pkg-price{font-size:13px!important}
  .dep2-pkg-old{font-size:9px!important}
  .dep2-pkg-badge{font-size:7px!important;padding:2px 5px!important;top:5px!important;left:5px!important}
  /* История — компактные строки */
  .dep2-hist-row{padding:9px 11px!important;gap:9px!important;margin-bottom:5px!important;border-radius:10px!important}
  .dep2-hist-ic{width:32px!important;height:32px!important;border-radius:9px!important}
  .dep2-hist-ic svg{width:15px!important;height:15px!important}
  /* Название операции и валюта */
  .dep2-hist-row > div:nth-child(2) > div:first-child{font-size:12.5px!important;line-height:1.2}
  /* Дата */
  .dep2-hist-row > div:nth-child(2) > div:last-child{font-size:10px!important;margin-top:1px!important}
  /* Сумма */
  .dep2-hist-row > div:last-child > div:first-child{font-size:13px!important}
  /* Бейдж статуса — мельче */
  .dep2-hist-st{font-size:8.5px!important;padding:1px 6px!important;margin-top:2px!important}
  /* Фильтры (Все/Пополнения/Ставки/Выводы) — компактнее и в одну строку со скроллом */
  .dep2-curtabs{margin-bottom:11px!important}
  /* ── Уведомления — компактнее на мобиле ── */
  #m-notifs .mbox{padding:0!important}
  .notif-card{padding:9px 11px!important;gap:9px!important;margin-bottom:6px!important;border-radius:11px!important}
  .notif-ic{width:32px!important;height:32px!important;border-radius:9px!important}
  .notif-ic svg{width:15px!important;height:15px!important}
  /* Заголовок уведомления */
  .notif-card > div:nth-child(2) > div:first-child span{font-size:12.5px!important}
  /* Текст уведомления — короче межстрочный, чуть мельче */
  .notif-card > div:nth-child(2) > div:nth-child(2){font-size:11.5px!important;line-height:1.35!important}
  /* Время */
  .notif-card > div:nth-child(2) > div:last-child{font-size:9.5px!important;margin-top:2px!important}
  /* (компактный футер вынесен выше в этом же медиазапросе — см. блок «Плотный футер как у 1win») */
  /* ── Шапка НЕ закреплена (по решению владельца): обычный поток, едет со страницей ──
     Это убирает все проблемы с просветами/пустотой/кнопками над шапкой на iOS Safari,
     т.к. нет фиксированного слоя, который мог бы рассинхронизироваться с зоной выреза.
     Шапка просто первый блок страницы и уезжает вверх при скролле. */
  #topbar{
    position:static;
    padding-top:min(env(safe-area-inset-top,0px),44px);
    height:calc(var(--topbar) + min(env(safe-area-inset-top,0px),44px));
    align-items:center;box-sizing:border-box;
  }
  /* Закраска зоны выреза сверху тёмным цветом шапки — чтобы при оттягивании страницы
     вверх (bounce) над шапкой не мелькала белая полоса. Тонкий слой только на вырез. */
  body::before{
    content:'';position:fixed;top:0;left:0;right:0;
    height:min(env(safe-area-inset-top,0px),44px);
    background:#161d2e;z-index:702;pointer-events:none;
  }
  #topbar{gap:6px;padding-left:calc(10px + env(safe-area-inset-left));padding-right:calc(10px + env(safe-area-inset-right))}
  .tb-right{gap:5px;min-width:0!important}
  .tb-search{display:none!important}
  /* Прячем бургер в шапке — меню открывается из таб-бара снизу (не дублируем) */
  .sb-toggle{display:none!important}
  /* Показываем мобильное лого слева */
  .tb-logo-mob{display:flex!important}
  /* В сайдбаре на мобилке показываем мобильную версию лого вместо большой */
  .sb-logo > svg:not(.sb-logo-svg-mob){display:none!important}
  .sb-logo .sb-logo-svg-mob{display:block!important}
  .sb-logo{padding:20px 16px 12px!important;min-height:auto!important}
  #topbar > div:first-child{min-width:0!important;gap:0!important}
  /* Баланс в шапке СКРЫТ на мобилке — он постоянно виден в липкой полосе снизу. */
  #tb-cur-switcher{display:none!important}
  .tb-deposit-center{padding:6px 9px!important;font-size:11px!important;white-space:nowrap}
  /* Гость на мобилке: показываем ОБЕ кнопки компактно */
  #nav-guest{gap:6px!important}
  #nav-guest .gbtn{height:34px!important;font-size:12px!important;padding:0 11px!important}
  body.is-guest #tb-notif{display:none!important}
  /* Язык остаётся в шапке (есть место без баланса), компактный */
  #lang-switch{display:flex!important;padding:5px 8px!important;font-size:11px!important}
  /* Лого слева, правая группа справа, между ними воздух */
  #topbar > div:first-child{flex:1 1 auto!important}
  .tb-logo-mob{max-width:none!important}
  /* Право компактно: язык + колокольчик + аватар-кольцо, с промежутками */
  .tb-right{flex:0 0 auto;gap:8px!important}
  .tb-notif-btn{width:32px!important;height:32px!important;border-radius:9px!important}
  .tb-notif-btn svg{width:17px!important;height:17px!important}
  .tb-pcard-av{width:32px!important;height:32px!important;padding:2px!important}
  .tb-pcard-av .tb-av{font-size:13px!important}
  .tb-lvl-pip{min-width:14px!important;height:14px!important;font-size:9px!important;bottom:-2px!important;right:-2px!important}
  .hero-kpis{display:grid!important;grid-template-columns:1fr 1fr!important;flex-wrap:wrap!important}
  .hkpi{flex:none!important;min-width:0!important;border-right:1px solid rgba(255,255,255,.1)!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
  .hkpi:nth-child(2n){border-right:none!important}
  .hkpi:nth-last-child(-n+2){border-bottom:none!important}
  .support-btn{padding:8px 12px;font-size:12px;right:14px}
  /* ═══ МОБИЛЬНАЯ ГЛАВНАЯ: порядок блоков для конверсии ═══ */
  .home-divider-top{display:none!important}
  .home-divider-mid{display:none!important}
  .home-main{display:flex;flex-direction:column;padding-top:8px!important}
  .home-sec-promo{order:1;margin-bottom:0}
  .home-sec-streak{order:2}
  .home-sec-lots{order:3}
  .home-sec-gamezone{order:4}
  .home-sec-pkgs{order:5}
  .home-sec-how{order:6}
  .home-sec-seo{order:7}
  .home-sec-hotlot{order:99;display:none!important}
  /* Гость: сначала ЛОТЫ (азарт), потом бесплатный оффер (конверсия) */
  .home-sec-welcome{order:4}
  .home-sec-streak:empty{display:none}
  /* «Как это работает» убрано для авторизованных (знают механику). Гостю — показываем (кнопка hero скроллит сюда). */
  body:not(.is-guest) .home-sec-how{display:none!important}
  /* Бонусы-слайдер скрыт с главной (доступ через меню/активности). Серия — отдельной секцией выше. */
  .gm-bonus-sec{display:none!important}
  .home-sec-gamezone:empty{display:none}
  .gm-zone-in{padding:0 14px 14px!important}
  .gm-bgrid{display:flex!important;gap:10px!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px;scrollbar-width:none}
  .gm-bgrid::-webkit-scrollbar{display:none}
  .gm-bgrid > *{scroll-snap-align:start;flex:0 0 80%;max-width:80%}
  /* На странице /freecoins бонусы — сетка 2 в ряд (3 ряда), а не слайдер */
  .fc-bonuses .gm-bgrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;overflow:visible!important}
  .fc-bonuses .gm-bgrid > *{flex:none!important;max-width:none!important;width:auto!important}
  .fc-bonuses .gm-dots{display:none!important}
  /* Слот-мотиватор пополнения — компактный, показывается только при акции (JS) */
  .home-sec-promo:empty{display:none}
  .home-promo{display:flex;align-items:center;gap:10px;background:linear-gradient(100deg,rgba(245,196,81,.16),rgba(245,196,81,.04));border:1px solid rgba(245,196,81,.4);border-radius:12px;padding:8px 10px;margin-bottom:12px;cursor:pointer}
  .home-promo-ic{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);color:var(--pcol);flex-shrink:0}
  .home-promo-tx{display:flex;flex-direction:column;line-height:1.2;min-width:0;flex:1}
  .home-promo-tx b{font-size:12px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .home-promo-tx span{font-size:10px;color:rgba(255,255,255,.6)}
  .home-promo-btn{flex-shrink:0;border:none;border-radius:9px;padding:8px 13px;font-size:12px;font-weight:700;cursor:pointer;background:linear-gradient(180deg,#FBBF24,#D97706);color:#3a2400;box-shadow:0 4px 12px rgba(245,196,81,.4)}
  /* «Все лоты» — полноширинная кнопка-строка (нечётная сетка не выглядит обрублено) */
  .home-alllots-wrap{margin-top:14px!important}
  .home-alllots{width:100%!important}
  /* Бонусы-слайдер: чуть выглядывающий край следующей карточки + точки-индикатор */
  .gm-bgrid > *{flex:0 0 82%!important;max-width:82%!important}
  .gm-dots{display:flex;justify-content:center;gap:5px;margin-top:9px}
  .gm-dot{width:5px;height:5px;border-radius:9px;background:rgba(255,255,255,.22);transition:width .2s,background .2s}
  .gm-dot.on{width:18px;background:#22C55E}
  /* Тост поднимаем над липкой полосой (чтобы не налезал) */
  #toasts{bottom:calc(140px + env(safe-area-inset-bottom))!important}
  /* ═══ НОВЫЙ МОБИЛЬНЫЙ ФУТЕР — единый стиль строк ═══ */
  .foot-top,.foot-bot{display:none!important}
  .foot-mobile{display:block!important;padding:18px 14px 8px}
  .fm-row{display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:11px 12px;margin-bottom:8px;cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s}
  .fm-row:active{background:rgba(255,255,255,.07)}
  .fm-row-partner{background:rgba(245,196,81,.07);border-color:rgba(245,196,81,.22)}
  .fm-i{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .fm-i-green{background:rgba(34,197,94,.15);color:#4ade80}
  .fm-i-blue{background:rgba(56,139,221,.15);color:#85b7eb}
  .fm-i-gold{background:rgba(251,191,36,.15);color:#FBBF24}
  .fm-tx{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
  .fm-tx b{font-size:12.5px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .fm-tx span{font-size:10.5px;color:rgba(255,255,255,.5)}
  .fm-tx .fm-l{font-size:10px;color:rgba(255,255,255,.45)}
  .fm-tx .fm-mail{font-size:12px;color:#fff}
  .fm-act{flex-shrink:0;border-radius:8px;padding:7px 13px;font-size:11px;font-weight:700}
  .fm-act-green{background:linear-gradient(180deg,#34d399,#16a34a);color:#fff}
  .fm-act-blue{background:rgba(56,139,221,.2);color:#85b7eb;border:1px solid rgba(56,139,221,.3)}
  .fm-copy{flex-shrink:0;color:rgba(255,255,255,.4);display:flex;align-items:center}
  .fm-foot{text-align:center;padding:14px 0 4px}
  .fm-logo{display:flex;justify-content:center;margin-bottom:12px}
  .fm-logo svg{width:auto;height:30px;max-width:200px;display:block}
  .fm-socs{display:flex;justify-content:center;gap:8px;margin-bottom:12px}
  .fm-socs a{width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);transition:background .15s}
  .fm-socs a:active{background:rgba(255,255,255,.12)}
  .fm-copy-line{font-size:10px;color:rgba(255,255,255,.35);margin-bottom:4px}
  .fm-links{font-size:10px;color:rgba(255,255,255,.3)}
  .fm-links a{color:rgba(255,255,255,.45);cursor:pointer;text-decoration:none}
  .fm-links a:active{color:#4ADE80}
  /* Серия входов — компактная плоская полоса (фикс развала вёрстки) */
  .gm-s2{margin-top:10px!important;background:rgba(245,196,81,.07)!important;border:1px solid rgba(245,196,81,.22)!important;border-radius:12px!important;padding:11px 13px!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .gm-s2-l{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;flex-shrink:0!important}
  .gm-s2-l .n{font-size:18px!important;line-height:1!important}
  .gm-s2-l .l{font-size:9px!important}
  .gm-s2-mid{flex:1 1 100%!important;order:3!important;min-width:0!important}
  .gm-s2-day{font-size:11px!important;color:rgba(255,255,255,.7)!important;margin-bottom:8px!important;white-space:normal!important}
  .gm-s2-track{background:rgba(255,255,255,.1)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;height:8px!important;margin-right:20px!important}
  .gm-s2-track:before{display:none!important}
  .gm-s2-track .f{box-shadow:none!important;background:linear-gradient(90deg,#22C55E,#4ade80)!important}
  .gm-s2-track .f:after{display:none!important}
  .gm-s2-dot{width:16px!important;height:16px!important;background:rgba(255,255,255,.12)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(255,255,255,.18)!important;font-size:8px!important}
  .gm-s2-dot:before{display:none!important}
  .gm-s2-dot.on{background:#22C55E!important;border-color:#4ade80!important;color:#06281a!important;box-shadow:none!important}
  .gm-s2-dot.cur{background:#FBBF24!important;border-color:#FBBF24!important;color:#3a2400!important;box-shadow:none!important}
  .gm-s2-crown{width:32px!important;height:32px!important;background:linear-gradient(180deg,#FBBF24,#D97706)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;right:-18px!important}
  .gm-s2-crown:before{display:none!important}
  .gm-s2-crown-i{top:-11px!important;font-size:12px!important}
  .gm-s2-claim{order:2!important;margin-left:auto!important;box-shadow:none!important;padding:7px 12px!important;font-size:12px!important}
  .gm-s2-timer{order:2!important;margin-left:auto!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;padding:7px 12px!important;width:auto!important}
}
@media(max-width:480px){
  /* Лоты — компактные плитки 2 в ряд (как список игр у 1win). g2 — широкие блоки, в 1 колонку */
  .g3,.g4{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .g2{grid-template-columns:1fr!important;gap:14px!important}
  /* Компактная карточка лота для узкой плитки */
  .lcard{border-radius:14px}
  /* mobile: aspect-ratio 1/1 наследуется от десктопа, фиксированный height убран */
  .lcard-body{padding:9px}
  .lcard-name{font-size:12px;margin-bottom:4px;line-height:1.25}
  .lcard-id{display:none}
  .lcard-meta{gap:4px;margin-bottom:6px}
  .ltimer{font-size:10px;padding:2px 6px}
  .lreset{display:none}
  .lprow{margin-bottom:6px}
  .lprice{font-size:14px}
  .lbids{font-size:10px}
  .llead{padding:5px 7px;margin-bottom:8px;gap:5px}
  .llead-av{width:18px;height:18px;font-size:8px}
  .llead-n{font-size:10px}
  .lcard .btn{padding:9px;font-size:12px;min-height:40px}
  .lcard-rib .st{font-size:9px;padding:2px 7px}
  .how-steps{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}
  .how-step::after{display:none!important}
  .how-wrap{padding:20px!important}
  .sec{padding:28px 0!important}
  .hero{padding:14px 0 16px!important}
}
html{max-width:100%;overflow-x:hidden}
/* ─── МОБИЛЬНЫЙ ТАБ-БАР ─── */
#mobile-tabbar{display:none}
@media(max-width:900px){
  #mobile-tabbar{
    display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1000;
    background:#0D1323;
    border-top:1px solid rgba(255,255,255,.06);
    padding:8px 4px calc(8px + env(safe-area-inset-bottom));
    justify-content:space-around;align-items:center;
    box-shadow:0 -8px 32px rgba(0,0,0,.45);
  }
  /* Тёмная заливка зоны под таб-баром (safe-area Safari) — чтобы низ сливался, без белого стыка */
  #mobile-tabbar::after{
    content:'';position:absolute;left:0;right:0;top:100%;
    height:env(safe-area-inset-bottom,0px);background:#0D1323;
  }
  .tab-btn{
    flex:1;background:none;border:none;cursor:pointer;
    display:flex;flex-direction:column;align-items:center;gap:4px;
    color:#6B7B9C;font-family:inherit;padding:2px;transition:color .18s,transform .12s;
    -webkit-tap-highlight-color:transparent;
  }
  .tab-btn:active{transform:scale(.92)}
  .tab-btn .tab-ico{width:23px;height:23px;display:block;transition:transform .18s}
  .tab-btn.on{color:#22C55E}
  .tab-btn.on .tab-ico{transform:translateY(-1px)}
  .tab-lbl{font-size:10px;font-weight:600;letter-spacing:.01em}
  /* Центральная кнопка (Лоты) */
  .tab-center{position:relative}
  .tab-center-circle{
    width:50px;height:50px;border-radius:50%;
    background:linear-gradient(135deg,#22C55E,#16A34A);
    display:flex;align-items:center;justify-content:center;
    margin-top:-24px;margin-bottom:3px;
    box-shadow:0 6px 18px rgba(34,197,94,.45),0 0 0 4px rgba(13,19,35,.92);
    transition:transform .15s;
  }
  .tab-center-circle svg{width:26px;height:26px}
  .tab-center:active .tab-center-circle{transform:scale(.9)}
  .tab-center.on .tab-center-circle{box-shadow:0 6px 22px rgba(34,197,94,.6),0 0 0 4px rgba(13,19,35,.92)}
  .tab-center .tab-lbl{color:#22C55E;font-weight:700}
  /* отступ снизу чтобы контент/футер не прятались под таб-баром */
  footer{margin-bottom:70px}
  /* Прячем плавающие кнопки на мобилке — не перекрывают таб-бар (поддержка в меню/футере) */
  .chat-fab{display:none!important}
  .support-btn{display:none!important}
  /* Toast-уведомления — выше таб-бара, чтобы не перекрывались */
  #toasts{bottom:calc(80px + env(safe-area-inset-bottom))!important;right:12px!important;left:12px!important;align-items:center}

  body{padding-bottom:env(safe-area-inset-bottom)}
  /* Запас снизу под закреплённый таб-бар — чтобы низ контента/футера не прятался */
  footer{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}
  /* Липкая полоса баланса+Пополнить — над таб-баром, только для авторизованных */
  #sticky-deposit{
    display:none;position:fixed;left:8px;right:8px;
    bottom:calc(70px + env(safe-area-inset-bottom));z-index:999;
    align-items:center;gap:10px;padding:8px 10px 8px 14px;
    background:linear-gradient(100deg,#0f3322,#0c2417);
    border:1px solid rgba(34,197,94,.35);border-radius:14px;
    box-shadow:0 8px 28px rgba(0,0,0,.45),0 0 16px rgba(34,197,94,.18);cursor:pointer;
  }
  body:not(.is-guest).show-sticky-dep #sticky-deposit{display:flex}
  /* Скрываем липкую полосу когда открыта модалка (кошелёк, депозит и т.д.) — иначе перекрывает контент */
  body.modal-lock #sticky-deposit{display:none!important}
  #sticky-deposit.sd-low{border-color:rgba(245,196,81,.5);box-shadow:0 8px 28px rgba(0,0,0,.45),0 0 18px rgba(245,196,81,.3)}
  .sd-bal{display:flex;align-items:center;gap:7px;flex:1;min-width:0}
  .sd-coin{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FCD34D,#D9A21A);flex-shrink:0;box-shadow:inset 0 1px 2px rgba(255,255,255,.5)}
  .sd-num{font-size:15px;font-weight:800;color:#fff}
  .sd-cur{font-size:12px;color:rgba(255,255,255,.6);font-weight:600}
  #sticky-deposit.sd-low .sd-num{color:#FCD34D}
  .sd-btn{flex-shrink:0;border:none;border-radius:10px;padding:9px 15px;font-size:13px;font-weight:800;cursor:pointer;background:linear-gradient(180deg,#34d399,#16a34a);color:#fff;box-shadow:0 4px 12px rgba(34,197,94,.45);display:flex;align-items:center;gap:5px;white-space:nowrap}
  #sticky-deposit.sd-low .sd-btn{background:linear-gradient(180deg,#FBBF24,#D97706);color:#3a2400}
  .sd-plus{font-size:16px;line-height:1}
}

.toast-wrap,.toast{max-width:calc(100vw - 24px)}
/* Сетка страницы пакетов OneCoin */
.pkg-page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1152px}
@media(max-width:900px){.pkg-page-grid{grid-template-columns:repeat(3,1fr)}}
/* ── Премиальный сегментированный переключатель (компактный) ── */
.pkg-modeswitch{display:inline-flex;background:var(--bg2);border:1px solid var(--bd);border-radius:12px;padding:4px;gap:2px;width:auto;max-width:100%}
.pkg-modeswitch-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:8px;background:transparent;border:none;cursor:pointer;font-family:inherit;color:var(--t3);font-weight:700;font-size:13px;transition:all .2s;white-space:nowrap;line-height:1}
.pkg-modeswitch-btn:hover{color:var(--t)}
.pkg-modeswitch-btn.on{background:var(--card);color:var(--t);box-shadow:0 2px 8px -2px rgba(15,23,42,.12),0 1px 2px rgba(15,23,42,.06)}
.pkg-modeswitch-btn.on svg{color:#16A34A}
.pkg-modeswitch-btn svg{color:var(--t3);flex-shrink:0}
.pkg-modeswitch-sub{display:none}
@media(max-width:520px){
  .pkg-modeswitch{display:flex;width:100%}
  .pkg-modeswitch-btn{flex:1;padding:8px 10px;font-size:12px}
}
/* ── Единый стиль для переключателя "Показывать цены в" ── */
.pkg-priceswitch{display:inline-flex;background:var(--bg2);border:1px solid var(--bd);border-radius:12px;padding:4px;gap:2px;flex-wrap:nowrap;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.pkg-priceswitch::-webkit-scrollbar{display:none}
.pkg-priceswitch-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:7px;background:transparent;border:none;cursor:pointer;font-family:inherit;color:var(--t3);font-weight:700;font-size:12px;transition:.15s;white-space:nowrap;line-height:1;flex-shrink:0}
.pkg-priceswitch-btn:hover{color:var(--t);background:rgba(255,255,255,.5)}
.pkg-priceswitch-btn.on{background:var(--card);color:var(--t);box-shadow:0 2px 6px -2px rgba(15,23,42,.12)}
.pkg-priceswitch-btn .pkg-ps-sym{font-weight:800;font-size:13px}
.pkg-ps-label{color:var(--t2)}
.mpage-pkgs .pkg-ps-label,.buysec .pkg-ps-label{color:rgba(255,255,255,.85)}
/* Тёмный контекст (страница пакетов / секция «Купи OneCoin») — читаемые цвета */
.mpage-pkgs .pkg-priceswitch,.buysec .pkg-priceswitch{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.mpage-pkgs .pkg-priceswitch-btn,.buysec .pkg-priceswitch-btn{color:rgba(255,255,255,.65)}
.mpage-pkgs .pkg-priceswitch-btn.on,.buysec .pkg-priceswitch-btn.on{background:rgba(255,255,255,.16);color:#fff;box-shadow:none}
.mpage-pkgs .pkg-priceswitch-btn:hover,.buysec .pkg-priceswitch-btn:hover{color:#fff;background:rgba(255,255,255,.1)}

/* ═══════════════════════════════════════════════════════════════════
   КАЛЬКУЛЯТОР «СВОЯ СУММА» — премиальная двухколоночная карточка
   ═══════════════════════════════════════════════════════════════════ */
.cb-card{background:linear-gradient(135deg,#161d2e 0%,#0F172A 100%);border:1px solid rgba(251,191,36,.18);border-radius:22px;padding:0;color:#F0F4FF;overflow:hidden;position:relative;box-shadow:0 20px 50px -20px rgba(0,0,0,.5),0 8px 16px -8px rgba(0,0,0,.3)}
.cb-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#22C55E,#FBBF24,transparent)}
.cb-card::after{content:'';position:absolute;top:-80px;right:-60px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.12),transparent 70%);pointer-events:none}
/* Заголовок */
.cb-head{display:flex;align-items:center;gap:14px;padding:22px 26px;border-bottom:1px solid rgba(255,255,255,.06);position:relative;z-index:1}
.cb-head-ic{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#22C55E,#16A34A);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;box-shadow:0 8px 18px -6px rgba(34,197,94,.5)}
.cb-head-tx{flex:1;min-width:0}
.cb-head-t{font-size:18px;font-weight:900;color:#fff;line-height:1.2;letter-spacing:-.02em}
.cb-head-s{font-size:12px;color:var(--t3);margin-top:4px;line-height:1.4}
/* Тело — 2 колонки */
.cb-body{display:grid;grid-template-columns:1fr 1fr;gap:0;position:relative;z-index:1}
.cb-col-left{padding:24px 26px;border-right:1px solid rgba(255,255,255,.06)}
.cb-col-right{padding:24px 26px}
@media(max-width:760px){
  .cb-body{grid-template-columns:1fr}
  .cb-col-left{border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}
}
/* Метка */
.cb-label{font-size:10px;font-weight:800;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
/* Ввод количества: − [number] + */
.cb-input-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.cb-step{width:44px;height:48px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#cbd5e1;border-radius:11px;font-size:22px;font-weight:600;cursor:pointer;transition:.15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cb-step:hover{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.4);color:#22C55E}
.cb-input{flex:1;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.15);border-radius:11px;padding:0 14px;color:#fff;font-size:22px;font-weight:900;text-align:center;outline:none;height:48px;-moz-appearance:textfield}
.cb-input::-webkit-outer-spin-button,.cb-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cb-input:focus{border-color:#22C55E;background:rgba(34,197,94,.08)}
/* Пресеты */
.cb-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:18px}
.cb-preset{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:#cbd5e1;border-radius:8px;padding:8px 4px;font-size:12px;font-weight:700;cursor:pointer;transition:.15s;font-family:inherit}
.cb-preset:hover{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.4);color:#22C55E}
/* Лестница скидок */
.cb-ladder{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px}
.cb-ladder-t{font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}
.cb-ladder-rows{display:flex;flex-direction:column;gap:4px}
.cb-ladder-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--t3);padding:4px 8px;border-radius:6px;transition:.15s;font-weight:600}
.cb-ladder-row span{font-weight:800}
.cb-ladder-row.on{background:rgba(34,197,94,.15);color:#22C55E}
.cb-ladder-row.on span{color:#4ADE80}
/* Правая колонка: ИТОГО */
.cb-total{background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(34,197,94,.04));border:1.5px solid rgba(34,197,94,.3);border-radius:14px;padding:18px 20px;margin-bottom:12px;text-align:center}
.cb-total-amt{display:flex;align-items:baseline;justify-content:center;gap:8px;font-family:'Unbounded','Inter',sans-serif;line-height:1}
.cb-total-amt-num{font-size:32px;font-weight:900;color:#4ADE80;letter-spacing:-.02em}
.cb-total-amt-cur{font-size:18px;font-weight:700;color:#22C55E}
.cb-total-sub{font-size:12px;color:var(--t3);margin-top:6px;font-weight:500}
/* Breakdown — детализация */
.cb-breakdown{background:rgba(255,255,255,.03);border-radius:10px;padding:10px 14px;font-size:12px}
.cb-breakdown:empty{display:none}
.cb-bd-row{display:flex;justify-content:space-between;align-items:center;color:var(--t3);padding:3px 0}
.cb-bd-row.cb-bd-discount{color:#4ADE80;font-weight:700}
/* Валюты */
.cb-currencies{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.cb-loading,.cb-empty{color:var(--t3);text-align:center;padding:12px;font-size:12px}
.cb-empty{color:#FBBF24;background:rgba(251,191,36,.08);border-radius:10px}
.cb-cur{background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.1);border-radius:11px;padding:10px 12px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:.15s}
.cb-cur:hover:not(.off){background:rgba(255,255,255,.07);border-color:rgba(34,197,94,.3)}
.cb-cur.on{background:rgba(34,197,94,.12);border-color:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.12)}
.cb-cur.off{opacity:.55;cursor:not-allowed}
.cb-cur-ic{width:32px;height:32px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.cb-cur-ic svg{width:32px;height:32px;display:block;box-shadow:0 2px 6px rgba(0,0,0,.25);border-radius:50%}
/* v24.55: липкая полоса «Пополнить» — мобильный элемент; на ПК прятать (вылезала синей полосой под футером и вела на пакеты) */
@media(min-width:769px){#sticky-deposit{display:none!important}}