/* ═══ Премиум-вид экранов оболочки: кошелёк, пополнение, вывод, рейтинг, друзья, профиль ═══════════════════════
   Владелец 2026-10-19: «меню у нас теперь крутое, а остальные страницы какие-то отстающие… подумай, как выглядели
   бы они в премиум-проекте». Язык — тот же, что у «Главной» (styles/games-hub.css): крупный жирный заголовок,
   карточки с цветным светом и мягкой тенью, золотая главная кнопка, значки вместо голых подписей.

   Пока — только тестерам (владелец 2026-10-19: «выкладывай для тестеров»): каждое правило начинается с html.ui-prem,
   класс ставит js/ui/premium-gate.js по слову сервера (src/services/ui-premium.js, настройки миграции 168).

   Файл стоит ПОСЛЕ components.css и перекрывает его, не трогая разметку модулей: каждое правило начинается
   с раздела (#screen-wallet, #screen-profile, …), поэтому сильнее прежних и не задевает игры. Те же модули
   рисуют кошелёк, друзей и профиль и на странице дурака — там этот файл тоже подключён (до durak.css, чтобы
   цвета дурака оставались его).

   Значки — маски из --pi-* ниже (линия 24×24, цвет — background самого элемента). Картинки data: страница
   разрешает (img-src 'self' data:). Двигаются только transform и opacity; просьба о покое гасит всё. */

:root {
    --pi-wallet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5A2.5 2.5 0 0 1 6.5 5H18v3'/%3E%3Crect x='3.5' y='7.5' width='17' height='12' rx='2.5'/%3E%3Cpath d='M16 13.5h2.5'/%3E%3C/svg%3E");
    --pi-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4.5v13M6.5 12l5.5 5.5 5.5-5.5'/%3E%3Cpath d='M5 20h14'/%3E%3C/svg%3E");
    --pi-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19.5v-13M6.5 12L12 6.5l5.5 5.5'/%3E%3Cpath d='M5 4h14'/%3E%3C/svg%3E");
    --pi-ticket: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5A1.5 1.5 0 0 1 5.5 6h13A1.5 1.5 0 0 1 20 7.5V10a2 2 0 0 0 0 4v2.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 16.5V14a2 2 0 0 0 0-4z'/%3E%3Cpath d='M14.5 6.5v11' stroke-dasharray='1.6 2.2'/%3E%3C/svg%3E");
    --pi-gift: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='9' width='17' height='11.5' rx='2'/%3E%3Cpath d='M2.5 6.5h19v3h-19zM12 6.5v14'/%3E%3Cpath d='M12 6.5C10.5 3 6.5 2.6 6.6 4.9 6.7 6.4 9.5 6.5 12 6.5zM12 6.5c1.5-3.5 5.5-3.9 5.4-1.6-.1 1.5-2.9 1.6-5.4 1.6z'/%3E%3C/svg%3E");
    --pi-percent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.5 5.5l-13 13'/%3E%3Ccircle cx='7' cy='7' r='2.5'/%3E%3Ccircle cx='17' cy='17' r='2.5'/%3E%3C/svg%3E");
    --pi-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8.5' y='8.5' width='11' height='11' rx='2.2'/%3E%3Cpath d='M15.5 8.5V6A1.5 1.5 0 0 0 14 4.5H6A1.5 1.5 0 0 0 4.5 6v8A1.5 1.5 0 0 0 6 15.5h2.5'/%3E%3C/svg%3E");
    --pi-trophy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4.5h8v5a4 4 0 0 1-8 0z'/%3E%3Cpath d='M8 6.5H5a3 3 0 0 0 3 4M16 6.5h3a3 3 0 0 1-3 4'/%3E%3Cpath d='M12 13.5v3.5M8.5 20h7M9.5 17h5v3h-5z'/%3E%3C/svg%3E");
    --pi-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M3.5 12h17M12 3.5c2.6 2.6 3.6 5.4 3.6 8.5s-1 5.9-3.6 8.5c-2.6-2.6-3.6-5.4-3.6-8.5s1-5.9 3.6-8.5z'/%3E%3C/svg%3E");
    --pi-vibe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='4' width='8' height='16' rx='2'/%3E%3Cpath d='M4.5 9v6M19.5 9v6M2 10.5v3M22 10.5v3'/%3E%3C/svg%3E");
    --pi-speaker: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 9.5h3l5-4v13l-5-4h-3z'/%3E%3Cpath d='M16 9a4 4 0 0 1 0 6M18.5 6.5a7.5 7.5 0 0 1 0 11'/%3E%3C/svg%3E");
    --pi-music: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17.5V6l10-2v11.5'/%3E%3Ccircle cx='6.5' cy='17.5' r='2.5'/%3E%3Ccircle cx='16.5' cy='15.5' r='2.5'/%3E%3C/svg%3E");
    --pi-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 11v5.5M12 7.6v.2'/%3E%3C/svg%3E");
    --pi-headset: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 14v-2a7.5 7.5 0 0 1 15 0v2'/%3E%3Crect x='3.5' y='13' width='4' height='6' rx='1.6'/%3E%3Crect x='16.5' y='13' width='4' height='6' rx='1.6'/%3E%3Cpath d='M18.5 19c0 1.4-1.6 2-4 2H12'/%3E%3C/svg%3E");
    --pi-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E");
    --pi-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 5.5L16 12l-6.5 6.5'/%3E%3C/svg%3E");
    --pi-back: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 5.5L8 12l6.5 6.5'/%3E%3C/svg%3E");
    --pi-ton: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 5h13a1 1 0 0 1 .85 1.53L12 19 4.65 6.53A1 1 0 0 1 5.5 5zM12 5v14'/%3E%3C/svg%3E");
    --pi-usdt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M8 8h8M12 8v9M8.5 11.5c1 .5 2.2.7 3.5.7s2.5-.2 3.5-.7'/%3E%3C/svg%3E");
    --pi-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.8l2.5 5.2 5.7.8-4.1 4 1 5.6L12 16.8l-5.1 2.6 1-5.6-4.1-4 5.7-.8z'/%3E%3C/svg%3E");
    --pi-card: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2.5'/%3E%3Cpath d='M3 9.5h18M6.5 15h4'/%3E%3C/svg%3E");
    --pi-crypto: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='12' r='5.5'/%3E%3Cpath d='M14 7a5.5 5.5 0 0 1 0 10M17 7.8a5.5 5.5 0 0 1 0 8.4'/%3E%3C/svg%3E");
    --pi-users: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8.5' r='3.5'/%3E%3Cpath d='M3 19.5c0-3.3 2.7-5.5 6-5.5s6 2.2 6 5.5'/%3E%3Cpath d='M15.5 5.5a3.5 3.5 0 0 1 0 6.5M17.5 14.3c2 .7 3.5 2.6 3.5 5.2'/%3E%3C/svg%3E");
    --pi-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1'/%3E%3Cpath d='M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1'/%3E%3C/svg%3E");
    --pi-send: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 3.5L3.5 10.5l7 2.5 2.5 7z'/%3E%3Cpath d='M20.5 3.5L10.5 13'/%3E%3C/svg%3E");
    --pi-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12a8 8 0 1 0 2.4-5.7L4 8.5'/%3E%3Cpath d='M4 4v4.5h4.5M12 8v4.5l3 1.8'/%3E%3C/svg%3E");
    --pi-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l7 2.5v5.5c0 4.4-3 7.8-7 9-4-1.2-7-4.6-7-9V6z'/%3E%3Cpath d='M8.8 12.2l2.2 2.2 4.2-4.4'/%3E%3C/svg%3E");
    --pi-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2.4'/%3E%3Cpath d='M8.2 10.5V7.8a3.8 3.8 0 0 1 7.6 0v2.7M12 14.6v2.2'/%3E%3C/svg%3E");
    --pi-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5 10-11'/%3E%3C/svg%3E");
    --pi-qr: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1'/%3E%3Cpath d='M14 14h2.5v2.5H14zM17.5 17.5H20V20h-2.5zM14 19.5h1M19.5 14h.5'/%3E%3C/svg%3E");
    --pi-chart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5h16M7 16v-4M11.5 16V8M16 16v-6'/%3E%3C/svg%3E");
    --pi-crown: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8l4 4 4-6 4 6 4-4-1.5 10h-13z'/%3E%3Cpath d='M5.5 20.5h13'/%3E%3C/svg%3E");
    --pi-spark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2 6 6 2-6 2-2 6-2-6-6-2 6-2z'/%3E%3C/svg%3E");
    --pi-coins: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6.5' rx='6.5' ry='2.5'/%3E%3Cpath d='M5.5 6.5v4c0 1.4 2.9 2.5 6.5 2.5s6.5-1.1 6.5-2.5v-4M5.5 10.5v4c0 1.4 2.9 2.5 6.5 2.5s6.5-1.1 6.5-2.5v-4M5.5 14.5v3c0 1.4 2.9 2.5 6.5 2.5s6.5-1.1 6.5-2.5v-3'/%3E%3C/svg%3E");
    --pi-bolt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 3L5.5 13.5H12L11 21l7.5-10.5H12z'/%3E%3C/svg%3E");
}

:root {
    --p-r: 22px;
    --p-r-sm: 14px;
    --p-line: rgba(255, 255, 255, .075);
    --p-line-hi: rgba(255, 255, 255, .12);
    --p-glass: rgba(255, 255, 255, .045);
    --p-glass-hi: rgba(255, 255, 255, .075);
    --p-card:
        radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .04), transparent 55%),
        linear-gradient(180deg, #1C2D24 0%, #15221B 60%, #121D17 100%);
    --p-shadow: 0 16px 32px -20px rgba(0, 0, 0, .9), inset 0 1px 0 rgba(255, 255, 255, .06);
    --p-gold: linear-gradient(180deg, #F8DE8E 0%, #E8C05A 52%, #CF9F36 100%);
    --p-gold-ink: #2A1D04;
    --p-gold-glow: 0 8px 22px -8px rgba(232, 192, 90, .65), inset 0 1px 0 rgba(255, 250, 230, .65), inset 0 -2px 0 rgba(120, 80, 10, .35);
    --p-teal: #7ECFC0;
    --p-ton: #2D9CDB;
}

/* ── общий каркас экранов ───────────────────────────────────────────────── */
html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) .screen-cap {
    margin: 8px 0 16px;
    padding-bottom: 0;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -.01em;
    line-height: 1.05;
    color: #fff;
    text-transform: lowercase;
    text-shadow: 0 2px 14px rgba(0, 0, 0, .35);
}
html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) .screen-cap::first-letter { text-transform: uppercase; }
html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) .screen-cap::after { display: none; }

/* Подпись раздела — маленькие прописные с разрядкой, тише текста. */
html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) :is(.screen-sub, .pnl-cap, .panel-head .cap) {
    margin: 22px 2px 10px;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: .14em;
    color: var(--txt-3);
}
html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) .pnl-head .pnl-cap { margin: 0; }

/* Карточка: одна поверхность на все панели экранов. :where — без веса: свои карточки (счёт, сезон, друзья)
   перекрывают её обычным правилом раздела. */
html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) :where(.pnl, #prof-card, #prof-level, #prof-stats, #prof-season,
    .ref-offer, .ref-agent, .ldr-card, .sup-row, .sup-dialog) {
    background: var(--p-card);
    border: 1px solid var(--p-line);
    border-radius: var(--p-r);
    box-shadow: var(--p-shadow);
}
html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) .pnl { padding: 16px; margin-top: 14px; }
html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) .pnl-head { align-items: center; margin-bottom: 8px; }
html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) .pnl-sum { font-size: 12px; font-weight: 700; color: var(--txt-2); }
html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) .pnl-sum.is-hot {
    padding: 3px 9px;
    border-radius: 999px;
    color: var(--p-gold-ink);
    background: var(--p-gold);
}

/* Пояснения и «как это работает». */
html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) .prof-note { color: var(--txt-2); line-height: 1.45; }
html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) .prof-fold {
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: var(--p-r-sm);
    background: var(--p-glass);
    border: 1px solid var(--p-line);
}
html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) .prof-fold-head {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--txt);
    list-style: none;
    cursor: pointer;
}
html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) .prof-fold-head::-webkit-details-marker { display: none; }
html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) .prof-fold-head::before {
    content: '';
    flex: none;
    width: 18px;
    height: 18px;
    background: var(--txt-3);
    -webkit-mask: var(--pi-info) center / contain no-repeat;
    mask: var(--pi-info) center / contain no-repeat;
}
html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) .prof-fold-head::after {
    content: '';
    margin-left: auto;
    width: 16px;
    height: 16px;
    background: var(--txt-3);
    -webkit-mask: var(--pi-chev) center / contain no-repeat;
    mask: var(--pi-chev) center / contain no-repeat;
    transform: rotate(90deg);
    transition: transform var(--t-mid) var(--ease-out);
}
html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) .prof-fold[open] > .prof-fold-head::after { transform: rotate(-90deg); }
html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) .prof-fold > .prof-note { margin-top: 8px; }

/* Кнопки: стеклянная по умолчанию, золотая — главное действие экрана. */
html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) .btn {
    border-radius: var(--p-r-sm);
    border: 1px solid var(--p-line-hi);
    background: linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .03));
    box-shadow: 0 6px 16px -10px rgba(0, 0, 0, .8), inset 0 1px 0 rgba(255, 255, 255, .08);
    color: var(--txt);
    font-weight: 700;
    letter-spacing: .06em;
    transition: transform var(--t-fast) var(--ease-out), filter var(--t-fast);
}
html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) .btn:active:not(:disabled) { transform: scale(.97); }
html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) :is(.acc-top, .dep-go, .ref-share, .wal-claim-all, .sup-new, .wd-to-dep, .wd-go, .ref-agent-btn) {
    border-color: transparent;
    background: var(--p-gold);
    color: var(--p-gold-ink);
    box-shadow: var(--p-gold-glow);
    text-shadow: none;
}
html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) :is(.dep-go, .wd-go):disabled {
    background: var(--p-glass);
    color: var(--txt-3);
    box-shadow: none;
    border-color: var(--p-line);
}

/* «← Кошелёк» над денежными страницами — пилюля с шевроном. */
html.ui-prem #screen-wallet .cash-back,
html.ui-prem #screen-leaders .ldr-back {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 4px 0 2px;
    padding: 7px 14px 7px 10px;
    border-radius: 999px;
    border: 1px solid var(--p-line);
    background: var(--p-glass);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    color: var(--txt-2);
}


