RPU v2, promo/bank система, админка, оптимизации

— RPU v2: бюджет удачи, потолок (ceiling), комбек после
  проигрышей, hot/cold анализ, интеграция с promo-фазами
— Bank API: mock-банк для карты (депозит/вывод с балансом 1000₽)
— Promo-сервис: автогенерация промокодов каждый час, типы
  (card_to_site, luck_boost, ceiling_boost, free_case, reset_streak)
— Promo-фазы: LUCKY/NEUTRAL/UNLUCKY, переключение каждые 1-6ч
— Admin: история транзакций (user_history), управление промокодами,
  управление promo-фазами, API фильтров/коллекций, RPU info
— Database: WAL mode, новые поля RPU v2, TransactionLog,
  карточный баланс, статистики (streaks, ceiling, budget)
— Frontend: /deposit, /promo/activate, /withdraw, /card-balance,
  /online-count, /rpu-info, lifespan вместо startup event
— UI: user_history.html, улучшения профиля, кейсов, навигации
— Cases: обновление cases.json (1892 строки новых данных)
— Achievements: кэш коллекций, оптимизация is_custom проверок
— Sounds: дополнительные звуковые эффекты
— Upgrade: интеграция с RPU (множители, streaks)
— .gitignore: исключены .db, .bak, __pycache__

templates/cases.html

@@ -152,6 +152,85 @@
         .btn-open:hover {
             background: var(--primary-hover);
         }