/* Рисунки: монеты кошелька, кубок рейтинга, друзья, гарнитура поддержки, знаки способов оплаты. */
:root {
    --pa-coins: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 140'%3E%3Cdefs%3E %3ClinearGradient id='gSide' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%238A5E14'/%3E%3Cstop offset='.18' stop-color='%23C9922E'/%3E%3Cstop offset='.45' stop-color='%23F4D27A'/%3E%3Cstop offset='.62' stop-color='%23E2B24C'/%3E%3Cstop offset='1' stop-color='%237A5210'/%3E%3C/linearGradient%3E %3CradialGradient id='gFace' cx='.38' cy='.32' r='.85'%3E%3Cstop offset='0' stop-color='%23FFF6D2'/%3E%3Cstop offset='.35' stop-color='%23F6D27C'/%3E%3Cstop offset='.75' stop-color='%23D9A23C'/%3E%3Cstop offset='1' stop-color='%23A8741E'/%3E%3C/radialGradient%3E %3ClinearGradient id='gRim' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23FFE9A6'/%3E%3Cstop offset='1' stop-color='%23B5801F'/%3E%3C/linearGradient%3E %3CradialGradient id='glow' cx='.5' cy='.5' r='.5'%3E%3Cstop offset='0' stop-color='%23FFE29A' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23FFE29A' stop-opacity='0'/%3E%3C/radialGradient%3E %3CradialGradient id='shadow' cx='.5' cy='.5' r='.5'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='0'/%3E%3C/radialGradient%3E %3CradialGradient id='tFace' cx='.35' cy='.3' r='.9'%3E%3Cstop offset='0' stop-color='%23E8FFF9'/%3E%3Cstop offset='.4' stop-color='%237EE3CC'/%3E%3Cstop offset='.85' stop-color='%2326A17B'/%3E%3Cstop offset='1' stop-color='%23167A5C'/%3E%3C/radialGradient%3E %3ClinearGradient id='tSide' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%230F5E47'/%3E%3Cstop offset='.5' stop-color='%233FC7A3'/%3E%3Cstop offset='1' stop-color='%230F5E47'/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle cx='86' cy='66' r='62' fill='url(%23glow)'/%3E %3Cellipse cx='80' cy='122' rx='58' ry='10' fill='url(%23shadow)'/%3E %3Cpath d='M34 104v9a22 7.04 0 0 0 44 0v-9' fill='url(%23gSide)'/%3E %3Cpath d='M38.0 109.0v7M41.2 110.2v7M44.4 111.0v7M47.6 111.5v7M50.8 111.8v7M54.0 112.0v7M57.2 112.0v7M60.4 111.9v7M63.6 111.6v7M66.8 111.1v7M70.0 110.4v7M73.2 109.4v7' stroke='%236E4A0E' stroke-width='.9' opacity='.45'/%3E %3Cellipse cx='56' cy='104' rx='22' ry='7.04' fill='url(%23gFace)'/%3E %3Cellipse cx='56' cy='104' rx='17.5' ry='5.4399999999999995' fill='none' stroke='%23B07A1E' stroke-width='1.4' opacity='.75'/%3E %3Cellipse cx='56' cy='103.4' rx='17.5' ry='5.4399999999999995' fill='none' stroke='%23FFF3C8' stroke-width='.8' opacity='.6'/%3E %3Cpath d='M35.6 94.5v9a22 7.04 0 0 0 44 0v-9' fill='url(%23gSide)'/%3E %3Cpath d='M39.6 99.5v7M42.8 100.7v7M46.0 101.5v7M49.2 102.0v7M52.4 102.3v7M55.6 102.5v7M58.8 102.5v7M62.0 102.4v7M65.2 102.1v7M68.4 101.6v7M71.6 100.9v7M74.8 99.9v7' stroke='%236E4A0E' stroke-width='.9' opacity='.45'/%3E %3Cellipse cx='57.6' cy='94.5' rx='22' ry='7.04' fill='url(%23gFace)'/%3E %3Cellipse cx='57.6' cy='94.5' rx='17.5' ry='5.4399999999999995' fill='none' stroke='%23B07A1E' stroke-width='1.4' opacity='.75'/%3E %3Cellipse cx='57.6' cy='93.9' rx='17.5' ry='5.4399999999999995' fill='none' stroke='%23FFF3C8' stroke-width='.8' opacity='.6'/%3E %3Cpath d='M32.8 85v9a22 7.04 0 0 0 44 0v-9' fill='url(%23gSide)'/%3E %3Cpath d='M36.8 90.0v7M40.0 91.2v7M43.2 92.0v7M46.4 92.5v7M49.6 92.8v7M52.8 93.0v7M56.0 93.0v7M59.2 92.9v7M62.4 92.6v7M65.6 92.1v7M68.8 91.4v7M72.0 90.4v7' stroke='%236E4A0E' stroke-width='.9' opacity='.45'/%3E %3Cellipse cx='54.8' cy='85' rx='22' ry='7.04' fill='url(%23gFace)'/%3E %3Cellipse cx='54.8' cy='85' rx='17.5' ry='5.4399999999999995' fill='none' stroke='%23B07A1E' stroke-width='1.4' opacity='.75'/%3E %3Cellipse cx='54.8' cy='84.4' rx='17.5' ry='5.4399999999999995' fill='none' stroke='%23FFF3C8' stroke-width='.8' opacity='.6'/%3E %3Cpath d='M65 108v9a27 8.64 0 0 0 54 0v-9' fill='url(%23gSide)'/%3E %3Cpath d='M69.0 113.5v7M72.2 114.9v7M75.4 115.8v7M78.6 116.5v7M81.8 117.0v7M85.0 117.3v7M88.2 117.6v7M91.4 117.6v7M94.6 117.6v7M97.8 117.4v7M101.0 117.1v7M104.2 116.7v7M107.4 116.1v7M110.6 115.3v7M113.8 114.1v7M117.0 112.3v7' stroke='%236E4A0E' stroke-width='.9' opacity='.45'/%3E %3Cellipse cx='92' cy='108' rx='27' ry='8.64' fill='url(%23gFace)'/%3E %3Cellipse cx='92' cy='108' rx='22.5' ry='7.040000000000001' fill='none' stroke='%23B07A1E' stroke-width='1.4' opacity='.75'/%3E %3Cellipse cx='92' cy='107.4' rx='22.5' ry='7.040000000000001' fill='none' stroke='%23FFF3C8' stroke-width='.8' opacity='.6'/%3E %3Cpath d='M66.6 98.5v9a27 8.64 0 0 0 54 0v-9' fill='url(%23gSide)'/%3E %3Cpath d='M70.6 104.0v7M73.8 105.4v7M77.0 106.3v7M80.2 107.0v7M83.4 107.5v7M86.6 107.8v7M89.8 108.1v7M93.0 108.1v7M96.2 108.1v7M99.4 107.9v7M102.6 107.6v7M105.8 107.2v7M109.0 106.6v7M112.2 105.8v7M115.4 104.6v7M118.6 102.8v7' stroke='%236E4A0E' stroke-width='.9' opacity='.45'/%3E %3Cellipse cx='93.6' cy='98.5' rx='27' ry='8.64' fill='url(%23gFace)'/%3E %3Cellipse cx='93.6' cy='98.5' rx='22.5' ry='7.040000000000001' fill='none' stroke='%23B07A1E' stroke-width='1.4' opacity='.75'/%3E %3Cellipse cx='93.6' cy='97.9' rx='22.5' ry='7.040000000000001' fill='none' stroke='%23FFF3C8' stroke-width='.8' opacity='.6'/%3E %3Cpath d='M63.8 89v9a27 8.64 0 0 0 54 0v-9' fill='url(%23gSide)'/%3E %3Cpath d='M67.8 94.5v7M71.0 95.9v7M74.2 96.8v7M77.4 97.5v7M80.6 98.0v7M83.8 98.3v7M87.0 98.6v7M90.2 98.6v7M93.4 98.6v7M96.6 98.4v7M99.8 98.1v7M103.0 97.7v7M106.2 97.1v7M109.4 96.3v7M112.6 95.1v7M115.8 93.3v7' stroke='%236E4A0E' stroke-width='.9' opacity='.45'/%3E %3Cellipse cx='90.8' cy='89' rx='27' ry='8.64' fill='url(%23gFace)'/%3E %3Cellipse cx='90.8' cy='89' rx='22.5' ry='7.040000000000001' fill='none' stroke='%23B07A1E' stroke-width='1.4' opacity='.75'/%3E %3Cellipse cx='90.8' cy='88.4' rx='22.5' ry='7.040000000000001' fill='none' stroke='%23FFF3C8' stroke-width='.8' opacity='.6'/%3E %3Cpath d='M66.6 79.5v9a27 8.64 0 0 0 54 0v-9' fill='url(%23gSide)'/%3E %3Cpath d='M70.6 85.0v7M73.8 86.4v7M77.0 87.3v7M80.2 88.0v7M83.4 88.5v7M86.6 88.8v7M89.8 89.1v7M93.0 89.1v7M96.2 89.1v7M99.4 88.9v7M102.6 88.6v7M105.8 88.2v7M109.0 87.6v7M112.2 86.8v7M115.4 85.6v7M118.6 83.8v7' stroke='%236E4A0E' stroke-width='.9' opacity='.45'/%3E %3Cellipse cx='93.6' cy='79.5' rx='27' ry='8.64' fill='url(%23gFace)'/%3E %3Cellipse cx='93.6' cy='79.5' rx='22.5' ry='7.040000000000001' fill='none' stroke='%23B07A1E' stroke-width='1.4' opacity='.75'/%3E %3Cellipse cx='93.6' cy='78.9' rx='22.5' ry='7.040000000000001' fill='none' stroke='%23FFF3C8' stroke-width='.8' opacity='.6'/%3E %3Cpath d='M63.8 70v9a27 8.64 0 0 0 54 0v-9' fill='url(%23gSide)'/%3E %3Cpath d='M67.8 75.5v7M71.0 76.9v7M74.2 77.8v7M77.4 78.5v7M80.6 79.0v7M83.8 79.3v7M87.0 79.6v7M90.2 79.6v7M93.4 79.6v7M96.6 79.4v7M99.8 79.1v7M103.0 78.7v7M106.2 78.1v7M109.4 77.3v7M112.6 76.1v7M115.8 74.3v7' stroke='%236E4A0E' stroke-width='.9' opacity='.45'/%3E %3Cellipse cx='90.8' cy='70' rx='27' ry='8.64' fill='url(%23gFace)'/%3E %3Cellipse cx='90.8' cy='70' rx='22.5' ry='7.040000000000001' fill='none' stroke='%23B07A1E' stroke-width='1.4' opacity='.75'/%3E %3Cellipse cx='90.8' cy='69.4' rx='22.5' ry='7.040000000000001' fill='none' stroke='%23FFF3C8' stroke-width='.8' opacity='.6'/%3E %3Cg transform='translate(90.8 70) scale(1 .34)' stroke-linecap='round' fill='none'%3E%3Cpath d='M-10 -9h20M0 -9v20M-9 -1c2.6 1.6 5.6 2.4 9 2.4s6.4-.8 9-2.4' stroke='%239A6A16' stroke-width='5'/%3E%3Cpath d='M-10 -10.5h20M0 -10.5v20M-9 -2.5c2.6 1.6 5.6 2.4 9 2.4s6.4-.8 9-2.4' stroke='%23FFF0BE' stroke-width='2.2' opacity='.8'/%3E%3C/g%3E %3Cg transform='rotate(-22 128 40)'%3E %3Cpath d='M106 40a22 22 0 0 0 44 0v5a22 22 0 0 1 -44 0z' fill='url(%23tSide)'/%3E %3Cellipse cx='128' cy='40' rx='22' ry='22' fill='url(%23tFace)'/%3E %3Ccircle cx='128' cy='40' r='17' fill='none' stroke='%23E9FFF8' stroke-width='1.2' opacity='.55'/%3E %3Cg stroke-linecap='round' fill='none'%3E%3Cpath d='M119 32.5h18M128 32.5v17M120 38.5c2.5 1.4 5.2 2 8 2s5.5-.6 8-2' stroke='%230E5E46' stroke-width='3.6'/%3E%3Cpath d='M119 31.5h18M128 31.5v17M120 37.5c2.5 1.4 5.2 2 8 2s5.5-.6 8-2' stroke='%23fff' stroke-width='2.4'/%3E%3C/g%3E %3Cpath d='M113 30a18 18 0 0 1 12-9' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' opacity='.75'/%3E %3C/g%3E %3Cpath d='M112 70l-6 5M118 74l-5 6' stroke='%23BFF5E7' stroke-width='1.6' stroke-linecap='round' opacity='.6'/%3E %3Cpath d='M22 27C23.26 32.74 23.26 32.74 29 34C23.26 35.26 23.26 35.26 22 41C20.74 35.26 20.74 35.26 15 34C20.74 32.74 20.74 32.74 22 27Z' fill='%23FFF1BF'/%3E%3Cpath d='M146 91C146.9 95.1 146.9 95.1 151 96C146.9 96.9 146.9 96.9 146 101C145.1 96.9 145.1 96.9 141 96C145.1 95.1 145.1 95.1 146 91Z' fill='%23FFF1BF'/%3E%3Cpath d='M40 68.8C40.576 71.424 40.576 71.424 43.2 72C40.576 72.576 40.576 72.576 40 75.2C39.424 72.576 39.424 72.576 36.8 72C39.424 71.424 39.424 71.424 40 68.8Z' fill='%23FFF1BF'/%3E%3Ccircle cx='150' cy='14' r='2.2' fill='%23FFF1BF'/%3E%3Ccircle cx='16' cy='98' r='1.6' fill='%23FFF1BF' opacity='.7'/%3E%3C/svg%3E");
    --pa-cup: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 140'%3E%3Cdefs%3E %3ClinearGradient id='gSide' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%238A5E14'/%3E%3Cstop offset='.18' stop-color='%23C9922E'/%3E%3Cstop offset='.45' stop-color='%23F4D27A'/%3E%3Cstop offset='.62' stop-color='%23E2B24C'/%3E%3Cstop offset='1' stop-color='%237A5210'/%3E%3C/linearGradient%3E %3CradialGradient id='gFace' cx='.38' cy='.32' r='.85'%3E%3Cstop offset='0' stop-color='%23FFF6D2'/%3E%3Cstop offset='.35' stop-color='%23F6D27C'/%3E%3Cstop offset='.75' stop-color='%23D9A23C'/%3E%3Cstop offset='1' stop-color='%23A8741E'/%3E%3C/radialGradient%3E %3ClinearGradient id='gRim' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23FFE9A6'/%3E%3Cstop offset='1' stop-color='%23B5801F'/%3E%3C/linearGradient%3E %3ClinearGradient id='body' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%239A6812'/%3E%3Cstop offset='.22' stop-color='%23E4B04A'/%3E%3Cstop offset='.42' stop-color='%23FFF0B8'/%3E%3Cstop offset='.58' stop-color='%23F2C860'/%3E%3Cstop offset='1' stop-color='%238A5C10'/%3E%3C/linearGradient%3E %3ClinearGradient id='base' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%233A2A3E'/%3E%3Cstop offset='1' stop-color='%231C1424'/%3E%3C/linearGradient%3E %3CradialGradient id='glow' cx='.5' cy='.45' r='.5'%3E%3Cstop offset='0' stop-color='%23FFE29A' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23FFE29A' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E %3Ccircle cx='80' cy='60' r='62' fill='url(%23glow)'/%3E %3Cg fill='none' stroke-linecap='round'%3E %3Cpath d='M50 30H34c-2 18 6 30 22 32' stroke='%237A5210' stroke-width='9'/%3E%3Cpath d='M50 30H34c-2 18 6 30 22 32' stroke='url(%23gRim)' stroke-width='5.5'/%3E %3Cpath d='M110 30h16c2 18-6 30-22 32' stroke='%237A5210' stroke-width='9'/%3E%3Cpath d='M110 30h16c2 18-6 30-22 32' stroke='url(%23gRim)' stroke-width='5.5'/%3E %3C/g%3E %3Cpath d='M46 22h68v18c0 22-15 38-34 38S46 62 46 40z' fill='url(%23body)'/%3E %3Cellipse cx='80' cy='22' rx='34' ry='6' fill='%23FFE7A0'/%3E%3Cellipse cx='80' cy='22.6' rx='30' ry='4.2' fill='%238A5C10'/%3E %3Cpath d='M56 30c0 18 6 32 14 38' stroke='%23FFF8DC' stroke-width='3' stroke-linecap='round' fill='none' opacity='.7'/%3E %3Cpath d='M80 33l4.6 9.4 10.4 1.5-7.5 7.3 1.8 10.3L80 56.6l-9.3 4.9 1.8-10.3-7.5-7.3 10.4-1.5z' fill='%23B8801C'/%3E %3Cpath d='M80 31.6l4.6 9.4 10.4 1.5-7.5 7.3 1.8 10.3L80 55.2l-9.3 4.9 1.8-10.3-7.5-7.3 10.4-1.5z' fill='%23FFF3C4'/%3E %3Cpath d='M72 78h16l3 14H69z' fill='url(%23body)'/%3E %3Cpath d='M58 92h44a4 4 0 0 1 4 4v4H54v-4a4 4 0 0 1 4-4z' fill='url(%23body)'/%3E %3Crect x='48' y='100' width='64' height='22' rx='5' fill='url(%23base)'/%3E%3Crect x='48' y='100' width='64' height='3' rx='1.5' fill='%235A4460'/%3E %3Crect x='62' y='106' width='36' height='10' rx='2.5' fill='url(%23gRim)'/%3E %3Cg opacity='.95'%3E%3Crect x='24' y='20' width='6' height='3' rx='1' fill='%237ECFC0' transform='rotate(30 27 21)'/%3E%3Crect x='132' y='60' width='6' height='3' rx='1' fill='%23E0607A' transform='rotate(-25 135 61)'/%3E %3Crect x='20' y='76' width='5' height='3' rx='1' fill='%23B79ACB' transform='rotate(-40 22 77)'/%3E%3Crect x='138' y='16' width='5' height='3' rx='1' fill='%237ECFC0' transform='rotate(50 140 17)'/%3E%3C/g%3E %3Cpath d='M30 40C31.08 44.92 31.08 44.92 36 46C31.08 47.08 31.08 47.08 30 52C28.92 47.08 28.92 47.08 24 46C28.92 44.92 28.92 44.92 30 40Z' fill='%23FFF1BF'/%3E%3Cpath d='M134 87C134.9 91.1 134.9 91.1 139 92C134.9 92.9 134.9 92.9 134 97C133.1 92.9 133.1 92.9 129 92C133.1 91.1 133.1 91.1 134 87Z' fill='%23FFF1BF'/%3E%3Cpath d='M124 4.5C124.63 7.37 124.63 7.37 127.5 8C124.63 8.63 124.63 8.63 124 11.5C123.37 8.63 123.37 8.63 120.5 8C123.37 7.37 123.37 7.37 124 4.5Z' fill='%23FFF1BF'/%3E%3C/svg%3E");
    --pa-friends: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 140'%3E%3Cdefs%3E %3ClinearGradient id='gSide' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%238A5E14'/%3E%3Cstop offset='.18' stop-color='%23C9922E'/%3E%3Cstop offset='.45' stop-color='%23F4D27A'/%3E%3Cstop offset='.62' stop-color='%23E2B24C'/%3E%3Cstop offset='1' stop-color='%237A5210'/%3E%3C/linearGradient%3E %3CradialGradient id='gFace' cx='.38' cy='.32' r='.85'%3E%3Cstop offset='0' stop-color='%23FFF6D2'/%3E%3Cstop offset='.35' stop-color='%23F6D27C'/%3E%3Cstop offset='.75' stop-color='%23D9A23C'/%3E%3Cstop offset='1' stop-color='%23A8741E'/%3E%3C/radialGradient%3E %3ClinearGradient id='gRim' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23FFE9A6'/%3E%3Cstop offset='1' stop-color='%23B5801F'/%3E%3C/linearGradient%3E %3ClinearGradient id='p1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23D3C4FF'/%3E%3Cstop offset='1' stop-color='%236A4FD0'/%3E%3C/linearGradient%3E %3ClinearGradient id='p2' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23B6F7EA'/%3E%3Cstop offset='1' stop-color='%23239079'/%3E%3C/linearGradient%3E %3CradialGradient id='h1' cx='.38' cy='.32' r='.8'%3E%3Cstop offset='0' stop-color='%23F3EEFF'/%3E%3Cstop offset='1' stop-color='%238C74E8'/%3E%3C/radialGradient%3E %3CradialGradient id='h2' cx='.38' cy='.32' r='.8'%3E%3Cstop offset='0' stop-color='%23EFFFFB'/%3E%3Cstop offset='1' stop-color='%233DB79B'/%3E%3C/radialGradient%3E %3CradialGradient id='glow' cx='.5' cy='.5' r='.5'%3E%3Cstop offset='0' stop-color='%23B9A8FF' stop-opacity='.45'/%3E%3Cstop offset='1' stop-color='%23B9A8FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E %3Ccircle cx='78' cy='70' r='64' fill='url(%23glow)'/%3E %3Cpath d='M30 118c0-24 14-38 32-38s32 14 32 38z' fill='url(%23p1)'/%3E %3Ccircle cx='62' cy='56' r='20' fill='url(%23h1)'/%3E %3Cpath d='M50 50a14 14 0 0 1 14-10' stroke='%23fff' stroke-width='3' stroke-linecap='round' fill='none' opacity='.7'/%3E %3Cpath d='M76 122c0-21 12-33 28-33s28 12 28 33z' fill='url(%23p2)'/%3E %3Ccircle cx='104' cy='70' r='17' fill='url(%23h2)'/%3E %3Cpath d='M94 64a12 12 0 0 1 12-8' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' fill='none' opacity='.7'/%3E %3Cpath d='M70 30c10-14 30-16 44-6' stroke='%23FFF1BF' stroke-width='2' stroke-dasharray='3 4' fill='none' stroke-linecap='round' opacity='.75'/%3E %3Cg transform='translate(126 28)'%3E%3Ccircle r='15' fill='url(%23gFace)'/%3E%3Ccircle r='11' fill='none' stroke='%23A8741E' stroke-width='1.4'/%3E %3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M5.5 -5.5l-11 11' stroke='%237A5210' stroke-width='3.2'/%3E%3Ccircle cx='-4' cy='-3.6' r='2.6' stroke='%237A5210' stroke-width='2.6'/%3E%3Ccircle cx='4' cy='4.4' r='2.6' stroke='%237A5210' stroke-width='2.6'/%3E %3Cpath d='M5.5 -6.5l-11 11' stroke='%23FFF6D2' stroke-width='1.2' opacity='.7'/%3E%3C/g%3E%3C/g%3E %3Cg transform='translate(48 22)'%3E%3Cpath d='M0 6c-3-4-9-4-9 1 0 4 5 7 9 10 4-3 9-6 9-10 0-5-6-5-9-1z' fill='%23FF8FA8'/%3E%3Cpath d='M-5.6 7.4a2.6 2.6 0 0 1 2.6-2' stroke='%23fff' stroke-width='1.4' stroke-linecap='round' fill='none' opacity='.8'/%3E%3C/g%3E %3Cpath d='M20 64C21.08 68.92 21.08 68.92 26 70C21.08 71.08 21.08 71.08 20 76C18.92 71.08 18.92 71.08 14 70C18.92 68.92 18.92 68.92 20 64Z' fill='%23FFF1BF'/%3E%3Cpath d='M146 59.5C146.81 63.19 146.81 63.19 150.5 64C146.81 64.81 146.81 64.81 146 68.5C145.19 64.81 145.19 64.81 141.5 64C145.19 63.19 145.19 63.19 146 59.5Z' fill='%23FFF1BF'/%3E%3Cpath d='M96 11C96.54 13.46 96.54 13.46 99 14C96.54 14.54 96.54 14.54 96 17C95.46 14.54 95.46 14.54 93 14C95.46 13.46 95.46 13.46 96 11Z' fill='%23FFF1BF'/%3E%3C/svg%3E");
    --pa-headset: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 140'%3E%3Cdefs%3E %3ClinearGradient id='band' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23C6FFF2'/%3E%3Cstop offset='1' stop-color='%232C9C84'/%3E%3C/linearGradient%3E %3ClinearGradient id='cup' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%231E6E5D'/%3E%3Cstop offset='.5' stop-color='%235ED6BA'/%3E%3Cstop offset='1' stop-color='%231E6E5D'/%3E%3C/linearGradient%3E %3ClinearGradient id='bub' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23FFE9A6'/%3E%3Cstop offset='1' stop-color='%23D9A23C'/%3E%3C/linearGradient%3E %3CradialGradient id='glow' cx='.5' cy='.5' r='.5'%3E%3Cstop offset='0' stop-color='%237EE3CC' stop-opacity='.45'/%3E%3Cstop offset='1' stop-color='%237EE3CC' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E %3Ccircle cx='72' cy='72' r='62' fill='url(%23glow)'/%3E %3Cpath d='M30 80V68a42 42 0 0 1 84 0v12' fill='none' stroke='%2311473C' stroke-width='12' stroke-linecap='round'/%3E %3Cpath d='M30 80V68a42 42 0 0 1 84 0v12' fill='none' stroke='url(%23band)' stroke-width='8' stroke-linecap='round'/%3E %3Cpath d='M40 50a36 36 0 0 1 22-20' stroke='%23fff' stroke-width='3' stroke-linecap='round' fill='none' opacity='.6'/%3E %3Crect x='18' y='70' width='26' height='38' rx='11' fill='url(%23cup)'/%3E%3Crect x='24' y='76' width='14' height='26' rx='7' fill='%230F3F35' opacity='.55'/%3E %3Crect x='100' y='70' width='26' height='38' rx='11' fill='url(%23cup)'/%3E%3Crect x='106' y='76' width='14' height='26' rx='7' fill='%230F3F35' opacity='.55'/%3E %3Cpath d='M113 108c0 12-12 18-28 18h-6' fill='none' stroke='%2311473C' stroke-width='6' stroke-linecap='round'/%3E %3Cpath d='M113 108c0 12-12 18-28 18h-6' fill='none' stroke='url(%23band)' stroke-width='3.5' stroke-linecap='round'/%3E %3Crect x='64' y='120' width='18' height='12' rx='6' fill='url(%23bub)'/%3E %3Cpath d='M98 12h44a10 10 0 0 1 10 10v18a10 10 0 0 1-10 10h-26l-12 10v-10h-6a10 10 0 0 1-10-10V22a10 10 0 0 1 10-10z' fill='url(%23bub)'/%3E %3Ccircle cx='108' cy='31' r='3.6' fill='%235A3C08'/%3E%3Ccircle cx='120' cy='31' r='3.6' fill='%235A3C08'/%3E%3Ccircle cx='132' cy='31' r='3.6' fill='%235A3C08'/%3E %3Cpath d='M96 22a8 8 0 0 1 6-6' stroke='%23fff' stroke-width='2' stroke-linecap='round' fill='none' opacity='.7'/%3E %3Cpath d='M20 24C21.08 28.92 21.08 28.92 26 30C21.08 31.08 21.08 31.08 20 36C18.92 31.08 18.92 31.08 14 30C18.92 28.92 18.92 28.92 20 24Z' fill='%23FFF1BF'/%3E%3Cpath d='M146 80C146.72 83.28 146.72 83.28 150 84C146.72 84.72 146.72 84.72 146 88C145.28 84.72 145.28 84.72 142 84C145.28 83.28 145.28 83.28 146 80Z' fill='%23FFF1BF'/%3E%3C/svg%3E");
    --pa-ton: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cdefs%3E%3CradialGradient id='b' cx='.35' cy='.3' r='.9'%3E%3Cstop offset='0' stop-color='%233DB8FF'/%3E%3Cstop offset='1' stop-color='%230077C2'/%3E%3C/radialGradient%3E%3C/defs%3E %3Ccircle cx='28' cy='28' r='28' fill='url(%23b)'/%3E%3Cellipse cx='22' cy='14' rx='14' ry='7' fill='%23fff' opacity='.18'/%3E %3Cpath d='M37.56 15.63H18.44c-3.52 0-5.75 3.79-3.98 6.86l11.8 20.45c.77 1.34 2.7 1.34 3.47 0l11.8-20.45c1.77-3.06-.46-6.86-3.97-6.86zM26.25 36.8l-2.57-4.97-6.2-11.09c-.41-.71.1-1.62.95-1.62h7.82V36.8zm12.26-16.07-6.2 11.1-2.57 4.97V19.12h7.82c.86 0 1.36.91.95 1.62z' fill='%23fff'/%3E%3C/svg%3E");
    --pa-usdt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cdefs%3E%3CradialGradient id='g' cx='.35' cy='.3' r='.9'%3E%3Cstop offset='0' stop-color='%235ED6B0'/%3E%3Cstop offset='1' stop-color='%23168A66'/%3E%3C/radialGradient%3E%3C/defs%3E %3Ccircle cx='28' cy='28' r='28' fill='url(%23g)'/%3E%3Cellipse cx='22' cy='14' rx='14' ry='7' fill='%23fff' opacity='.18'/%3E %3Cpath d='M31.2 25.9v-3.4h7.6v-5.3H17.2v5.3h7.6v3.4c-6.2.3-10.8 1.5-10.8 3s4.6 2.7 10.8 3V43h6.4V31.9c6.2-.3 10.8-1.5 10.8-3s-4.6-2.7-10.8-3zm0 4.9v0c-.2 0-1.2.1-3.2.1-1.6 0-2.8-.1-3.2-.1v0c-5.5-.2-9.6-1.2-9.6-2.3s4.1-2.1 9.6-2.3v3.7c.4 0 1.6.1 3.2.1 1.9 0 2.9-.1 3.2-.1v-3.7c5.5.2 9.6 1.2 9.6 2.3s-4.1 2.1-9.6 2.3z' fill='%23fff'/%3E%3C/svg%3E");
    --pa-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cdefs%3E%3CradialGradient id='bg' cx='.35' cy='.3' r='.9'%3E%3Cstop offset='0' stop-color='%234A3412'/%3E%3Cstop offset='1' stop-color='%2321160A'/%3E%3C/radialGradient%3E %3ClinearGradient id='z' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23FFE89A'/%3E%3Cstop offset='.55' stop-color='%23FFB83D'/%3E%3Cstop offset='1' stop-color='%23F08C1C'/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle cx='28' cy='28' r='28' fill='url(%23bg)'/%3E %3Cpath d='M28 10.5c.9 0 1.7.5 2.1 1.3l4.1 8.3 9.1 1.3c1.9.3 2.7 2.6 1.3 4l-6.6 6.4 1.6 9.1c.3 1.9-1.7 3.4-3.4 2.5L28 39.1l-8.2 4.3c-1.7.9-3.7-.6-3.4-2.5l1.6-9.1-6.6-6.4c-1.4-1.4-.6-3.7 1.3-4l9.1-1.3 4.1-8.3c.4-.8 1.2-1.3 2.1-1.3z' fill='url(%23z)'/%3E %3Cpath d='M22 22.5c1-2.4 2.2-4.8 3.4-7.2' stroke='%23FFF6D6' stroke-width='2' stroke-linecap='round' opacity='.6'/%3E%3C/svg%3E");
    --pa-card: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cdefs%3E%3CradialGradient id='bg' cx='.35' cy='.3' r='.9'%3E%3Cstop offset='0' stop-color='%236F82F2'/%3E%3Cstop offset='1' stop-color='%233B4CC0'/%3E%3C/radialGradient%3E %3ClinearGradient id='c' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23FFFFFF'/%3E%3Cstop offset='1' stop-color='%23CFD6FF'/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle cx='28' cy='28' r='28' fill='url(%23bg)'/%3E%3Cellipse cx='22' cy='14' rx='14' ry='7' fill='%23fff' opacity='.18'/%3E %3Cg transform='rotate(-12 28 29)'%3E%3Crect x='12' y='18' width='32' height='21' rx='4' fill='url(%23c)'/%3E%3Crect x='12' y='22.5' width='32' height='4' fill='%233B4CC0' opacity='.85'/%3E %3Crect x='16' y='30' width='7' height='5' rx='1.2' fill='%23F2C14E'/%3E%3Cpath d='M27 33h10' stroke='%238C97D8' stroke-width='1.8' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}

/* ── кошелёк: счёт — главный прибор экрана ────────────────────────────────── */
html.ui-prem #screen-wallet #wal-card {
    position: relative;
    overflow: hidden;
    margin-top: 0;
    padding: 20px 18px 16px;
    border-radius: 26px;
    border: 1px solid rgba(126, 207, 192, .32);
    background:
        radial-gradient(90% 75% at 100% 0%, rgba(126, 207, 192, .32), transparent 62%),
        radial-gradient(70% 70% at 0% 100%, rgba(30, 156, 128, .22), transparent 70%),
        linear-gradient(155deg, #1E6A57 0%, #164A3E 46%, #102B24 100%);
    box-shadow: 0 20px 40px -20px rgba(0, 0, 0, .95), inset 0 1px 0 rgba(255, 255, 255, .14);
}
html.ui-prem #screen-wallet #wal-card::before {
    content: '';
    position: absolute;
    top: 4px;
    right: 6px;
    left: auto;
    width: 80px;
    height: 62px;
    background: var(--pa-coins) center / contain no-repeat;
    opacity: .95;
    filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .45));
    pointer-events: none;
}
html.ui-prem #screen-wallet #wal-card::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, .08) 50%, transparent 60%);
    transform: translateX(-120%);
    animation: p-shine 7s ease-in-out infinite;
}
@keyframes p-shine { 0%, 72% { transform: translateX(-120%); } 92%, 100% { transform: translateX(120%); } }
html.ui-prem #screen-wallet #wal-card > * { position: relative; z-index: 1; }

html.ui-prem #screen-wallet .wal-balance { padding-right: 0; }
html.ui-prem #screen-wallet .wal-balance-cap { display: flex; align-items: center; gap: 8px; }
html.ui-prem #screen-wallet .wal-balance-k { font-size: 11.5px; font-weight: 800; letter-spacing: .16em; color: rgba(235, 248, 244, .72); }
html.ui-prem #screen-wallet .wal-eye {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, .1);
    color: rgba(235, 248, 244, .8);
    font-size: 12px;
}
html.ui-prem #screen-wallet .wal-balance-v {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    /* Монеты — в верхнем углу над суммой: сумма с «USDT» — в одну строку во всю ширину; длинная — мельче. */
    margin-top: 6px;
    row-gap: 2px;
    font-size: clamp(30px, 9.2vw, 38px);
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.12;
    color: #fff;
    text-shadow: 0 0 26px rgba(126, 207, 192, .45);
}
html.ui-prem #screen-wallet .wal-bal-u { margin-left: 6px; font-size: 16px; font-weight: 700; letter-spacing: .02em; color: rgba(235, 248, 244, .7); text-shadow: none; }
html.ui-prem #screen-wallet .wal-w2-split {
    display: inline-flex;
    margin-top: 10px;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(0, 0, 0, .22);
    font-size: 12px;
    color: rgba(235, 248, 244, .82);
    text-align: left;
}