+
+        .promo-wrapper {
+            background: linear-gradient(135deg, #1a1a2e 0%, #2d1b3d 50%, #1a1a2e 100%);
+            border: 1px solid rgba(255,215,0,0.2);
+            border-radius: 12px;
+            margin-bottom: 1.5rem;
+            padding: 0.75rem 1rem;
+            box-shadow: 0 0 20px rgba(255,215,0,0.05);
+        }
+        .promo-container {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            gap: 1rem;
+            flex-wrap: wrap;
+        }
+        .promo-info { display: flex; align-items: center; gap: 0.75rem; }
+        .promo-info--card { text-align: center; }
+        .promo-info--label {
+            font-size: 1.6rem;
+            font-weight: 700;
+            color: #ffd700;
+            line-height: 1;
+        }
+        .promo-info--label-bottom {
+            font-size: 0.65rem;
+            text-transform: uppercase;
+            color: var(--text-dim);
+            letter-spacing: 0.05em;
+        }
+        .promo-timer--inner { display: flex; align-items: center; gap: 0.5rem; }
+        .promo-timer--label {
+            font-size: 0.7rem;
+            color: var(--text-dim);
+            text-transform: uppercase;
+            letter-spacing: 0.05em;
+        }
+        .promo-timer--countdown {
+            font-size: 1.1rem;
+            font-weight: 700;
+            color: #ffd700;
+            font-variant-numeric: tabular-nums;
+        }
+        .promo-code { display: flex; align-items: center; gap: 0.5rem; }
+        .promo-code--label {
+            font-size: 0.65rem;
+            color: var(--text-dim);
+            text-transform: uppercase;
+            letter-spacing: 0.05em;
+        }
+        .promo-code--label-light { color: #ffd700; font-weight: 600; }
+        .promo-code--button {
+            background: linear-gradient(135deg, #ffd700, #f59e0b);
+            border: none;
+            border-radius: 8px;
+            padding: 0.4rem 1rem;
+            font-weight: 700;
+            font-size: 0.9rem;
+            cursor: pointer;
+            color: #1a1a2e;
+            transition: transform 0.15s, box-shadow 0.15s;
+            position: relative;
+        }
+        .promo-code--button:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 12px rgba(255,215,0,0.4);
+        }
+        .promo-code--button:active { transform: translateY(0); }
+        .promo-code--button .inner { position: relative; z-index: 2; }
+        .promo-code--button.copied {
+            background: linear-gradient(135deg, #16a34a, #15803d);
+            color: white;
+        }
+        @media (max-width: 640px) {
+            .promo-container { flex-direction: column; align-items: stretch; text-align: center; }
+            .promo-info { justify-content: center; }
+            .promo-timer--inner { justify-content: center; }
+            .promo-code { justify-content: center; flex-wrap: wrap; }
+        }
     </style>
 </head>
 <body>
@@ -162,6 +241,33 @@
             <h1>📦 Кейсы</h1>
             <p class="page-subtitle">Выберите кейс для открытия</p>
             
+            {% if auto_promo and user %}
+            <section class="promo-wrapper" id="promocode-holder">
+              <div class="promo-container">
+                <div class="promo-info">
+                  <div class="promo-info--card">
+                    <div class="promo-info--label ff-secondary">+{{ auto_promo.reward_amount }}%</div>
+                    <div class="promo-info--label-bottom">НА СЧЕТ</div>
+                  </div>
+                </div>
+                <div class="promo-timer">
+                  <div class="promo-timer--inner">
+                    <p class="promo-timer--label">ОСТАЛОСЬ ВРЕМЕНИ:</p>
+                    <span class="ff-secondary promo-timer--countdown" id="promocode-countdown" data-seconds="{{ auto_promo.expires_in_seconds }}">
+                      <span>00</span>:<span>00</span>:<span>00</span>
+                    </span>
+                  </div>
+                </div>
+                <div class="promo-code" id="coupon-holder" data-promocode="{{ auto_promo.code }}">
+                  <p class="promo-code--label">ИСПОЛЬЗУЙ <span class="promo-code--label-light">ПРОМОКОД:</span></p>
+                  <button class="promo-code--button point-btn" onclick="copyAndOpenPromo('{{ auto_promo.code }}', this)">
+                    <span class="inner">{{ auto_promo.code }}</span>
+                  </button>
+                </div>
+              </div>
+            </section>
+            {% endif %}
+            
             <div class="cases-sections">
                 {% for section in sections %}
                 <div class="section-block">
@@ -207,6 +313,47 @@
         </div>
     </main>
 
+    <script>
+    // Промо-баннер таймер
+    (function() {
+        var el = document.getElementById('promocode-countdown');
+        if (!el) return;
+        var total = parseInt(el.dataset.seconds, 10) || 0;
+        var spans = el.querySelectorAll('span');
+        function tick() {
+            if (total <= 0) { spans[0].textContent = '00'; spans[1].textContent = '00'; spans[2].textContent = '00'; return; }
+            total--;
+            var h = Math.floor(total / 3600);
+            var m = Math.floor((total % 3600) / 60);
+            var s = total % 60;
+            spans[0].textContent = String(h).padStart(2, '0');
+            spans[1].textContent = String(m).padStart(2, '0');
+            spans[2].textContent = String(s).padStart(2, '0');
+        }
+        tick();
+        setInterval(tick, 1000);
+    })();
+    function copyAndOpenPromo(code, btn) {
+        if (!btn) btn = document.querySelector('.promo-code--button');
+        navigator.clipboard.writeText(code).then(function() {
+            btn.classList.add('copied');
+            btn.innerHTML = '<span class="inner">✓ СКОПИРОВАНО</span>';
+            setTimeout(function() {
+                btn.classList.remove('copied');
+                btn.innerHTML = '<span class="inner">' + code + '</span>';
+            }, 2000);
+        }).catch(function() {});
+        // Открываем депозит-попап и вставляем код
+        var overlay = document.getElementById('depositOverlay');
+        if (overlay) {
+            overlay.classList.add('open');
+            var input = document.getElementById('promoInput');
+            if (input) { input.value = code; input.focus(); }
+            // Грузим балансы
+            if (typeof loadDepositData === 'function') loadDepositData();
+        }
+    }
+    </script>
     <script>
         async function logout() {
             await fetch('/web/api/auth/logout', { method: 'POST' });