/* Две клавиши кассы: «Пополнить» — золото, «Вывести» — стекло на зелёном. */
html.ui-prem #screen-wallet .acc-buttons { margin-top: 18px; gap: 10px; }
html.ui-prem #screen-wallet .acc-buttons .btn.acc-key {
    display: grid;
    grid-template-columns: 26px 1fr;
    grid-template-areas: "i n" "s s";
    column-gap: 8px;
    row-gap: 4px;
    align-items: center;
    height: auto;
    min-height: 64px;
    padding: 10px 12px;
    border-radius: 18px;
    text-align: left;
}
html.ui-prem #screen-wallet .acc-key.acc-out {
    border: 1px solid rgba(255, 255, 255, .16);
    background: rgba(8, 24, 19, .35);
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}
html.ui-prem #screen-wallet .acc-key-h { display: contents; }
html.ui-prem #screen-wallet .acc-key-i {
    grid-area: i;
    flex: none;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    font-size: 0;
    background: rgba(42, 29, 4, .16);
    position: relative;
}
html.ui-prem #screen-wallet .acc-key-i::before {
    content: '';
    position: absolute;
    inset: 5px;
    background: currentColor;
    -webkit-mask: var(--pi-down) center / contain no-repeat;
    mask: var(--pi-down) center / contain no-repeat;
}
html.ui-prem #screen-wallet .acc-out .acc-key-i { background: rgba(255, 255, 255, .12); }
html.ui-prem #screen-wallet .acc-out .acc-key-i::before { -webkit-mask-image: var(--pi-up); mask-image: var(--pi-up); }
html.ui-prem #screen-wallet .acc-key-n { grid-area: n; min-width: 0; font-size: 12.5px; font-weight: 800; letter-spacing: .02em; color: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.ui-prem #screen-wallet .acc-key-go { display: none; }
html.ui-prem #screen-wallet .acc-key-s { grid-area: s; min-width: 0; margin: 0; padding: 0; font-size: 11.5px; font-weight: 500; letter-spacing: 0; opacity: .78; color: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.ui-prem #screen-wallet .acc-top .acc-key-s { color: var(--p-gold-ink); opacity: .72; }
html.ui-prem #screen-wallet .acc-out-on { border-color: rgba(126, 207, 192, .6) !important; }

/* Сводка под клавишами — три стеклянные плитки со значками. */
html.ui-prem #screen-wallet .wal-strip {
    display: grid;
    /* Плиток столько, сколько есть (без билетов и выключенных подарков — одна-две): делят ширину поровну. */
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: 8px;
    margin-top: 12px;
    padding-top: 0;
    border-top: 0;
}
html.ui-prem #screen-wallet .wal-cell {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
    padding: 10px 10px 9px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(8, 24, 19, .32);
    text-align: left;
}
html.ui-prem #screen-wallet .wal-cell::before {
    content: '';
    position: absolute;
    right: 8px;
    top: 9px;
    width: 15px;
    height: 15px;
    background: rgba(235, 248, 244, .55);
    -webkit-mask: var(--pi-ticket) center / contain no-repeat;
    mask: var(--pi-ticket) center / contain no-repeat;
}
html.ui-prem #screen-wallet .wal-cell[data-cell="gifts"]::before { -webkit-mask-image: var(--pi-gift); mask-image: var(--pi-gift); }
html.ui-prem #screen-wallet .wal-cell[data-cell="cashback"]::before { -webkit-mask-image: var(--pi-percent); mask-image: var(--pi-percent); }
html.ui-prem #screen-wallet .wal-cell.is-hot { border-color: rgba(232, 192, 90, .55); background: rgba(232, 192, 90, .12); }
html.ui-prem #screen-wallet .wal-cell.is-hot::before { background: var(--gold); }
html.ui-prem #screen-wallet .wal-cell-k { padding-right: 16px; font-size: 9.5px; font-weight: 800; letter-spacing: .12em; color: rgba(235, 248, 244, .62); }
html.ui-prem #screen-wallet .wal-cell-v { font-size: 15px; font-weight: 800; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
html.ui-prem #screen-wallet .wal-cell.is-hot .wal-cell-v { color: var(--me-hi); }

/* Подарки и билеты: строка — значок своего стола, название, срок, золотая «Забрать». */
html.ui-prem #screen-wallet .pnl .wal-gift,
html.ui-prem #screen-wallet .pnl .wal-tk {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 8px;
    padding: 12px 12px 12px 12px;
    border-radius: 16px;
    border: 1px solid var(--p-line);
    background: var(--p-glass);
    box-shadow: none;
}
html.ui-prem #screen-wallet .pnl .wal-gift::before,
html.ui-prem #screen-wallet .pnl .wal-tk::before {
    content: '';
    position: static;
    flex: none;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--room, var(--gold)) 30%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--room, var(--gold)) 55%, transparent);
}
/* Сам рисунок — маской на первом узле строки, поверх цветной плашки (у плашки маски нет: она — фон). */
html.ui-prem #screen-wallet .pnl .wal-gift { --pico: var(--pi-gift); }
html.ui-prem #screen-wallet .pnl .wal-tk { --pico: var(--pi-ticket); }
html.ui-prem #screen-wallet .pnl :is(.wal-gift-who, .wal-tk-who) { position: relative; flex: 1 1 auto; min-width: 0; }
html.ui-prem #screen-wallet .pnl :is(.wal-gift, .wal-tk) > :first-child::before {
    content: '';
    position: absolute;
    left: -42px;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: color-mix(in srgb, var(--room, var(--gold)) 75%, #fff);
    -webkit-mask: var(--pico) center / contain no-repeat;
    mask: var(--pico) center / contain no-repeat;
}
html.ui-prem #screen-wallet .wal-gift-t, html.ui-prem #screen-wallet .wal-tk-room { font-size: 13.5px; font-weight: 700; color: var(--txt); }
html.ui-prem #screen-wallet .wal-gift-sub, html.ui-prem #screen-wallet .wal-tk-sub { font-size: 12px; color: var(--txt-3); }
html.ui-prem #screen-wallet .wal-gift-burn { font-size: 11.5px; color: var(--me-hi); }
html.ui-prem #screen-wallet .wal-gift-next { font-size: 12px; color: var(--txt-3); text-align: right; }
html.ui-prem #screen-wallet .wal-claim {
    flex: none;
    height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    border-color: transparent;
    background: var(--p-gold);
    color: var(--p-gold-ink);
    box-shadow: var(--p-gold-glow);
    font-size: 11.5px;
}
html.ui-prem #screen-wallet .wal-claim-all { width: 100%; height: 46px; margin: 4px 0 4px; }

/* Кэшбэк: крупная сумма и золотая шкала. */
html.ui-prem #screen-wallet .wal-cb-sum { font-size: 22px; font-weight: 800; color: var(--p-teal); }
html.ui-prem #screen-wallet .wal-cb-bar {
    height: 8px;
    border-radius: 999px;
    background: rgba(0, 0, 0, .35);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .5);
    overflow: hidden;
}
html.ui-prem #screen-wallet .wal-cb-bar > i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #C99A30, #F8DE8E);
    box-shadow: 0 0 10px rgba(232, 192, 90, .6);
}

/* ── пополнение: шаги, способ, сеть, сумма ──────────────────────────────── */
/* Шаги — дорожка из трёх отрезков: пройденные золотые, текущий светится. */
html.ui-prem #screen-wallet .dep-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    margin: 6px 0 4px;
}
html.ui-prem #screen-wallet .dep-step {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    padding: 0;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .12em;
    color: var(--txt-3);
}
html.ui-prem #screen-wallet .dep-step::before {
    content: '';
    order: -1;
    width: 100%;
    height: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
}
html.ui-prem #screen-wallet .dep-step.is-done::before { background: linear-gradient(90deg, #C99A30, #E8C05A); }
html.ui-prem #screen-wallet .dep-step.is-on::before { background: linear-gradient(90deg, #E8C05A, #F8DE8E); box-shadow: 0 0 12px rgba(232, 192, 90, .55); }
html.ui-prem #screen-wallet .dep-step.is-on { color: var(--txt); }
html.ui-prem #screen-wallet .dep-step.is-done { color: var(--txt-2); }
html.ui-prem #screen-wallet .dep-step-n { display: none; }

/* Чем пополнить — большие плитки со знаком способа. */
html.ui-prem #screen-wallet .dep-ways { gap: 10px; }
html.ui-prem #screen-wallet .dep-way {
    position: relative;
    min-height: 112px;
    padding: 58px 14px 14px;
    border-radius: 20px;
    border: 1px solid var(--p-line);
    background: var(--p-card);
    box-shadow: var(--p-shadow);
    text-align: left;
}
html.ui-prem #screen-wallet .dep-way::before {
    content: '';
    position: absolute;
    left: 14px;
    top: 14px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--pa-usdt) center / contain no-repeat;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .35);
}
html.ui-prem #screen-wallet .dep-way[data-way="stars"]::before { background-image: var(--pa-star); }
html.ui-prem #screen-wallet .dep-way[data-way="fiat"]::before { background-image: var(--pa-card); }
html.ui-prem #screen-wallet .dep-way.is-on {
    border-color: rgba(232, 192, 90, .7);
    background:
        radial-gradient(100% 80% at 100% 0%, rgba(232, 192, 90, .22), transparent 60%),
        var(--p-card);
    box-shadow: 0 0 0 1px rgba(232, 192, 90, .35), 0 12px 26px -14px rgba(232, 192, 90, .45);
}
html.ui-prem #screen-wallet .dep-way.is-on::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 12px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background:
        linear-gradient(var(--p-gold-ink), var(--p-gold-ink)) center / 0 0,
        var(--p-gold);
    -webkit-mask: var(--pi-check) center / 14px no-repeat, linear-gradient(#000, #000);
    -webkit-mask-composite: xor;
    mask: var(--pi-check) center / 14px no-repeat exclude, linear-gradient(#000, #000);
}
html.ui-prem #screen-wallet .dep-way-t { font-size: 13.5px; font-weight: 800; letter-spacing: .04em; color: var(--txt); }
html.ui-prem #screen-wallet .dep-way.is-on .dep-way-t { color: var(--me-hi); }
html.ui-prem #screen-wallet .dep-way-s { margin-top: 3px; font-size: 12px; color: var(--txt-3); }
html.ui-prem #screen-wallet .dep-way-badge { display: none; }
html.ui-prem #screen-wallet .dep-way-badge.is-soon {
    display: block;
    position: absolute;
    right: 12px;
    top: 14px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: .1em;
    color: var(--txt-2);
    background: rgba(255, 255, 255, .12);
}

/* Сеть — строка со знаком монеты, подписью и стрелкой. */
html.ui-prem #screen-wallet .dep-nets { gap: 8px; margin-top: 12px; }
html.ui-prem #screen-wallet .dep-net {
    position: relative;
    min-height: 64px;
    padding: 12px 40px 12px 64px;
    border-radius: 18px;
    border: 1px solid var(--p-line);
    background: var(--p-card);
    box-shadow: var(--p-shadow);
    justify-content: center;
}
html.ui-prem #screen-wallet .dep-net::before {
    content: '';
    position: absolute;
    left: 14px;
    top: 50%;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    border-radius: 50%;
    background: var(--pa-usdt) center / contain no-repeat;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .35);
}
html.ui-prem #screen-wallet .dep-net::after {
    content: '';
    position: absolute;
    right: 14px;
    top: 50%;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: var(--txt-3);
    -webkit-mask: var(--pi-chev) center / contain no-repeat;
    mask: var(--pi-chev) center / contain no-repeat;
}
html.ui-prem #screen-wallet .dep-net[data-coin="ton"]::before { background-image: var(--pa-ton); }
html.ui-prem #screen-wallet .dep-net[data-coin="fiat"]::before { background-image: var(--pa-card); }
html.ui-prem #screen-wallet .dep-net[data-coin="stars"]::before { background-image: var(--pa-star); }
html.ui-prem #screen-wallet .dep-net.is-soon { opacity: .6; }
html.ui-prem #screen-wallet .dep-net-t { font-size: 14px; font-weight: 800; color: var(--txt); }
html.ui-prem #screen-wallet .dep-net-s { margin-top: 2px; font-size: 12px; color: var(--txt-3); }
html.ui-prem #screen-wallet .dep-net-badge {
    padding: 2px 8px;
    border-radius: 999px;
    border: 0;
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: .1em;
    color: #0B1310;
    background: var(--p-teal);
}
html.ui-prem #screen-wallet .dep-net-badge.dep-net-soon { background: rgba(255, 255, 255, .14); color: var(--txt-2); }
html.ui-prem #screen-wallet .dep-net-badge.dep-net-rub { background: #8FA2FF; }

/* Выбранный способ над суммой — пилюля «сменить». */
html.ui-prem #screen-wallet .dep-chosen {
    min-height: 52px;
    padding: 10px 14px;
    border-radius: 16px;
    border: 1px solid var(--p-line);
    background: var(--p-glass);
}
html.ui-prem #screen-wallet .dep-chosen-t { font-size: 13.5px; font-weight: 700; color: var(--txt); }
html.ui-prem #screen-wallet .dep-chosen-x {
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(126, 207, 192, .14);
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .08em;
    color: var(--p-teal);
}

/* Сумма — большое табло. */
html.ui-prem #screen-wallet .dep-amount {
    min-height: 92px;
    border-radius: 22px;
    border: 1px solid rgba(232, 192, 90, .28);
    background:
        radial-gradient(80% 120% at 50% 0%, rgba(232, 192, 90, .14), transparent 70%),
        linear-gradient(180deg, #121D17, #0D1612);
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, .55), 0 0 0 1px rgba(0, 0, 0, .3);
}
html.ui-prem #screen-wallet .dep-amount-v { font-size: 46px; font-weight: 800; letter-spacing: -.02em; color: #fff; text-shadow: 0 0 22px rgba(232, 192, 90, .35); }
html.ui-prem #screen-wallet .dep-amount-c { font-size: 15px; font-weight: 700; letter-spacing: .06em; color: var(--txt-3); }
html.ui-prem #screen-wallet .dep-row { gap: 8px; margin-top: 10px; }
html.ui-prem #screen-wallet .dep-chip {
    height: 48px;
    border-radius: 999px;
    background: var(--p-glass);
}
html.ui-prem #screen-wallet .dep-chip .btn-n { font-size: 15px; font-weight: 800; }
html.ui-prem #screen-wallet .dep-chip .btn-sub { font-size: 9.5px; opacity: .6; }
html.ui-prem #screen-wallet .dep-chip.is-on { border-color: rgba(232, 192, 90, .6); color: var(--me-hi); }
html.ui-prem #screen-wallet .dep-pad { gap: 8px; margin-top: 10px; }
html.ui-prem #screen-wallet .dep-key {
    height: 54px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, .06);
    background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 4px 10px -6px rgba(0, 0, 0, .7);
    font-size: 22px;
    font-weight: 600;
    color: var(--txt);
}
html.ui-prem #screen-wallet .dep-key:active { transform: scale(.95); background: rgba(255, 255, 255, .1); }
html.ui-prem #screen-wallet .dep-key-del { color: var(--txt-2); }
html.ui-prem #screen-wallet .dep-hint { text-align: center; color: var(--txt-3); }
html.ui-prem #screen-wallet .dep-go { height: 54px; margin-top: 8px; font-size: 14px; letter-spacing: .1em; }

/* ── страница перевода TON: счёт, кошелёк, вручную ─────────────────────────── */
html.ui-prem #screen-wallet .dep-ton-hero {
    position: relative;
    margin-top: 4px;
    padding: 18px 16px 14px;
    border-radius: 24px;
    border: 1px solid rgba(45, 156, 219, .38);
    background:
        radial-gradient(90% 80% at 100% 0%, rgba(45, 156, 219, .34), transparent 60%),
        linear-gradient(160deg, #173B53 0%, #12293A 50%, #0E1C25 100%);
    box-shadow: 0 18px 36px -20px rgba(0, 0, 0, .95), inset 0 1px 0 rgba(255, 255, 255, .12);
    overflow: hidden;
}
html.ui-prem #screen-wallet .dep-ton-hero[data-coin="usdt"] {
    border-color: rgba(38, 161, 123, .4);
    background:
        radial-gradient(90% 80% at 100% 0%, rgba(38, 161, 123, .34), transparent 60%),
        linear-gradient(160deg, #17483B 0%, #123329 50%, #0E1F19 100%);
}
html.ui-prem #screen-wallet .dep-ton-logo {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--pa-ton) center / contain no-repeat;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .45), 0 0 0 4px rgba(255, 255, 255, .06);
}
html.ui-prem #screen-wallet .dep-ton-hero[data-coin="usdt"] .dep-ton-logo { background-image: var(--pa-usdt); }
html.ui-prem #screen-wallet .dep-ton-hero .prof-row {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 0;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, .08);
}
html.ui-prem #screen-wallet .dep-ton-hero .prof-row:first-of-type {
    flex-direction: column;
    gap: 4px;
    padding: 0 70px 14px 0;
    border-top: 0;
}
html.ui-prem #screen-wallet .dep-ton-hero .prof-k { font-size: 10.5px; font-weight: 800; letter-spacing: .14em; color: rgba(230, 242, 250, .62); }
html.ui-prem #screen-wallet .dep-ton-hero .prof-v { font-size: 13.5px; font-weight: 700; color: #fff; text-align: right; white-space: normal; overflow: visible; }
html.ui-prem #screen-wallet .dep-ton-hero .prof-row:first-of-type .prof-v {
    padding: 0;
    overflow: visible;
    white-space: normal;
    font-size: 34px;
    font-weight: 800;
    letter-spacing: -.02em;
    text-align: left;
    color: #fff;
    text-shadow: 0 0 22px rgba(45, 156, 219, .5);
}
html.ui-prem #screen-wallet .dep-ton-hero .dep-wait {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 8px 0 0;
    padding: 9px 12px;
    border-radius: 12px;
    background: rgba(0, 0, 0, .22);
    font-size: 12px;
    color: rgba(230, 242, 250, .85);
}

html.ui-prem #screen-wallet :is(.dep-ton-wallet, .dep-ton-manual) {
    margin-top: 12px;
    padding: 4px 16px 16px;
    border-radius: var(--p-r);
    border: 1px solid var(--p-line);
    background: var(--p-card);
    box-shadow: var(--p-shadow);
}
html.ui-prem #screen-wallet :is(.dep-ton-wallet, .dep-ton-manual) > .screen-sub { margin-top: 14px; }
html.ui-prem #screen-wallet :is(.dep-ton-connect, .dep-ton-pay) {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 56px;
    border-color: transparent;
    background: linear-gradient(180deg, #3AAEF0 0%, #1E8FD8 55%, #1478BD 100%);
    color: #fff;
    box-shadow: 0 10px 24px -10px rgba(45, 156, 219, .8), inset 0 1px 0 rgba(255, 255, 255, .35);
}
html.ui-prem #screen-wallet :is(.dep-ton-connect, .dep-ton-pay)::before {
    content: '';
    position: static;
    flex: none;
    width: 26px;
    height: 26px;
    border: 0;
    opacity: 1;
    border-radius: 50%;
    background: var(--pa-ton) center / contain no-repeat;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .5);
}
html.ui-prem #screen-wallet .dep-ton-pay:disabled { filter: saturate(.5) brightness(.85); }
html.ui-prem #screen-wallet .dep-ton-wallet > .prof-note { margin-top: 10px; font-size: 12px; text-align: center; }

html.ui-prem #screen-wallet .dep-copyrow {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    padding: 10px 10px 10px 14px;
    border-radius: 16px;
    border: 1px solid var(--p-line);
    background: rgba(0, 0, 0, .22);
}
html.ui-prem #screen-wallet .dep-copyrow-t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
html.ui-prem #screen-wallet .dep-copyrow-k { font-size: 10px; font-weight: 800; letter-spacing: .14em; color: var(--txt-3); }
html.ui-prem #screen-wallet .dep-copyrow-v {
    padding: 0;
    border: 0;
    background: none;
    font-family: var(--font-code);
    font-size: 13px;
    line-height: 1.35;
    color: var(--txt);
    word-break: break-all;
}
html.ui-prem #screen-wallet .dep-ton-memo .dep-copyrow-v { font-size: 20px; font-weight: 700; letter-spacing: .12em; color: var(--me-hi); }
html.ui-prem #screen-wallet .dep-copyrow .btn {
    position: relative;
    flex: none;
    width: 44px;
    min-width: 0;
    height: 44px;
    min-height: 0;
    margin: 0;
    padding: 0;
    border-radius: 12px;
    font-size: 0;
    letter-spacing: 0;
}
html.ui-prem #screen-wallet .dep-copyrow .btn::before {
    content: '';
    position: absolute;
    inset: 12px;
    border: 0;
    border-radius: 0;
    opacity: 1;
    background: var(--txt);
    -webkit-mask: var(--pi-copy) center / contain no-repeat;
    mask: var(--pi-copy) center / contain no-repeat;
}
html.ui-prem #screen-wallet .dep-copyrow .btn.is-copied { border-color: rgba(126, 207, 192, .6); background: rgba(126, 207, 192, .16); }
html.ui-prem #screen-wallet .dep-copyrow .btn.is-copied::before { background: var(--p-teal); -webkit-mask-image: var(--pi-check); mask-image: var(--pi-check); }

/* Предупреждение — плашка со значком, а не красный абзац. */
html.ui-prem #screen-wallet .dep-warn {
    position: relative;
    margin-top: 12px;
    padding: 12px 12px 12px 44px;
    border-radius: 14px;
    border: 1px solid rgba(232, 192, 90, .35);
    background: rgba(232, 192, 90, .08);
    color: var(--txt-2);
    font-size: 12.5px;
}
html.ui-prem #screen-wallet .dep-warn::before {
    content: '';
    position: absolute;
    left: 14px;
    top: 13px;
    width: 18px;
    height: 18px;
    background: var(--gold);
    -webkit-mask: var(--pi-shield) center / contain no-repeat;
    mask: var(--pi-shield) center / contain no-repeat;
}
html.ui-prem #screen-wallet .dep-again {
    display: block;
    margin: 14px auto 0;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--txt-2);
    background: none;
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, .25);
    text-underline-offset: 3px;
}
html.ui-prem #screen-wallet .dep-ton-link { text-decoration: none; color: var(--p-ton); font-weight: 700; }

/* ── вывод ─────────────────────────────────────────────────────────────── */
html.ui-prem #screen-wallet .wd-top {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 4px;
    padding: 18px 84px 18px 16px;
    border-radius: 24px;
    border: 1px solid rgba(126, 207, 192, .3);
    background:
        radial-gradient(90% 80% at 100% 0%, rgba(126, 207, 192, .26), transparent 60%),
        linear-gradient(160deg, #1A5446 0%, #133A31 50%, #0F241E 100%);
    box-shadow: 0 18px 36px -20px rgba(0, 0, 0, .95), inset 0 1px 0 rgba(255, 255, 255, .12);
    overflow: hidden;
}
html.ui-prem #screen-wallet .wd-top::after {
    content: '';
    position: absolute;
    right: 14px;
    top: 50%;
    width: 56px;
    height: 56px;
    margin-top: -28px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .1);
    -webkit-mask: var(--pi-up) center / 30px no-repeat, radial-gradient(#000 0 0);
    mask: var(--pi-up) center / 30px no-repeat exclude, radial-gradient(#000 0 0);
}
html.ui-prem #screen-wallet .wd-top-k { font-size: 11px; font-weight: 800; letter-spacing: .16em; color: rgba(235, 248, 244, .7); }
html.ui-prem #screen-wallet .wd-top-v { font-size: clamp(26px, 8.4vw, 34px); font-weight: 800; letter-spacing: -.02em; color: #fff; text-shadow: 0 0 22px rgba(126, 207, 192, .45); }
html.ui-prem #screen-wallet .wd-top-s { font-size: 12px; color: rgba(235, 248, 244, .75); }
html.ui-prem #screen-wallet .wd-block {
    margin-top: 12px;
    padding: 4px 16px 16px;
    border-radius: var(--p-r);
    border: 1px solid var(--p-line);
    background: var(--p-card);
    box-shadow: var(--p-shadow);
}
html.ui-prem #screen-wallet .wd-block > .screen-sub:first-child { margin-top: 14px; }
html.ui-prem #screen-wallet .wd-steps-l { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; }
html.ui-prem #screen-wallet .wd-step {
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 14px;
    background: var(--p-glass);
    border: 1px solid var(--p-line);
    font-size: 13.5px;
    color: var(--txt);
}
html.ui-prem #screen-wallet .wd-step-i {
    width: 26px;
    height: 26px;
    border: 2px solid rgba(255, 255, 255, .16);
    background: rgba(0, 0, 0, .2);
}
html.ui-prem #screen-wallet .wd-step.is-done { border-color: rgba(126, 207, 192, .35); background: rgba(126, 207, 192, .08); }
html.ui-prem #screen-wallet .wd-step.is-done .wd-step-i { border-color: transparent; background: var(--p-teal); color: #0B1310; }
html.ui-prem #screen-wallet .wd-step-t { display: flex; flex-direction: column; gap: 2px; font-weight: 600; }
html.ui-prem #screen-wallet .wd-step-s { font-size: 12px; font-weight: 400; color: var(--txt-3); }
html.ui-prem #screen-wallet .wd-card {
    border-radius: 16px;
    border: 1px solid var(--p-line);
    background: var(--p-glass);
}
html.ui-prem #screen-wallet .wd-input {
    min-height: 52px;
    border-radius: 14px;
    border: 1px solid var(--p-line-hi);
    background: rgba(0, 0, 0, .3);
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, .45);
    font-size: 15px;
}
html.ui-prem #screen-wallet .wd-input:focus { border-color: rgba(232, 192, 90, .6); outline: none; box-shadow: 0 0 0 3px rgba(232, 192, 90, .15), inset 0 2px 6px rgba(0, 0, 0, .45); }
html.ui-prem #screen-wallet .wd-to-dep, html.ui-prem #screen-wallet .wd-go { height: 52px; margin-top: 12px; }

/* ── рейтинг ───────────────────────────────────────────────────────────── */
html.ui-prem #screen-leaders .ldr-card {
    position: relative;
    overflow: hidden;
    padding: 18px 120px 18px 16px;
    border-radius: 24px;
    border: 1px solid rgba(232, 192, 90, .38);
    background:
        radial-gradient(90% 90% at 100% 0%, rgba(232, 192, 90, .32), transparent 60%),
        linear-gradient(160deg, #5A4515 0%, #3A2D0E 48%, #1C170A 100%);
    box-shadow: 0 18px 36px -20px rgba(0, 0, 0, .95), inset 0 1px 0 rgba(255, 246, 214, .18);
}
html.ui-prem #screen-leaders .ldr-card::after {
    content: '';
    position: absolute;
    right: 8px;
    top: 50%;
    width: 112px;
    height: 96px;
    margin-top: -48px;
    background: var(--pa-cup) center / contain no-repeat;
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, .45));
}
html.ui-prem #screen-leaders .ldr-card-top { flex-direction: column; align-items: flex-start; gap: 4px; }
html.ui-prem #screen-leaders .ldr-season { font-size: 22px; font-weight: 800; color: #FFF3D6; }
html.ui-prem #screen-leaders .ldr-days {
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(0, 0, 0, .25);
    font-size: 11.5px;
    font-weight: 700;
    color: var(--me-hi);
}
html.ui-prem #screen-leaders .ldr-card-me { margin-top: 12px; color: rgba(255, 243, 214, .85); font-size: 13px; }
html.ui-prem #screen-leaders .ldr-me-rank { font-size: 26px; font-weight: 800; color: #fff; }
html.ui-prem #screen-leaders .ldr-me-pts { font-size: 13px; color: var(--me-hi); }

html.ui-prem #screen-leaders .ldr-podium { gap: 8px; margin-top: 16px; align-items: end; }
html.ui-prem #screen-leaders .ldr-pod {
    position: relative;
    padding: 14px 8px 12px;
    border-radius: 20px;
    border: 1px solid var(--p-line);
    background: var(--p-card);
    box-shadow: var(--p-shadow);
    text-align: center;
}
html.ui-prem #screen-leaders .ldr-pod-1 {
    padding-top: 22px;
    border-color: rgba(232, 192, 90, .55);
    background:
        radial-gradient(100% 80% at 50% 0%, rgba(232, 192, 90, .3), transparent 65%),
        var(--p-card);
    box-shadow: 0 14px 30px -14px rgba(232, 192, 90, .45), inset 0 1px 0 rgba(255, 246, 214, .2);
}
html.ui-prem #screen-leaders .ldr-pod-1::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -12px;
    width: 26px;
    height: 26px;
    margin-left: -13px;
    background: var(--gold);
    -webkit-mask: var(--pi-crown) center / contain no-repeat;
    mask: var(--pi-crown) center / contain no-repeat;
    filter: drop-shadow(0 0 6px rgba(232, 192, 90, .7));
}
html.ui-prem #screen-leaders .ldr-pod-2 { border-color: rgba(205, 214, 224, .35); }
html.ui-prem #screen-leaders .ldr-pod-3 { border-color: rgba(205, 140, 90, .4); }
html.ui-prem #screen-leaders .ldr-pod-rank { font-size: 10px; font-weight: 800; letter-spacing: .14em; color: var(--txt-3); }
html.ui-prem #screen-leaders .ldr-pod-1 .ldr-pod-rank { color: var(--me-hi); }
html.ui-prem #screen-leaders .ldr-pod-name {
    display: block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--txt);
}
/* Своё место: ник строкой (длинный — с многоточием), под ним «— ты». */
html.ui-prem #screen-leaders .ldr-pod-nick { display: block; overflow: hidden; text-overflow: ellipsis; }
html.ui-prem #screen-leaders .ldr-pod-you { display: block; margin-top: 2px; font-size: 11px; line-height: 1.2; color: var(--me-hi); }
html.ui-prem #screen-leaders .ldr-pod-pts { font-size: 18px; font-weight: 800; color: var(--p-teal); }
html.ui-prem #screen-leaders .ldr-pod-1 .ldr-pod-pts { color: var(--me-hi); font-size: 20px; }

html.ui-prem #screen-leaders .ldr-list { display: flex; flex-direction: column; gap: 6px; margin-top: 14px; }
html.ui-prem #screen-leaders .lrow {
    min-height: 56px;
    padding: 8px 14px 8px 10px;
    border-radius: 16px;
    border: 1px solid var(--p-line);
    background: var(--p-glass);
    box-shadow: none;
}
html.ui-prem #screen-leaders .lrow.is-me, html.ui-prem #screen-leaders .ldr-my-row {
    border-color: rgba(232, 192, 90, .55);
    background: rgba(232, 192, 90, .1);
}
html.ui-prem #screen-leaders .lrow-t { font-size: 13.5px; font-weight: 700; }
html.ui-prem #screen-leaders .lrow-val { font-size: 15px; font-weight: 800; color: var(--p-teal); }
html.ui-prem #screen-leaders .ldr-sticky {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 14px;
    min-height: 50px;
    padding: 10px 16px;
    border-radius: 16px;
    background: var(--p-gold);
    color: var(--p-gold-ink);
    box-shadow: var(--p-gold-glow);
    font-weight: 700;
}
html.ui-prem #screen-leaders .ldr-sticky::before {
    content: '';
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask: var(--pi-trophy) center / contain no-repeat;
    mask: var(--pi-trophy) center / contain no-repeat;
}
html.ui-prem #screen-leaders .ldr-sticky-t { color: inherit; }
html.ui-prem #screen-leaders #ldr-body > .prof-note { margin-top: 14px; text-align: center; }

/* ── друзья ────────────────────────────────────────────────────────────── */
html.ui-prem #screen-friends .ref-offer {
    position: relative;
    overflow: hidden;
    padding: 20px 16px 16px;
    border-radius: 26px;
    border: 1px solid rgba(160, 140, 255, .32);
    background:
        radial-gradient(90% 70% at 100% 0%, rgba(140, 115, 240, .34), transparent 60%),
        radial-gradient(70% 60% at 0% 100%, rgba(126, 207, 192, .14), transparent 70%),
        linear-gradient(160deg, #33285E 0%, #221C3E 48%, #141327 100%);
    box-shadow: 0 20px 40px -20px rgba(0, 0, 0, .95), inset 0 1px 0 rgba(255, 255, 255, .14);
}
html.ui-prem #screen-friends .ref-offer::before {
    content: '';
    position: absolute;
    right: 0;
    top: 6px;
    width: 96px;
    height: 84px;
    background: var(--pa-friends) center / contain no-repeat;
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, .45));
    pointer-events: none;
}
html.ui-prem #screen-friends .ref-offer > * { position: relative; }
html.ui-prem #screen-friends .ref-offer-big { min-height: 74px; padding-right: 88px; font-size: 22px; font-weight: 800; line-height: 1.15; letter-spacing: -.01em; color: #fff; }
html.ui-prem #screen-friends .ref-offer-sub { margin-top: 8px; padding-right: 20px; font-size: 13px; line-height: 1.45; color: rgba(236, 232, 255, .78); }
html.ui-prem #screen-friends .ref-offer-gift {
    position: relative;
    margin-top: 12px;
    padding: 10px 12px 10px 40px;
    border: 1px solid rgba(232, 192, 90, .35);
    border-radius: 14px;
    background: rgba(232, 192, 90, .1);
    font-size: 12.5px;
    color: #FFF3D6;
}
html.ui-prem #screen-friends .ref-offer-gift::before {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: var(--gold);
    -webkit-mask: var(--pi-gift) center / contain no-repeat;
    mask: var(--pi-gift) center / contain no-repeat;
}
html.ui-prem #screen-friends .ref-offer-gift .ig-ico { display: none; }
html.ui-prem #screen-friends .ref-share {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 54px;
    margin-top: 14px;
    font-size: 13.5px;
}
html.ui-prem #screen-friends .ref-share::before {
    content: '';
    position: static;
    width: 20px;
    height: 20px;
    border: 0;
    opacity: 1;
    border-radius: 0;
    background: currentColor;
    -webkit-mask: var(--pi-send) center / contain no-repeat;
    mask: var(--pi-send) center / contain no-repeat;
}
html.ui-prem #screen-friends .ref-linkrow { gap: 8px; margin-top: 10px; align-items: stretch; }
html.ui-prem #screen-friends .ref-link {
    border-radius: 14px;
    border: 1px dashed rgba(255, 255, 255, .18);
    background: rgba(0, 0, 0, .25);
}
html.ui-prem #screen-friends .ref-link-t { font-family: var(--font-code); font-size: 12px; color: rgba(236, 232, 255, .85); }
html.ui-prem #screen-friends .ref-copy {
    position: relative;
    min-width: 56px;
    padding: 0 12px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .08);
    font-size: 11px;
}
html.ui-prem #screen-friends .ref-levels { gap: 8px; margin-top: 12px; }
html.ui-prem #screen-friends .ref-level {
    padding: 12px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(0, 0, 0, .22);
}
html.ui-prem #screen-friends .ref-level-k { font-size: 10px; font-weight: 800; letter-spacing: .14em; color: rgba(236, 232, 255, .62); }
html.ui-prem #screen-friends .ref-level-v { font-size: 30px; font-weight: 800; color: var(--p-teal); text-shadow: 0 0 18px rgba(126, 207, 192, .35); }
html.ui-prem #screen-friends .ref-level + .ref-level .ref-level-v { color: #C8B6FF; text-shadow: 0 0 18px rgba(160, 140, 255, .35); }
html.ui-prem #screen-friends .ref-level-s { font-size: 11.5px; color: rgba(236, 232, 255, .66); }
html.ui-prem #screen-friends .ref-calc { margin-top: 12px; }
html.ui-prem #screen-friends .ref-chips { gap: 6px; }
html.ui-prem #screen-friends .ref-chip {
    height: 38px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(0, 0, 0, .2);
    font-size: 12.5px;
    font-weight: 700;
    color: rgba(236, 232, 255, .7);
}
html.ui-prem #screen-friends .ref-chip.is-on { border-color: transparent; background: #fff; color: #221C3E; }
html.ui-prem #screen-friends .ref-offer-ex { margin-top: 10px; font-size: 13px; color: var(--p-teal); }
html.ui-prem #screen-friends .ref-agent {
    position: relative;
    padding: 18px 16px 16px 16px;
}
html.ui-prem #screen-friends .ref-agent-t { font-size: 17px; font-weight: 800; color: var(--txt); }
html.ui-prem #screen-friends .ref-agent-btn { height: 50px; margin-top: 12px; }
html.ui-prem #screen-friends .ref-item, html.ui-prem #screen-friends .ref-list > * {
    border-radius: 14px;
}

/* ── профиль ───────────────────────────────────────────────────────────── */
html.ui-prem #screen-profile .ptabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 4px;
    gap: 4px;
    border-radius: 16px;
    border: 1px solid var(--p-line);
    background: rgba(0, 0, 0, .25);
}
html.ui-prem #screen-profile .ptab {
    min-width: 0;
    min-height: 38px;
    padding: 0;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0;
    color: var(--txt-3);
}
html.ui-prem #screen-profile .ptab.is-on {
    color: var(--p-gold-ink);
    background: var(--p-gold);
    box-shadow: 0 6px 14px -8px rgba(232, 192, 90, .8);
}

html.ui-prem #screen-profile #prof-card {
    position: relative;
    overflow: hidden;
    padding: 18px 16px 16px;
    border-radius: 26px;
    border: 1px solid rgba(232, 192, 90, .3);
    background:
        radial-gradient(90% 80% at 100% 0%, rgba(232, 192, 90, .2), transparent 60%),
        radial-gradient(60% 60% at 0% 100%, rgba(126, 207, 192, .12), transparent 70%),
        linear-gradient(160deg, #23392D 0%, #182A20 50%, #111C16 100%);
    box-shadow: 0 20px 40px -20px rgba(0, 0, 0, .95), inset 0 1px 0 rgba(255, 255, 255, .12);
}
html.ui-prem #screen-profile .acc-ava {
    width: 64px;
    height: 64px;
    font-size: 28px;
    box-shadow: 0 0 0 3px #182A20, 0 0 0 5px var(--gold), 0 0 24px rgba(232, 192, 90, .45);
}
html.ui-prem #screen-profile .acc-name { font-size: 17px; font-weight: 800; line-height: 1.25; color: #fff; }
html.ui-prem #screen-profile .acc-sum { margin-top: 2px; font-size: 26px; font-weight: 800; line-height: 1.15; color: var(--p-teal); }
html.ui-prem #screen-profile .acc-chips { gap: 6px; margin-top: 14px; }
html.ui-prem #screen-profile .acc-chip {
    padding: 5px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(0, 0, 0, .22);
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .08em;
    color: var(--txt-2);
}
html.ui-prem #screen-profile .acc-chip.is-me { border-color: transparent; background: var(--p-gold); color: var(--p-gold-ink); }

html.ui-prem #screen-profile #prof-level, html.ui-prem #screen-profile #prof-stats, html.ui-prem #screen-profile #prof-season { margin-top: 14px; padding: 16px; }
html.ui-prem #screen-profile .lvl-num { color: var(--me-hi); text-shadow: 0 0 16px rgba(232, 192, 90, .5); }
html.ui-prem #screen-profile .lvl-bar {
    height: 8px;
    border-radius: 999px;
    background: rgba(0, 0, 0, .35);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .5);
}
html.ui-prem #screen-profile .lvl-fill { border-radius: inherit; background: linear-gradient(90deg, #C99A30, #F8DE8E); box-shadow: 0 0 10px rgba(232, 192, 90, .55); }
html.ui-prem #screen-profile .kpi-grid { gap: 8px; }
html.ui-prem #screen-profile .kpi {
    position: relative;
    padding: 12px 12px 12px;
    border-radius: 16px;
    border: 1px solid var(--p-line);
    background: var(--p-glass);
    box-shadow: none;
}
html.ui-prem #screen-profile .kpi::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 10px;
    width: 16px;
    height: 16px;
    background: var(--txt-3);
    opacity: .7;
    -webkit-mask: var(--pi-chart) center / contain no-repeat;
    mask: var(--pi-chart) center / contain no-repeat;
}
html.ui-prem #screen-profile .kpi:nth-child(2)::after { -webkit-mask-image: var(--pi-coins); mask-image: var(--pi-coins); }
html.ui-prem #screen-profile .kpi:nth-child(3)::after { -webkit-mask-image: var(--pi-trophy); mask-image: var(--pi-trophy); }
html.ui-prem #screen-profile .kpi:nth-child(4)::after { -webkit-mask-image: var(--pi-crown); mask-image: var(--pi-crown); }
html.ui-prem #screen-profile .kpi-k { padding-right: 18px; font-size: 9.5px; font-weight: 800; letter-spacing: .12em; color: var(--txt-3); }
html.ui-prem #screen-profile .kpi-v { margin-top: 6px; font-size: 22px; font-weight: 800; color: var(--txt); }
html.ui-prem #screen-profile .kpi-v.is-money { color: var(--p-teal); }
html.ui-prem #screen-profile .kpi-s { font-size: 11px; color: var(--txt-3); }
html.ui-prem #screen-profile .season-rank { color: var(--me-hi); }
html.ui-prem #screen-profile .season-track {
    height: 8px;
    border-radius: 999px;
    background: rgba(0, 0, 0, .35);
}
html.ui-prem #screen-profile .season-fill { border-radius: inherit; background: linear-gradient(90deg, #4FB3A2, #A8F0E2); }

/* История: вкладки-пилюли, пустое место — рисунок и подпись, строки — карточки. */
html.ui-prem #screen-profile .hi-tabs { gap: 6px; padding: 0; }
html.ui-prem #screen-profile .hi-tab {
    height: 38px;
    border-radius: 999px;
    border: 1px solid var(--p-line);
    background: var(--p-glass);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .1em;
    color: var(--txt-3);
}
html.ui-prem #screen-profile .hi-tab.is-on { border-color: transparent; background: #fff; color: #0F1A14; }
html.ui-prem #screen-profile .hi-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin: 18px 0 0;
    padding: 34px 16px;
    border-radius: var(--p-r);
    border: 1px dashed rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .02);
    color: var(--txt-3);
    text-align: center;
}
html.ui-prem #screen-profile .hi-empty::before {
    content: '';
    width: 56px;
    height: 56px;
    border-radius: 18px;
    background:
        linear-gradient(var(--txt-3), var(--txt-3)) center / 0 0 no-repeat,
        rgba(255, 255, 255, .06);
    -webkit-mask: var(--pi-history) center / 28px no-repeat, linear-gradient(#000, #000);
    -webkit-mask-composite: xor;
    mask: var(--pi-history) center / 28px no-repeat exclude, linear-gradient(#000, #000);
}
html.ui-prem #screen-profile .hi-row {
    border-radius: 16px;
    border: 1px solid var(--p-line);
    background: var(--p-glass);
}

/* Поддержка: карточка с гарнитурой и золотой кнопкой. */
html.ui-prem #screen-profile #prof-support {
    position: relative;
    margin-top: 14px;
    padding: 6px 16px 16px;
    border-radius: 24px;
    border: 1px solid rgba(126, 207, 192, .26);
    background:
        radial-gradient(90% 80% at 100% 0%, rgba(126, 207, 192, .2), transparent 60%),
        var(--p-card);
    box-shadow: var(--p-shadow);
    overflow: hidden;
}
html.ui-prem #screen-profile #prof-support::before {
    content: '';
    position: absolute;
    right: 6px;
    top: 8px;
    width: 92px;
    height: 80px;
    background: var(--pa-headset) center / contain no-repeat;
    opacity: .95;
    pointer-events: none;
}
html.ui-prem #screen-profile #prof-support > .screen-sub:first-child { margin-top: 16px; }
html.ui-prem #screen-profile #prof-support > .prof-note { position: relative; padding-right: 86px; color: var(--txt-2); }
html.ui-prem #screen-profile .sup-new { height: 52px; margin-top: 14px; }
html.ui-prem #screen-profile .sup-row { margin-top: 8px; border-radius: 16px; }
html.ui-prem #screen-profile .sup-input {
    border-radius: 14px;
    border: 1px solid var(--p-line-hi);
    background: rgba(0, 0, 0, .3);
}

/* Настройки — сгруппированный список со значками в цветных квадратах. */
html.ui-prem #screen-profile #prof-settings {
    margin-top: 14px;
    padding: 6px 16px 14px;
    border-radius: var(--p-r);
    border: 1px solid var(--p-line);
    background: var(--p-card);
    box-shadow: var(--p-shadow);
}
html.ui-prem #screen-profile #prof-settings :is(.set-theme, .vol-row) {
    position: relative;
    min-height: 56px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}
html.ui-prem #screen-profile #prof-settings .set-theme { padding-left: 46px; }
/* Язык и вибрация — значок в цветном квадрате; у громкости квадратом служит сама кнопка «без звука». */
html.ui-prem #screen-profile #prof-settings .set-theme::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    border-radius: 10px;
    background: #4F63D6;
}
html.ui-prem #screen-profile #prof-settings .set-theme::after {
    content: '';
    position: absolute;
    left: 7px;
    top: 50%;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: #fff;
    -webkit-mask: var(--pi-globe) center / contain no-repeat;
    mask: var(--pi-globe) center / contain no-repeat;
}
html.ui-prem #screen-profile #prof-settings #haptics-row::before { background: #C94A8C; }
html.ui-prem #screen-profile #prof-settings #haptics-row::after { -webkit-mask-image: var(--pi-vibe); mask-image: var(--pi-vibe); }
html.ui-prem #screen-profile #prof-settings .vol-mute {
    flex: none;
    width: 32px;
    height: 32px;
    margin-right: 14px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: #D9581F;
    color: #fff;
}
html.ui-prem #screen-profile #prof-settings #mute-music { background: #1E9C80; }
html.ui-prem #screen-profile #prof-settings .vol-mute svg { width: 18px; height: 18px; color: #fff; }
html.ui-prem #screen-profile #prof-settings .vol-cap { font-size: 13.5px; font-weight: 600; letter-spacing: .02em; color: var(--txt); }
html.ui-prem #screen-profile #prof-settings .seg {
    padding: 3px;
    border-radius: 12px;
    border: 1px solid var(--p-line);
    background: rgba(0, 0, 0, .3);
}
html.ui-prem #screen-profile #prof-settings .seg-b {
    min-width: 46px;
    border-radius: 9px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    color: var(--txt-3);
}
html.ui-prem #screen-profile #prof-settings .seg-b.is-on { color: var(--p-gold-ink); background: var(--p-gold); box-shadow: none; }
html.ui-prem #screen-profile #prof-settings .vol {
    accent-color: var(--gold);
}
html.ui-prem #screen-profile #prof-settings .vol-val { font-size: 13px; font-weight: 700; color: var(--txt-2); }
html.ui-prem #screen-profile #about-body .prof-note { display: flex; align-items: center; gap: 10px; color: var(--txt-3); }
html.ui-prem #screen-profile #about-body .prof-note::before {
    content: '';
    flex: none;
    width: 18px;
    height: 18px;
    background: var(--txt-3);
    -webkit-mask: var(--pi-info) center / contain no-repeat;
    mask: var(--pi-info) center / contain no-repeat;
}

/* ── узкие телефоны и покой ─────────────────────────────────────────────── */
@media (max-width: 359.98px) {
    html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) .screen-cap { font-size: 26px; }
    html.ui-prem #screen-wallet .wal-balance-v { font-size: 30px; }
    html.ui-prem #screen-wallet #wal-card::before { width: 66px; height: 52px; }
    html.ui-prem #screen-wallet .wal-cell { padding: 9px 8px 8px; }
    html.ui-prem #screen-wallet .wal-cell::before { display: none; }
    html.ui-prem #screen-wallet .wal-cell-k { padding-right: 0; }
    html.ui-prem #screen-friends .ref-offer-big { font-size: 20px; padding-right: 76px; }
    html.ui-prem #screen-friends .ref-offer::before { width: 80px; height: 70px; }
    html.ui-prem #screen-wallet .dep-ton-hero .prof-row:first-of-type .prof-v { font-size: 30px; }
    html.ui-prem #screen-leaders .ldr-card { padding-right: 100px; }
    html.ui-prem #screen-profile .ptabs { padding: 3px; gap: 2px; }
    html.ui-prem #screen-profile .ptab { padding: 0; font-size: 9px; font-weight: 700; letter-spacing: 0; }
    html.ui-prem #screen-leaders .ldr-card::after { width: 92px; height: 80px; }
}
/* Телефон уже 400 px: на клавишах кассы без кружка со стрелкой (иначе «ПОПОЛНИТЬ» режется), подпись — в две строки;
   сводка без значков (подписи «ПОДАРКОВ», «CASHBACK» во всю ширину плитки); показатели профиля мельче. */
@media (max-width: 399.98px) {
    html.ui-prem #screen-wallet .acc-buttons .btn.acc-key { grid-template-columns: 1fr; grid-template-areas: "n" "s"; }
    html.ui-prem #screen-wallet .acc-key-i { display: none; }
    html.ui-prem #screen-wallet .acc-key-s { white-space: normal; line-height: 1.3; }
    html.ui-prem #screen-wallet .wal-cell::before { display: none; }
    html.ui-prem #screen-wallet .wal-cell-k { padding-right: 0; }
    html.ui-prem #screen-profile .kpi-v { font-size: 18px; }
    html.ui-prem #screen-profile .kpi::after { display: none; }
    html.ui-prem #screen-profile .kpi-k { padding-right: 0; }
}
@media (prefers-reduced-motion: reduce) {
    html.ui-prem #screen-wallet #wal-card::after { animation: none; display: none; }
}

/* Зазоры (владелец 2026-10-19: «на некоторых скринах видно, что зазоров между объектами нет»): «Ввести промокод» стоял
   впритык к паспорту, когда отыгрыша нет; вкладки истории — впритык к первой строке, строки — почти без воздуха. */
html.ui-prem #screen-profile #prof-promo { margin-top: 12px; }
html.ui-prem #screen-profile .hi-tabs { margin-bottom: 12px; }
html.ui-prem #screen-profile .hi-list { display: flex; flex-direction: column; gap: 10px; }
html.ui-prem #screen-profile .hi-list > .hi-row { margin: 0; }

/* ── касса одним экраном (владелец 2026-10-19: «интерфейс пополнения и вывода очень неудобный… максимально
   просто»; поправка того же дня по снимку с телефона: «очень плохая вёрстка, чтобы всё помещалось в экран»).

   Как влезает: денежная страница — колонка во всю высоту экрана (#screen-wallet гибкий, страница и её содержимое
   растягиваются), клавиатура берёт оставшуюся высоту (клавиши от 32 до 52 px), кнопка с суммой — внизу
   (margin-top: auto; на совсем низком экране — прилипает). Плашки сетей — по две в ряд с minmax(0, 1fr): длинная
   подпись больше не распирает колонку за край. Нижняя панель на денежной странице спрятана (shell.css on-cash),
   а нижний вырез телефона уже учтён отступом body — второго запаса снизу нет. ── */
/* Телефон: страница во всю высоту экрана, клавиатура берёт остаток, кнопка внизу. На планшете и ПК — обычный
   поток: кнопка сразу под клавишами, без пустого поля между ними (на высоком экране оно было бы в полэкрана). */
@media (max-width: 599.98px) {
    html.ui-prem body.on-cash.on-wallet #screen-wallet {
        display: flex;
        flex-direction: column;
        padding-bottom: 6px;
    }
    html.ui-prem body.on-cash #screen-wallet > .cash-page.is-on { flex: 1 0 auto; display: flex; flex-direction: column; }
    html.ui-prem body.on-cash :is(#wal-deposit, #wal-withdraw) { flex: 1 0 auto; display: flex; flex-direction: column; }
    html.ui-prem body.on-cash #screen-wallet .dep-pick { flex: 1 0 auto; display: flex; flex-direction: column; }
    html.ui-prem body.on-cash #screen-wallet .dep-pick .dep-pad {
        flex: 1 1 0;
        min-height: calc(4 * 32px + 3 * 6px);
        max-height: calc(4 * 52px + 3 * 6px);
        grid-auto-rows: minmax(32px, 1fr);
        align-content: stretch;
    }
    html.ui-prem body.on-cash #screen-wallet .dep-pick .dep-key { height: auto; min-height: 32px; }
    html.ui-prem body.on-cash #screen-wallet :is(.dep-cta, .wd-cta) { margin-top: auto; }
}
/* ПК: денежная страница — колонка по центру, а не во всю ширину раздела (клавиши в полэкрана не нужны). */
@media (min-width: 1024px) {
    html.ui-prem body.on-wallet #screen-wallet > :is(#cash-deposit, #cash-withdraw).is-on { width: 100%; max-width: 560px; margin-left: auto; margin-right: auto; }
    html.ui-prem #screen-wallet .dep-key:hover { background: rgba(255, 255, 255, .09); }
}

/* Шапка денежной страницы одной строкой: «← Кошелёк» и заголовок рядом. */
html.ui-prem #screen-wallet .cash-head { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; margin: 0 0 10px; text-align: left; }
html.ui-prem #screen-wallet .cash-head .cash-back { flex: none; margin: 0; }
html.ui-prem #screen-wallet .cash-head .screen-cap { flex: 1 1 auto; min-width: 0; margin: 0; font-size: clamp(21px, 6.2vw, 26px); text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Плитки способов: до четырёх в ряд, знак сверху по центру, имя и одно слово под ним. */
html.ui-prem #screen-wallet .dep-ways {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 8px;
    margin-top: 0;
}
html.ui-prem #screen-wallet .dep-way {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 1px;
    min-width: 0;
    min-height: 68px;
    padding: 34px 4px 8px;
    border-radius: 16px;
    text-align: center;
}
html.ui-prem #screen-wallet .dep-way::before { left: 50%; top: 8px; width: 24px; height: 24px; margin-left: -12px; }
html.ui-prem #screen-wallet .dep-way[data-way="ton"]::before { background-image: var(--pa-ton); }
html.ui-prem #screen-wallet .dep-way.is-on::after { right: 5px; top: 5px; width: 16px; height: 16px; }
html.ui-prem #screen-wallet .dep-way.is-soon { opacity: .55; }
html.ui-prem #screen-wallet :is(.dep-way-t, .dep-way-s) { display: block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.ui-prem #screen-wallet .dep-way-t { margin: 0; font-size: 12px; letter-spacing: .03em; }
html.ui-prem #screen-wallet .dep-way-s { margin: 0; font-size: 10.5px; }

/* Подпись раздела и подсказка к ней — одной строкой. */
html.ui-prem #screen-wallet .dep-pick .dep-sub { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin: 12px 0 6px; }
html.ui-prem #screen-wallet .dep-sub-hint { font-size: 11px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--txt-3); }

/* Сети USDT и рублёвые способы (и куда выводить) — плашки по две в ряд: имя и минимум строкой, сеть под ними,
   совет — значком в углу. Без стрелки: это выбор, а не переход. */
html.ui-prem #screen-wallet .dep-nets {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 0;
}
html.ui-prem #screen-wallet .dep-net {
    position: relative;
    min-width: 0;
    min-height: 48px;
    padding: 7px 10px 7px 40px;
    border-radius: 14px;
    text-align: left;
    overflow: visible;
}
html.ui-prem #screen-wallet .dep-net::before { left: 9px; width: 24px; height: 24px; margin-top: -12px; }
html.ui-prem #screen-wallet .dep-net::after { display: none; }
html.ui-prem #screen-wallet .dep-net.is-on {
    border-color: rgba(232, 192, 90, .7);
    background:
        radial-gradient(100% 80% at 100% 0%, rgba(232, 192, 90, .2), transparent 60%),
        var(--p-card);
    box-shadow: 0 0 0 1px rgba(232, 192, 90, .35), 0 10px 22px -14px rgba(232, 192, 90, .45);
}
html.ui-prem #screen-wallet .dep-net.is-on .dep-net-t { color: var(--me-hi); }
html.ui-prem #screen-wallet .dep-net-h { display: flex; align-items: baseline; gap: 6px; min-width: 0; }
html.ui-prem #screen-wallet .dep-net-t { flex: 0 1 auto; min-width: 0; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.ui-prem #screen-wallet .dep-net-min { flex: none; margin-left: auto; font-size: 11px; font-weight: 600; color: var(--txt-3); white-space: nowrap; }
html.ui-prem #screen-wallet .dep-net-s { display: block; min-width: 0; margin-top: 1px; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.ui-prem #screen-wallet .dep-net .dep-net-badge {
    position: absolute;
    top: -7px;
    right: 8px;
    padding: 1px 6px;
    font-size: 8px;
    line-height: 13px;
    letter-spacing: .08em;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .4);
}
html.ui-prem #screen-wallet .dep-net .dep-net-badge.dep-net-soon { top: auto; bottom: -7px; }
html.ui-prem #screen-wallet .dep-net-note { margin: 6px 0 0; font-size: 12px; color: var(--txt-3); }

/* Сумма: табло, под числом — подсказка (минимум, сколько зачислим, чего не хватает). */
html.ui-prem #screen-wallet .dep-pick .dep-amount {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-height: 74px;
    margin-top: 12px;
    padding: 8px 12px 7px;
    border-radius: 18px;
}
html.ui-prem #screen-wallet .dep-amount-row { display: flex; align-items: baseline; justify-content: center; gap: 8px; margin-bottom: 3px; }
/* Подарок за пополнение — не больше двух строк: лестница ступеней длинная, и на телефоне она съедала клавиатуру. */
html.ui-prem #screen-wallet .dep-pick .dep-gift-note {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 6px 0 0;
    font-size: 11px;
    line-height: 15px;
}
html.ui-prem #screen-wallet .dep-pick .dep-gift { margin: 4px 0 0; }
html.ui-prem #screen-wallet .dep-pick .dep-gift:empty { display: none; }
/* Вывод на телефоне: шапка «можно вывести» и карточка формы плотнее — поле адреса не должно уходить под кнопку. */
html.ui-prem body.on-cash #screen-wallet .wd-top { padding: 12px 74px 12px 16px; border-radius: 20px; gap: 2px; }
html.ui-prem body.on-cash #screen-wallet .wd-top::after { width: 46px; height: 46px; margin-top: -23px; right: 14px; }
html.ui-prem body.on-cash #screen-wallet .wd-top-v { font-size: clamp(24px, 7.4vw, 30px); }
html.ui-prem body.on-cash #screen-wallet .wd-form { margin-top: 10px; padding: 2px 14px 12px; }
html.ui-prem body.on-cash #screen-wallet .wd-form > .screen-sub { margin: 12px 0 6px; }
html.ui-prem body.on-cash #screen-wallet .wd-form .wd-field-sum { margin-top: 12px; }
html.ui-prem body.on-cash #screen-wallet .wd-form .wd-field-addr { margin-top: 10px; }
html.ui-prem body.on-cash #screen-wallet .wd-form .wd-input { min-height: 46px; height: 46px; }
html.ui-prem body.on-cash #screen-wallet .wd-field .btn { min-height: 46px; }
html.ui-prem #screen-wallet .dep-amount-v { font-size: 34px; line-height: 1.05; }
html.ui-prem #screen-wallet .dep-amount .dep-hint { margin: 0; min-height: 15px; font-size: 12px; line-height: 15px; text-align: center; color: var(--txt-3); }
html.ui-prem #screen-wallet .dep-amount .dep-hint.dep-hint-bad { color: #F0A58C; }
html.ui-prem #screen-wallet .dep-fx { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 6px; }
html.ui-prem #screen-wallet .dep-fx .dep-usdt { margin: 0; font-weight: 700; }
html.ui-prem #screen-wallet .dep-fx .dep-usdt:empty { display: none; }
html.ui-prem #screen-wallet .dep-fx .dep-rate { margin: 0; }
html.ui-prem #screen-wallet .dep-pick .dep-rate { margin-left: auto; margin-right: auto; }
html.ui-prem #screen-wallet .dep-row { gap: 8px; margin-top: 8px; }
html.ui-prem #screen-wallet .dep-chip { height: 38px; }
html.ui-prem #screen-wallet .dep-chip .btn-n { font-size: 14px; }

/* Клавиатура: на телефоне берёт оставшуюся высоту (см. выше), на планшете и ПК — клавиши по 46 px. */
html.ui-prem #screen-wallet .dep-pad { gap: 6px; margin-top: 8px; }
html.ui-prem #screen-wallet .dep-key { height: 46px; border-radius: 12px; font-size: 20px; }

/* Кнопка с суммой — внизу экрана; на совсем низком экране прилипает к низу и видна, сколько ни крути. */
html.ui-prem #screen-wallet :is(.dep-cta, .wd-cta) {
    position: sticky;
    bottom: -1px;
    z-index: 3;
    margin: 4px 0 0;
    padding: 10px 0 4px;
    background: linear-gradient(180deg, transparent 0, var(--bg) 10px);
}
html.ui-prem #screen-wallet :is(.dep-cta .dep-go, .wd-cta .wd-send) { margin-top: 0; height: 52px; }
html.ui-prem #screen-wallet .wd-cta .wd-hint { margin: 0 0 6px; min-height: 16px; text-align: center; }
html.ui-prem #screen-wallet .wd-cta .wd-hint.is-bad:empty { display: none; }
html.ui-prem #screen-wallet .wd-form .wd-term { margin: 10px 0 0; font-size: 11.5px; color: var(--txt-3); }

/* Карточка счёта — те же цвета, что у TON, со своими знаками для звёзд и USDT. */
html.ui-prem #screen-wallet .dep-ton-hero[data-coin="stars"] {
    border-color: rgba(240, 170, 60, .4);
    background:
        radial-gradient(90% 80% at 100% 0%, rgba(240, 170, 60, .32), transparent 60%),
        linear-gradient(160deg, #4A3414 0%, #33240F 50%, #1F160A 100%);
}
html.ui-prem #screen-wallet .dep-ton-hero[data-coin="stars"] .dep-ton-logo { background-image: var(--pa-star); }
html.ui-prem #screen-wallet .dep-ton-hero .dep-wait.dep-warn { color: #FFD9A8; }
html.ui-prem #screen-wallet .dep-dot.is-off { background: var(--txt-3); box-shadow: none; animation: none; }
html.ui-prem #screen-wallet .dep-ton-manual .dep-qr { margin: 10px auto 2px; width: max-content; max-width: 100%; }

/* Вывод: поле с кнопкой в одной строке («ВСЁ», «ВСТАВИТЬ»), карточка причины. */
html.ui-prem #screen-wallet .wd-field { display: flex; gap: 8px; align-items: stretch; margin-top: 2px; }
html.ui-prem #screen-wallet .wd-field .wd-input { flex: 1 1 auto; min-width: 0; margin: 0; }
html.ui-prem #screen-wallet .wd-field .btn {
    flex: none;
    align-self: stretch;
    width: auto;
    min-width: 64px;
    height: auto;
    min-height: 50px;
    margin: 0;
    padding: 0 14px;
    border-radius: 14px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
}
html.ui-prem #screen-wallet .wd-form .wd-hint:empty { display: none; }
html.ui-prem #screen-wallet .wd-why .wd-steps-l { margin: 10px 0 2px; }
html.ui-prem #screen-wallet .wd-why > .prof-note { margin-top: 12px; }

/* Низкий экран (iPhone SE, маленький Android): всё ещё плотнее. */
@media (max-height: 720px) {
    html.ui-prem #screen-wallet .cash-head { margin: 0 0 8px; }
    html.ui-prem #screen-wallet .cash-head .cash-back { padding-top: 5px; padding-bottom: 5px; }
    html.ui-prem #screen-wallet .dep-way { min-height: 58px; padding-top: 28px; padding-bottom: 6px; }
    html.ui-prem #screen-wallet .dep-way::before { top: 6px; width: 20px; height: 20px; margin-left: -10px; }
    html.ui-prem #screen-wallet .dep-pick .dep-sub { margin: 8px 0 5px; }
    html.ui-prem #screen-wallet .dep-net { min-height: 44px; padding-top: 5px; padding-bottom: 5px; }
    html.ui-prem #screen-wallet .dep-pick .dep-amount { min-height: 64px; margin-top: 8px; padding-top: 5px; padding-bottom: 5px; }
    html.ui-prem #screen-wallet .dep-amount-v { font-size: 30px; }
    html.ui-prem #screen-wallet .dep-chip { height: 34px; }
    html.ui-prem #screen-wallet .dep-pad { margin-top: 6px; }
    html.ui-prem #screen-wallet .dep-key { font-size: 18px; }
    html.ui-prem #screen-wallet :is(.dep-cta .dep-go, .wd-cta .wd-send) { height: 48px; }
    html.ui-prem #screen-wallet :is(.dep-cta, .wd-cta) { padding-top: 8px; }
}
@media (max-height: 720px) and (max-width: 599.98px) {
    html.ui-prem body.on-cash #screen-wallet .dep-pick .dep-pad { min-height: calc(4 * 30px + 3 * 6px); grid-auto-rows: minmax(30px, 1fr); }
    html.ui-prem body.on-cash #screen-wallet .dep-pick .dep-key { min-height: 30px; }
    html.ui-prem #screen-wallet .dep-way { min-height: 50px; padding-top: 25px; padding-bottom: 5px; }
    html.ui-prem #screen-wallet .dep-way::before { top: 5px; width: 18px; height: 18px; margin-left: -9px; }
    html.ui-prem #screen-wallet .dep-net { min-height: 40px; padding-top: 4px; padding-bottom: 4px; }
    html.ui-prem #screen-wallet .dep-pick .dep-amount { min-height: 52px; padding-top: 3px; padding-bottom: 3px; }
    html.ui-prem #screen-wallet .dep-amount-v { font-size: 27px; }
    html.ui-prem #screen-wallet .dep-chip { height: 30px; }
    html.ui-prem #screen-wallet :is(.dep-cta .dep-go, .wd-cta .wd-send) { height: 46px; }
    html.ui-prem body.on-cash #screen-wallet .wd-top { padding-top: 9px; padding-bottom: 9px; }
    html.ui-prem body.on-cash #screen-wallet .wd-form > .screen-sub { margin: 8px 0 5px; }
    html.ui-prem body.on-cash #screen-wallet .wd-form .wd-input { min-height: 42px; height: 42px; }
    html.ui-prem body.on-cash #screen-wallet .wd-field .btn { min-height: 42px; }
    html.ui-prem body.on-cash #screen-wallet .wd-form .wd-field-sum { margin-top: 10px; }
    html.ui-prem body.on-cash #screen-wallet .wd-form .wd-term { margin-top: 6px; font-size: 11px; }
    html.ui-prem body.on-cash #screen-wallet .wd-cta .wd-hint { margin-bottom: 4px; }
}

/* Совсем низкий экран (iPhone SE в полном экране Telegram, маленький Android): у плиток способов — только знак и
   имя (подпись прячется), лестница подарка за пополнение — тоже (живая строка «+N билетов» остаётся); значок совета
   — чуть выше, чтобы не задевать имя сети. Кнопка внизу здесь не прилипает: если места не хватило, экран
   прокрутится, но кнопка не накроет ни клавиши, ни поле. */
@media (max-height: 680px) and (max-width: 599.98px) {
    html.ui-prem #screen-wallet .dep-way { min-height: 44px; padding: 26px 4px 5px; }
    html.ui-prem #screen-wallet .dep-way::before { top: 5px; width: 18px; height: 18px; margin-left: -9px; }
    html.ui-prem #screen-wallet .dep-way-s { display: none; }
    html.ui-prem #screen-wallet .dep-pick .dep-gift-note { display: none; }
    html.ui-prem #screen-wallet .dep-net .dep-net-badge { top: -10px; }
    html.ui-prem body.on-cash #screen-wallet .wd-top { padding-top: 7px; padding-bottom: 7px; }
    html.ui-prem body.on-cash #screen-wallet .wd-form { padding-bottom: 8px; }
}
@media (max-height: 720px) and (max-width: 599.98px) {
    html.ui-prem #screen-wallet :is(.dep-cta, .wd-cta) { position: relative; bottom: auto; }
}

/* Отступ под шапкой — один для всех разделов и на «Главной», и на страницах игр (владелец 2026-10-19: «отступа сверху
   нет — проверь на такие ошибки и подобное, убери»): было 8 px на «Главной», 14 px на играх (там у шапки свой
   нижний отступ), у кассы — вплотную к линии шапки. Теперь 14 px везде: у шапки нижнего отступа нет, у раздела —
   14 px сверху, у первого заголовка — без своего верхнего поля. */
html.ui-prem body:is(.on-wallet, .on-profile, .on-friends, .on-leaders, .on-home) .hdr { margin-bottom: 0; }
html.ui-prem :is(#screen-wallet, #screen-profile, #screen-friends, #screen-leaders) { padding-top: 14px; }
html.ui-prem body.on-home #screen-home { padding-top: 14px; }
html.ui-prem :is(#screen-profile, #screen-friends, #screen-leaders) > .screen-cap:first-child,
html.ui-prem #screen-wallet > .cash-page > :is(.screen-cap, .cash-head):first-child { margin-top: 0; }