/* ═══════════════════════════════════════════════════════════════
   Truth Blocks — єдина бібліотека блоків для ВСІХ сторінок.
   Підключається останньою → вирівнює вигляд блоків у кожному апі
   під один піксельний стиль (тепла палітра, сплошні кольори,
   жорсткі offset-тіні, без скруглень). Тільки візуальні властивості —
   layout (padding/flex/grid/розміри) кожної сторінки не чіпаємо.
   ═══════════════════════════════════════════════════════════════ */

@import "truth-relief-vars.css";

:root {
  --px-frame-w: 3px;
  --px-f-c: #2a1810;
  --px-f-ta: #5a4035;
  --px-f-tb: #6f4e43;
  --px-f-tc: #7a5a48;
  --px-f-td: #8a6a58;
  --px-f-ba: #3d2818;
  --px-f-bb: #4a3028;
  --px-f-bc: #352018;
  --px-f-bd: #2a1810;
  --px-f-la: #5a4035;
  --px-f-lb: #6f4e43;
  --px-f-lc: #7a5a48;
  --px-f-ra: #3d2818;
  --px-f-rb: #4a3028;
  --px-f-rc: #352018;
  --px-accent-strip-h: 3px;
  --px-accent-strip: linear-gradient(90deg,
    #2a1810 0%, #2a1810 4%,
    #5a4035 4%, #5a4035 14%,
    #8a5530 14%, #8a5530 26%,
    #c9956e 26%, #c9956e 40%,
    #e2b88a 40%, #e2b88a 60%,
    #c9956e 60%, #c9956e 74%,
    #8a5530 74%, #8a5530 86%,
    #5a4035 86%, #5a4035 96%,
    #2a1810 96%, #2a1810 100%);
  --px-accent-strip-premium: linear-gradient(90deg,
    #1e1830 0%, #1e1830 4%,
    #3d3060 4%, #3d3060 14%,
    #5a4880 14%, #5a4880 26%,
    #7a68a8 26%, #7a68a8 40%,
    #9b7fd4 40%, #9b7fd4 60%,
    #7a68a8 60%, #7a68a8 74%,
    #5a4880 74%, #5a4880 86%,
    #3d3060 86%, #3d3060 96%,
    #1e1830 96%, #1e1830 100%);
}

.stats-tile.has-games,
.stats-tile.has-games .stats-tile-icon-wrap,
.hub-card--chat-row.hub-card--chat-admin,
.hub-group-title,
.hub-card-icon:not(.hub-card-icon--stats),
.hub-hero-icon,
.page-hero-icon {
  --px-f-c: #3d2818;
  --px-f-ta: #8a6a58;
  --px-f-tb: #c9956e;
  --px-f-tc: #d4b896;
  --px-f-td: #e7dcc8;
  --px-f-ba: #5a4035;
  --px-f-bb: #6f4e43;
  --px-f-bc: #4a3028;
  --px-f-bd: #3d2818;
  --px-f-la: #a08068;
  --px-f-lb: #d4b896;
  --px-f-lc: #e7dcc8;
  --px-f-ra: #4a3028;
  --px-f-rb: #5a4035;
  --px-f-rc: #6f4e43;
}

/* фіолетова піксельна рамка — преміум-плитки */
.hub-card--premium,
.hub-card--diamond,
.hub-card--chat-row.hub-card--chat-owner,
.rating-champ--first,
.card.is-premium:not(.stats-plaque),
.premium-status-card,
.premium-card,
.personal-premium-card,
.personal-premium-buy,
.premium-buy-card,
.ai-rules-card.is-premium,
.is-premium-chat .hub .card.wow-card:not(.stats-plaque),
.is-premium-chat .hub .hub-card.wow-card,
.hub-hero--premium.wow-card,
.is-premium-chat .hub-hero.wow-card,
.hub-group--premium .hub-group-title {
  --px-f-c: #1e1830;
  --px-f-ta: #4a3d6b;
  --px-f-tb: #6a5098;
  --px-f-tc: #9b7fd4;
  --px-f-td: #c9b8e8;
  --px-f-ba: #352850;
  --px-f-bb: #3d3060;
  --px-f-bc: #2a2040;
  --px-f-bd: #1e1830;
  --px-f-la: #6a5098;
  --px-f-lb: #9b7fd4;
  --px-f-lc: #d8c4f4;
  --px-f-ra: #2a2040;
  --px-f-rb: #352850;
  --px-f-rc: #3d3060;
}

.hub-card--premium .hub-card-icon,
.hub-card--diamond .hub-card-icon,
.hub-hero--premium .hub-hero-icon,
.is-premium-chat .hub-hero .hub-hero-icon,
.is-premium-chat .hub-card .hub-card-icon,
.hub-card--premium .hub-card-chevron,
.hub-card--diamond .hub-card-chevron {
  --px-f-c: #2a2040;
  --px-f-ta: #5a4880;
  --px-f-tb: #7a68a8;
  --px-f-tc: #b8a0e0;
  --px-f-td: #d8c4f4;
  --px-f-ba: #3d3060;
  --px-f-bb: #4a3d6b;
  --px-f-bc: #352850;
  --px-f-bd: #2a2040;
  --px-f-la: #8a70b8;
  --px-f-lb: #b8a0e0;
  --px-f-lc: #e8dcf8;
  --px-f-ra: #352850;
  --px-f-rb: #3d3060;
  --px-f-rc: #4a3d6b;
}

/* ── Без скруглень — єдиний піксельний вигляд як на документації ── */
.hub-card,
.hub-hero,
.card,
.quest-card,
.hub-card-icon,
.hub-hero-icon,
.hub-hero-avatar,
.quest-reward-pill,
.toggle,
.cycle-btn,
.status-pill,
.hub-pill,
.stats-tile,
.personal-premium-card,
.personal-premium-buy,
.premium-status-card,
.ai-rules-card,
.premium-buy-card,
.chats-empty,
.claim-btn,
.quest-bar,
.stats-tile-bar,
.hub-card-chevron,
.hub-card-tag,
.truth-chat-switch__btn,
.truth-subnav__track,
.truth-subnav__indicator,
.truth-subnav__btn {
  border-radius: 0 !important;
}

.toggle::after {
  border-radius: 0 !important;
}

/* ── Первинні панелі / картки: рамка 3px + жорстка тінь ── */
.card,
.hub-card,
.hub-hero,
.panel-block,
.stats-plaque,
.log-entry,
.premium-status-card,
.ai-rules-card,
.stake-panel,
.player-card,
.draw-card,
.quest-card,
.cat-panel,
.personal-premium-card,
.personal-premium-buy,
.premium-buy-card,
.premium-card,
.chats-empty,
.hub-group-title,
.rules-card,
.rules-role-card,
.rules-shop-card,
.rules-team-card,
.rules-lead,
.subsection-title,
.hub-hero-avatar-frame,
.mode-selector,
.faq-article .game-description,
.faq-article .game-rules,
.faq-article .game-features,
.faq-article .game-commands,
.faq-article .game-settings {
  background: var(--px-panel, #2a2420);
  border: none !important;
  box-shadow: 4px 4px 0 var(--px-shadow, #000);
  position: relative;
  box-sizing: border-box;
}

/* ── Рельєф: дрібні квадратики на великих плитках (без тайлінгу) ── */
.hub-card,
.hub-hero,
.card,
.quest-card,
.stats-plaque,
.personal-premium-card,
.premium-status-card,
.ai-rules-card,
.chats-empty,
.player-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.hub-card::before,
.hub-hero::before,
.card::before,
.quest-card::before,
.stats-plaque::before,
.personal-premium-card::before,
.premium-status-card::before,
.ai-rules-card::before,
.chats-empty::before,
.player-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.82;
  background-image: var(--px-relief-tex);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: var(--px-relief-pos, 50% 50%);
  image-rendering: pixelated;
}

.hub-card > *,
.hub-hero > *,
.card > *,
.quest-card > *,
.stats-plaque > *,
.personal-premium-card > *,
.premium-status-card > *,
.ai-rules-card > *,
.chats-empty > *,
.player-card > * {
  position: relative;
  z-index: 1;
}

/* Маленькі плитки — без рельєфу */
.stats-tile,
.hub-group-title,
.personal-premium-buy,
.hub-nav-grid .hub-card {
  overflow: visible;
}

.stats-tile::before,
.hub-group-title::before,
.personal-premium-buy::before,
.hub-nav-grid .hub-card::before {
  content: none;
  display: none;
}

/* Унікальний малюнок на кожній великій плитці */
.hub-card:nth-child(8n + 1),
.card:nth-child(8n + 1),
.quest-card:nth-child(8n + 1),
.player-card:nth-child(8n + 1) { --px-relief-tex: var(--px-relief-1); }
.hub-card:nth-child(8n + 2),
.card:nth-child(8n + 2),
.quest-card:nth-child(8n + 2),
.player-card:nth-child(8n + 2) { --px-relief-tex: var(--px-relief-2); }
.hub-card:nth-child(8n + 3),
.card:nth-child(8n + 3),
.quest-card:nth-child(8n + 3),
.player-card:nth-child(8n + 3) { --px-relief-tex: var(--px-relief-3); }
.hub-card:nth-child(8n + 4),
.card:nth-child(8n + 4),
.quest-card:nth-child(8n + 4),
.player-card:nth-child(8n + 4) { --px-relief-tex: var(--px-relief-4); }
.hub-card:nth-child(8n + 5),
.card:nth-child(8n + 5),
.quest-card:nth-child(8n + 5),
.player-card:nth-child(8n + 5) { --px-relief-tex: var(--px-relief-5); }
.hub-card:nth-child(8n + 6),
.card:nth-child(8n + 6),
.quest-card:nth-child(8n + 6),
.player-card:nth-child(8n + 6) { --px-relief-tex: var(--px-relief-6); }
.hub-card:nth-child(8n + 7),
.card:nth-child(8n + 7),
.quest-card:nth-child(8n + 7),
.player-card:nth-child(8n + 7) { --px-relief-tex: var(--px-relief-7); }
.hub-card:nth-child(8n),
.card:nth-child(8n),
.quest-card:nth-child(8n),
.player-card:nth-child(8n) { --px-relief-tex: var(--px-relief-8); }

.hub-hero:nth-of-type(8n + 1),
.stats-plaque:nth-of-type(8n + 1),
.premium-status-card:nth-of-type(8n + 1),
.ai-rules-card:nth-of-type(8n + 1),
.chats-empty:nth-of-type(8n + 1) { --px-relief-tex: var(--px-relief-1); }
.hub-hero:nth-of-type(8n + 2),
.stats-plaque:nth-of-type(8n + 2),
.premium-status-card:nth-of-type(8n + 2),
.ai-rules-card:nth-of-type(8n + 2),
.chats-empty:nth-of-type(8n + 2) { --px-relief-tex: var(--px-relief-2); }
.hub-hero:nth-of-type(8n + 3),
.stats-plaque:nth-of-type(8n + 3),
.premium-status-card:nth-of-type(8n + 3),
.ai-rules-card:nth-of-type(8n + 3),
.chats-empty:nth-of-type(8n + 3) { --px-relief-tex: var(--px-relief-3); }
.hub-hero:nth-of-type(8n + 4),
.stats-plaque:nth-of-type(8n + 4),
.premium-status-card:nth-of-type(8n + 4),
.ai-rules-card:nth-of-type(8n + 4),
.chats-empty:nth-of-type(8n + 4) { --px-relief-tex: var(--px-relief-4); }
.hub-hero:nth-of-type(8n + 5),
.stats-plaque:nth-of-type(8n + 5),
.premium-status-card:nth-of-type(8n + 5),
.ai-rules-card:nth-of-type(8n + 5),
.chats-empty:nth-of-type(8n + 5) { --px-relief-tex: var(--px-relief-5); }
.hub-hero:nth-of-type(8n + 6),
.stats-plaque:nth-of-type(8n + 6),
.premium-status-card:nth-of-type(8n + 6),
.ai-rules-card:nth-of-type(8n + 6),
.chats-empty:nth-of-type(8n + 6) { --px-relief-tex: var(--px-relief-6); }
.hub-hero:nth-of-type(8n + 7),
.stats-plaque:nth-of-type(8n + 7),
.premium-status-card:nth-of-type(8n + 7),
.ai-rules-card:nth-of-type(8n + 7),
.chats-empty:nth-of-type(8n + 7) { --px-relief-tex: var(--px-relief-7); }
.hub-hero:nth-of-type(8n),
.stats-plaque:nth-of-type(8n),
.premium-status-card:nth-of-type(8n),
.ai-rules-card:nth-of-type(8n),
.chats-empty:nth-of-type(8n) { --px-relief-tex: var(--px-relief-8); }

.personal-premium-card { --px-relief-tex: var(--px-relief-5); }

/* Фіолетові плитки — фіолетовий рельєф (замість коричневого) */
.hub-card--premium,
.hub-card--diamond,
.hub-card--chat-row.hub-card--chat-owner,
.rating-champ--first,
.card.is-premium:not(.stats-plaque),
.premium-status-card,
.personal-premium-card,
.ai-rules-card.is-premium,
.is-premium-chat .hub .card.wow-card:not(.stats-plaque),
.is-premium-chat .hub .hub-card.wow-card {
  --px-relief-tex: var(--px-relief-premium-tex);
}

.hub-card--premium:nth-child(8n + 1),
.is-premium-chat .hub-card:nth-child(8n + 1) { --px-relief-premium-tex: var(--px-relief-premium-1); }
.hub-card--premium:nth-child(8n + 2),
.is-premium-chat .hub-card:nth-child(8n + 2) { --px-relief-premium-tex: var(--px-relief-premium-2); }
.hub-card--premium:nth-child(8n + 3),
.is-premium-chat .hub-card:nth-child(8n + 3) { --px-relief-premium-tex: var(--px-relief-premium-3); }
.hub-card--premium:nth-child(8n + 4),
.is-premium-chat .hub-card:nth-child(8n + 4) { --px-relief-premium-tex: var(--px-relief-premium-4); }
.hub-card--premium:nth-child(8n + 5),
.is-premium-chat .hub-card:nth-child(8n + 5) { --px-relief-premium-tex: var(--px-relief-premium-5); }
.hub-card--premium:nth-child(8n + 6),
.is-premium-chat .hub-card:nth-child(8n + 6) { --px-relief-premium-tex: var(--px-relief-premium-6); }
.hub-card--premium:nth-child(8n + 7),
.is-premium-chat .hub-card:nth-child(8n + 7) { --px-relief-premium-tex: var(--px-relief-premium-7); }
.hub-card--premium:nth-child(8n),
.is-premium-chat .hub-card:nth-child(8n) { --px-relief-premium-tex: var(--px-relief-premium-8); }

.hub-card--chat-row.hub-card--chat-owner { --px-relief-premium-tex: var(--px-relief-premium-3); }

.rating-champ--first {
  background: var(--px-premium-panel, #2a2440) !important;
  --px-relief-premium-tex: var(--px-relief-premium-3);
  isolation: isolate;
  overflow: hidden;
}

.rating-champ--first > * {
  position: relative;
  z-index: 3;
}

.rating-champ--first .rating-champ-name,
.rating-champ--first .rating-champ-name .draw-player-name {
  color: var(--px-premium-light, #c9b8e8);
}

.rating-champ--first .rating-champ-score {
  color: var(--px-premium-hot, #d8c4f4);
}

.rating-row {
  background: var(--px-panel, #2a2420);
  isolation: isolate;
  overflow: hidden;
}

.rating-row > * {
  position: relative;
  z-index: 3;
}

.premium-status-card { --px-relief-premium-tex: var(--px-relief-premium-3); }
.personal-premium-card { --px-relief-premium-tex: var(--px-relief-premium-5); }
.ai-rules-card.is-premium { --px-relief-premium-tex: var(--px-relief-premium-6); }

.hub-card--premium::before,
.hub-card--diamond::before,
.hub-card--chat-row.hub-card--chat-owner::before,
.rating-champ--first::before,
.card.is-premium:not(.stats-plaque)::before,
.premium-status-card::before,
.personal-premium-card::before,
.ai-rules-card.is-premium::before,
.is-premium-chat .hub .card.wow-card:not(.stats-plaque)::before,
.is-premium-chat .hub .hub-card.wow-card::before {
  background-image: var(--px-relief-premium-tex);
  opacity: 0.9;
}

.hub-card:nth-child(8n + 1)::before { --px-relief-pos: 12% 18%; }
.hub-card:nth-child(8n + 2)::before { --px-relief-pos: 68% 24%; }
.hub-card:nth-child(8n + 3)::before { --px-relief-pos: 34% 71%; }
.hub-card:nth-child(8n + 4)::before { --px-relief-pos: 81% 62%; }
.hub-card:nth-child(8n + 5)::before { --px-relief-pos: 22% 44%; }
.hub-card:nth-child(8n + 6)::before { --px-relief-pos: 55% 11%; }
.hub-card:nth-child(8n + 7)::before { --px-relief-pos: 9% 83%; }
.hub-card:nth-child(8n)::before { --px-relief-pos: 74% 38%; }
.quest-card:nth-child(8n + 1)::before { --px-relief-pos: 16% 22%; }
.quest-card:nth-child(8n + 2)::before { --px-relief-pos: 72% 31%; }
.quest-card:nth-child(8n + 3)::before { --px-relief-pos: 41% 76%; }
.quest-card:nth-child(8n + 4)::before { --px-relief-pos: 88% 58%; }
.quest-card:nth-child(8n + 5)::before { --px-relief-pos: 27% 49%; }
.quest-card:nth-child(8n + 6)::before { --px-relief-pos: 61% 14%; }
.quest-card:nth-child(8n + 7)::before { --px-relief-pos: 11% 79%; }
.quest-card:nth-child(8n)::before { --px-relief-pos: 79% 42%; }
.card:nth-child(8n + 1)::before { --px-relief-pos: 19% 15%; }
.card:nth-child(8n + 2)::before { --px-relief-pos: 63% 28%; }
.card:nth-child(8n + 3)::before { --px-relief-pos: 38% 69%; }
.card:nth-child(8n + 4)::before { --px-relief-pos: 84% 54%; }
.card:nth-child(8n + 5)::before { --px-relief-pos: 24% 41%; }
.card:nth-child(8n + 6)::before { --px-relief-pos: 52% 19%; }
.card:nth-child(8n + 7)::before { --px-relief-pos: 7% 86%; }
.card:nth-child(8n)::before { --px-relief-pos: 71% 35%; }


/* hero — жорстка тінь */
.hub-hero,
.premium-status-card {
  box-shadow: 6px 6px 0 var(--px-shadow, #000);
}

/* верхня смужка на плитках — прибрано (рамка замінює) */
.card-strip,
.hub-card-strip,
.hub-hero-strip,
.stats-plaque-strip,
.premium-status-strip,
.personal-premium-strip,
.cat-panel-strip,
.draw-card-strip {
  display: none !important;
}

/* хедер / футер-док — акцентна смужка */
.site-header {
  border-bottom: none !important;
}
.site-header::after {
  content: '' !important;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  z-index: 6;
  pointer-events: none;
  background: var(--px-accent-strip);
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}
.is-premium-chat .site-header::after,
.site-header:has(h1.truth-glow-title--premium)::after {
  background: var(--px-accent-strip-premium);
}

.truth-dock {
  border-top: none !important;
  position: fixed !important;
}
.truth-dock__indicator {
  position: absolute !important;
  top: 0 !important;
  left: 0;
  height: 3px !important;
  z-index: 10 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: var(--px-accent-strip) !important;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

/* Налаштування / Інформація / вкладки — рельєф + панельний фон #2a2420 */
.truth-chat-switch__btn {
  --px-frame-w: 2px;
  border: none !important;
  background: #2a2420 !important;
  color: var(--px-on-panel-dim, #c9b89a);
  position: relative;
  box-sizing: border-box;
  /* тепла рельєфна обводка */
  --px-f-c: #3d2818;
  --px-f-ta: #8a5530;
  --px-f-tb: #c9956e;
  --px-f-tc: #e2b88a;
  --px-f-td: #f0d4a8;
  --px-f-ba: #5a4035;
  --px-f-bb: #6f4e43;
  --px-f-bc: #4a3028;
  --px-f-bd: #3d2818;
  --px-f-la: #a08068;
  --px-f-lb: #d4b896;
  --px-f-lc: #e7dcc8;
  --px-f-ra: #4a3028;
  --px-f-rb: #5a4035;
  --px-f-rc: #6f4e43;
}
.truth-chat-switch__btn.is-active {
  background: #12100e !important;
  color: var(--px-gold, #e2d3b8) !important;
  text-shadow: none !important;
  --px-f-c: #3d2818;
  --px-f-ta: #8a6a58;
  --px-f-tb: #c9956e;
  --px-f-td: #e7dcc8;
  --px-f-tc: #d4b896;
  --px-f-ba: #5a4035;
  --px-f-bb: #6f4e43;
  --px-f-bc: #4a3028;
  --px-f-bd: #3d2818;
  --px-f-la: #a08068;
  --px-f-lb: #d4b896;
  --px-f-lc: #e7dcc8;
  --px-f-ra: #4a3028;
  --px-f-rb: #5a4035;
  --px-f-rc: #6f4e43;
}
.is-premium-chat .truth-chat-switch__btn.is-active {
  --px-f-c: #2a2040;
  --px-f-ta: #5a4880;
  --px-f-tb: #7a68a8;
  --px-f-tc: #b8a0e0;
  --px-f-td: #d8c4f4;
  --px-f-ba: #3d3060;
  --px-f-bb: #4a3d6b;
  --px-f-bc: #352850;
  --px-f-bd: #2a2040;
  --px-f-la: #8a70b8;
  --px-f-lb: #b8a0e0;
  --px-f-lc: #e8dcf8;
  --px-f-ra: #352850;
  --px-f-rb: #3d3060;
  --px-f-rc: #4a3d6b;
}
.truth-subnav__track {
  background: #2a2420 !important;
  border: none !important;
  --px-frame-w: 2px;
  --px-f-c: #3d2818;
  --px-f-ta: #8a5530;
  --px-f-tb: #c9956e;
  --px-f-tc: #e2b88a;
  --px-f-td: #f0d4a8;
  --px-f-ba: #5a4035;
  --px-f-bb: #6f4e43;
  --px-f-bc: #4a3028;
  --px-f-bd: #3d2818;
  --px-f-la: #a08068;
  --px-f-lb: #d4b896;
  --px-f-lc: #e7dcc8;
  --px-f-ra: #4a3028;
  --px-f-rb: #5a4035;
  --px-f-rc: #6f4e43;
}
.truth-subnav__indicator {
  /* absolute — інакше потрапляє в flex і «плаває» чорним квадратом зліва */
  position: absolute !important;
  z-index: 1;
  top: 5px !important;
  bottom: 5px !important;
  border: none !important;
  /* без жорсткої тіні: JS рухає left/width */
  box-shadow: none !important;
  background: #12100e !important;
  pointer-events: none;
  box-sizing: border-box;
  --px-frame-w: 2px;
  --px-f-c: #2a1810;
  --px-f-ta: #6f4e43;
  --px-f-tb: #c9956e;
  --px-f-tc: #e2b88a;
  --px-f-td: #f0d4a8;
  --px-f-ba: #3d2818;
  --px-f-bb: #4a3028;
  --px-f-bc: #2a1810;
  --px-f-bd: #1a100c;
  --px-f-la: #8a6a58;
  --px-f-lb: #c9956e;
  --px-f-lc: #e7dcc8;
  --px-f-ra: #3d2818;
  --px-f-rb: #4a3028;
  --px-f-rc: #5a4035;
}
.is-premium-chat .truth-subnav__indicator {
  background: #1a1428 !important;
}

/* ── Вторинні «чіпи»: піксельна рамка 2px ── */
.meta-chip,
.setting-item,
.command-card,
.amount-box,
.buddy-input,
.tab-intro,
.cat-empty,
.toast-banner,
.golden-ticket-banner,
.view-switcher,
.truth-subnav__track,
.stat-cell,
.legend-item,
.hub-card-chevron,
.stake-tag,
.buddy-bet-tag,
.quest-reward-pill,
.quest-count,
.quest-bar,
.status-pill,
.hub-pill {
  --px-frame-w: 2px;
  background: var(--px-bg, #1a1a1a);
  border: none !important;
  box-shadow: 2px 2px 0 var(--px-shadow, #000);
  position: relative;
  box-sizing: border-box;
  overflow: visible;
}

.collection-list {
  --px-frame-w: 2px;
  background: var(--px-bg, #1a1a1a);
  border: none !important;
  box-shadow: 2px 2px 0 var(--px-shadow, #000);
  position: relative;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
}

/* карбованці / смарагди в профілі */
.hub-pill.is-wallet {
  --px-f-c: #3d2818;
  --px-f-ta: #8a5530;
  --px-f-tb: #c9956e;
  --px-f-tc: #e2b88a;
  --px-f-td: #f0d4a8;
  --px-f-ba: #5a4035;
  --px-f-bb: #6f4e43;
  --px-f-bc: #4a3028;
  --px-f-bd: #3d2818;
  --px-f-la: #a08068;
  --px-f-lb: #d4b896;
  --px-f-lc: #e7dcc8;
  --px-f-ra: #4a3028;
  --px-f-rb: #5a4035;
  --px-f-rc: #6f4e43;
}
.hub-pill.is-wallet--gold {
  --px-f-c: #1a2820;
  --px-f-ta: #305844;
  --px-f-tb: #488860;
  --px-f-tc: #78c496;
  --px-f-td: #a8e0b8;
  --px-f-ba: #284838;
  --px-f-bb: #386850;
  --px-f-bc: #203830;
  --px-f-bd: #1a2820;
  --px-f-la: #58a070;
  --px-f-lb: #88d0a0;
  --px-f-lc: #c0f0c8;
  --px-f-ra: #284838;
  --px-f-rb: #386850;
  --px-f-rc: #488860;
}

/* активний/виділений чіп */
.cat-row.is-on,
.meta-chip.is-on,
.stake-tag,
.buddy-bet-tag {
  background: var(--px-bg-deep, #000);
}

/* ── Кнопки: піксельна рамка 2px ── */
.btn,
.cycle-btn,
.deposit-btn,
.save-btn,
.mode-button,
.chat-admin-btn,
.guard-submit,
.guard-admin-save,
.word-swap-btn,
.tool-btn,
.action-btn,
.primary-btn {
  --px-frame-w: 2px;
  background: var(--px-panel-light, #4a3a30);
  border: none !important;
  box-shadow: 3px 3px 0 var(--px-shadow, #000);
  color: var(--px-white, #e7dcc8);
  position: relative;
  box-sizing: border-box;
}
.btn:active,
.cycle-btn:active,
.deposit-btn:active,
.save-btn:active,
.mode-button:active,
.chat-admin-btn:active,
.guard-submit:active,
.word-swap-btn:active,
.tool-btn:active,
.action-btn:active,
.primary-btn:active {
  transform: translate(2px, 2px);
  box-shadow: 1px 1px 0 var(--px-shadow, #000);
}
.mode-button.active,
.view-tab.is-active,
.btn.active {
  background: var(--px-blue-deep, #6f4e43);
  color: var(--px-white, #e7dcc8);
  --px-f-c: #3d2818;
  --px-f-ta: #8a6a58;
  --px-f-tb: #c9956e;
  --px-f-td: #e7dcc8;
  --px-f-tc: #d4b896;
  --px-f-ba: #5a4035;
  --px-f-bb: #6f4e43;
  --px-f-bc: #4a3028;
  --px-f-bd: #3d2818;
  --px-f-la: #a08068;
  --px-f-lb: #d4b896;
  --px-f-lc: #e7dcc8;
  --px-f-ra: #4a3028;
  --px-f-rb: #5a4035;
  --px-f-rc: #6f4e43;
}

/* перемикач режимів-індикатор → суцільний */
.view-tab-indicator {
  background: var(--px-blue-deep, #6f4e43);
  border: 2px solid var(--px-accent-border, #e7dcc8);
  box-shadow: 2px 2px 0 var(--px-shadow, #000);
}

/* ── Поля вводу ── */
input,
textarea,
select,
.word-input,
.guard-input,
.guard-admin-input,
.guard-admin-textarea {
  background: var(--px-bg-deep, #000);
  border: 2px solid var(--px-border, #6f4e43);
  box-shadow: 2px 2px 0 var(--px-shadow, #000);
  color: var(--px-on-panel, #e7dcc8);
}
input:focus,
textarea:focus,
select:focus,
.word-input:focus,
.guard-input:focus {
  outline: none;
  border-color: var(--px-accent-border, #e7dcc8);
}

/* ── Перемикач (toggle) — квадратний піксельний ── */
.toggle {
  background: var(--px-bg-deep, #000);
  border: 2px solid var(--px-border, #6f4e43);
  box-shadow: 2px 2px 0 var(--px-shadow, #000);
}
.toggle.is-on {
  background: var(--px-blue-deep, #6f4e43);
  border-color: var(--px-blue, #c9956e);
}

/* ── Секційні заголовки → панель з пікс-шрифтом ── */
.section-title,
.subsection-title,
.buddy-bets-title,
.log-empty-title,
.premium-status-label {
  font-family: var(--px-font-heading, "Digital Thin", "Lorem", system-ui, sans-serif);
  font-weight: 400;
  letter-spacing: var(--px-heading-tracking);
  text-transform: uppercase;
  color: var(--px-on-panel, #e7dcc8);
  text-shadow: var(--px-text-shadow-ui, 1px 1px 0 var(--px-shadow, #000));
}

.meta-chip-label {
  font-family: var(--px-font-ui, "e-Ukraine", system-ui, sans-serif);
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--px-on-panel, #e7dcc8);
  text-shadow: none;
}

/* ── chat-settings: спец-блоки ── */
.premium-status-card {
  overflow: hidden;
}
.premium-status-inner {
  padding: var(--truth-panel-pad, 14px);
}
.premium-status-balance {
  font-family: var(--px-font-body, "e-Ukraine", system-ui, sans-serif);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: var(--px-gold, #e2d3b8);
  text-shadow: none;
}
.premium-status-note,
.premium-card-hint,
.log-entry-text,
.log-empty-text,
.cat-row-meta {
  font-family: var(--px-font-body, "e-Ukraine", sans-serif);
  color: var(--px-on-panel-dim, #c9b89a);
}
.log-entry-time {
  font-family: var(--px-font-body, "e-Ukraine", system-ui, sans-serif);
  font-size: clamp(0.62rem, 2.4vw, 0.72rem);
  font-weight: 600;
  letter-spacing: 0.03em;
  color: var(--px-blue-sky, #e2b88a);
  text-shadow: none;
}
.premium-hint-sep {
  color: var(--px-border, #6f4e43);
}
.truth-page-tools {
  margin: 0 0 var(--truth-card-gap, 10px);
}

/* списки логів/категорій — сплошні рядки з роздільником */
.cat-row + .cat-row,
.log-list .log-entry + .log-entry {
  border-top: 2px solid var(--px-border, #6f4e43);
}

/* зняти залишкові м'які/розмиті тіні там, де вони ще лишились */
.wow-card {
  border: none !important;
  box-shadow: 4px 4px 0 var(--px-shadow, #000) !important;
}

/* ── Бокси під SVG-іконки (hub / hero) ── */
.hub-card-icon:not(.hub-card-icon--stats),
.hub-hero-icon,
.page-hero-icon {
  box-sizing: border-box;
  background: var(--px-border-dark, #1a1410);
  border: none !important;
  color: var(--px-gold, #e2d3b8);
  position: relative;
}

/* ── Піксельна рамка через ::after (надійно в WebView) ── */
.card::after,
.hub-card::after,
.hub-hero::after,
.panel-block::after,
.stats-plaque::after,
.log-entry::after,
.ai-rules-card::after,
.stake-panel::after,
.player-card::after,
.draw-card::after,
.quest-card::after,
.cat-panel::after,
.mode-selector::after,
.premium-status-card::after,
.personal-premium-card::after,
.personal-premium-buy::after,
.premium-buy-card::after,
.premium-card::after,
.chats-empty::after,
.hub-group-title::after,
.rules-card::after,
.rules-role-card::after,
.rules-shop-card::after,
.rules-team-card::after,
.rules-lead::after,
.subsection-title::after,
.hub-hero-avatar-frame::after,
.faq-article .game-description::after,
.faq-article .game-rules::after,
.faq-article .game-features::after,
.faq-article .game-commands::after,
.faq-article .game-settings::after,
.wow-card::after,
.stats-tile::after,
.stats-tile-icon-wrap::after,
.hub-card-icon:not(.hub-card-icon--stats)::after,
.hub-hero-icon::after,
.page-hero-icon::after,
.meta-chip::after,
.setting-item::after,
.command-card::after,
.amount-box::after,
.buddy-input::after,
.tab-intro::after,
.collection-list::after,
.cat-empty::after,
.toast-banner::after,
.golden-ticket-banner::after,
.view-switcher::after,
.truth-subnav__track::after,
.truth-subnav__indicator::after,
.stat-cell::after,
.legend-item::after,
.hub-card-chevron::after,
.stake-tag::after,
.buddy-bet-tag::after,
.quest-reward-pill::after,
.quest-count::after,
.quest-bar::after,
.status-pill::after,
.hub-pill::after,
.truth-chat-switch__btn::after,
.btn::after,
.cycle-btn::after,
.deposit-btn::after,
.save-btn::after,
.mode-button::after,
.chat-admin-btn::after,
.guard-submit::after,
.guard-admin-save::after,
.word-swap-btn::after,
.tool-btn::after,
.action-btn::after,
.primary-btn::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 5;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  background-image:
    linear-gradient(90deg,
      var(--px-f-c) 0%, var(--px-f-c) 4%,
      var(--px-f-ta) 4%, var(--px-f-ta) 14%,
      var(--px-f-tb) 14%, var(--px-f-tb) 26%,
      var(--px-f-tc) 26%, var(--px-f-tc) 40%,
      var(--px-f-td) 40%, var(--px-f-td) 60%,
      var(--px-f-tc) 60%, var(--px-f-tc) 74%,
      var(--px-f-tb) 74%, var(--px-f-tb) 86%,
      var(--px-f-ta) 86%, var(--px-f-ta) 96%,
      var(--px-f-c) 96%, var(--px-f-c) 100%),
    linear-gradient(90deg,
      var(--px-f-bd) 0%, var(--px-f-bd) 5%,
      var(--px-f-bc) 5%, var(--px-f-bc) 18%,
      var(--px-f-bb) 18%, var(--px-f-bb) 38%,
      var(--px-f-ba) 38%, var(--px-f-ba) 55%,
      var(--px-f-bb) 55%, var(--px-f-bb) 72%,
      var(--px-f-bc) 72%, var(--px-f-bc) 88%,
      var(--px-f-bd) 88%, var(--px-f-bd) 100%),
    linear-gradient(180deg,
      var(--px-f-c) 0%, var(--px-f-c) 4%,
      var(--px-f-la) 4%, var(--px-f-la) 16%,
      var(--px-f-lb) 16%, var(--px-f-lb) 32%,
      var(--px-f-lc) 32%, var(--px-f-lc) 52%,
      var(--px-f-lb) 52%, var(--px-f-lb) 70%,
      var(--px-f-la) 70%, var(--px-f-la) 90%,
      var(--px-f-c) 90%, var(--px-f-c) 100%),
    linear-gradient(180deg,
      var(--px-f-c) 0%, var(--px-f-c) 6%,
      var(--px-f-ra) 6%, var(--px-f-ra) 20%,
      var(--px-f-rb) 20%, var(--px-f-rb) 42%,
      var(--px-f-rc) 42%, var(--px-f-rc) 58%,
      var(--px-f-rb) 58%, var(--px-f-rb) 78%,
      var(--px-f-ra) 78%, var(--px-f-ra) 92%,
      var(--px-f-c) 92%, var(--px-f-c) 100%);
  background-repeat: no-repeat;
  background-position: 0 0, left bottom, 0 0, right top;
  background-size: 100% var(--px-frame-w), 100% var(--px-frame-w), var(--px-frame-w) 100%, var(--px-frame-w) 100%;
}

/* ── Плитки статистики ── */
.stats-tile,
.stats-plaque-grid .stats-tile,
.hub-stats-host .stats-tile,
.stats-plaque .stats-tile {
  position: relative;
  border: none !important;
  box-shadow: 3px 3px 0 #000 !important;
}

.stats-tile-icon-wrap {
  position: relative;
  border: none !important;
}

.stats-tile-bar {
  display: none !important;
}

.stats-tile > *,
.stats-tile-icon-wrap > * {
  position: relative;
  z-index: 3;
}

/* ── Заголовки секцій: піксельна зірка замість гліфа ✦ (section-head-glow) ── */
.hub-group-title.section-head-glow::before {
  content: '';
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  margin: 0;
  font-size: 0;
  background: var(--px-gold, #e2d3b8);
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20shape-rendering%3D'crispEdges'%3E%3Cg%20fill%3D'%25237ec0f0'%3E%3Cpath%20d%3D'M5%2020H8V22H3V16H5V20ZM21%2022H16V20H19V16H21V22ZM10%2020H8V18H10V20ZM16%2020H14V18H16V20ZM14%2018H10V16H14V18ZM7%2016H5V13H7V16ZM19%2016H17V13H19V16ZM5%2013H3V11H5V13ZM21%2013H19V11H21V13ZM9%209H3V11H1V7H9V9ZM23%2011H21V9H15V7H23V11ZM11%207H9V3H11V7ZM15%207H13V3H15V7ZM13%203H11V1H13V3Z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20shape-rendering%3D'crispEdges'%3E%3Cg%20fill%3D'%25237ec0f0'%3E%3Cpath%20d%3D'M5%2020H8V22H3V16H5V20ZM21%2022H16V20H19V16H21V22ZM10%2020H8V18H10V20ZM16%2020H14V18H16V20ZM14%2018H10V16H14V18ZM7%2016H5V13H7V16ZM19%2016H17V13H19V16ZM5%2013H3V11H5V13ZM21%2013H19V11H21V13ZM9%209H3V11H1V7H9V9ZM23%2011H21V9H15V7H23V11ZM11%207H9V3H11V7ZM15%207H13V3H15V7ZM13%203H11V1H13V3Z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center / contain no-repeat;
  animation: px-blink 1.5s steps(2, end) infinite;
}

/* ═══════════════════════════════════════════════════════════════
   ЄДИНА ТИПОГРАФІКА — однакові розміри шрифтів на всіх сторінках
   ═══════════════════════════════════════════════════════════════ */
:root {
  --fs-title-lg: 28px;
  --fs-title:    14px;
  --fs-label:    clamp(0.72rem, 2.8vw, 0.82rem);  /* пілюлі, дрібні підписи (e-Ukraine) */
  --fs-body:     1rem;  /* основний текст */
  --fs-hint:     0.9rem;  /* другорядний текст */
  --fs-num:      1.3rem;  /* числа статистики/балансу */
}

/* Заголовки — Digital Thin */
.site-header h1,
.truth-glow-title,
.hub-hero-title,
.hub-hero-tagline,
.hub-hero-bot-name,
.page-hero-title,
.game-page-title {
  font-size: var(--fs-title-lg);
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: var(--px-heading-tracking);
  text-transform: uppercase;
}
.card-label,
.hub-card-label,
.hub-group-title,
.section-title,
.subsection-title,
.title,
.rules-card__title,
.rules-role-card__title,
.rules-shop-card__title,
.rules-team-card__name,
.rules-notice-label,
.rules-heading,
.premium-status-label,
.log-empty-title,
.quest-title,
.chats-empty-title,
.ai-rules-title,
.stats-plaque-period {
  font-size: var(--fs-title);
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: var(--px-heading-tracking);
  text-transform: uppercase;
}

@media (max-width: 420px) {
  :root {
    --fs-title-lg: 14px;
  }
}

.quest-card .quest-title {
  text-transform: none;
  letter-spacing: var(--px-heading-tracking-mixed);
  line-height: 1.55;
}

/* Дрібні підписи / пілюлі / кнопки-чіпи — e-Ukraine */
.hub-pill,
.cycle-btn,
.truth-subnav__btn,
.meta-chip-label,
.stats-tile-label,
.stats-plaque-total-label,
.player-badge,
.buddy-bets-title,
.field-label,
.site-footer__text,
.log-entry-time,
.amount-box-unit {
  font-size: var(--fs-label);
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* Основний текст — один розмір */
.rules-text,
.rules-raw,
.rules-pin,
.rules-team-duties li,
.rules-olist li,
.rules-lead .rules-text,
.page-hero-hint,
.page-intro-text,
.hub-card-hint,
.card-desc,
.hub-hero-sub,
.tab-intro,
.field-hint,
.player-name,
.player-card-name,
.cat-row,
.cat-row-meta,
.meta-chip-value,
.stake-tag,
.buddy-bet-tag,
.log-entry-text,
.premium-status-note,
.premium-card-hint,
.guide-list li,
.target-name,
.done-note,
.state,
.stats-plaque-date,
.stats-plaque-note,
.stats-plaque-empty,
.quest-reward-pill,
.quest-reward-value,
.claim-state,
.chats-empty-text,
.personal-premium-lead,
.personal-premium-benefits,
.personal-premium-buy-hint,
.personal-premium-active-note,
.ai-rules-text,
.faq-article .game-description p,
.faq-article .rules-list li,
.faq-article .features-list li,
.faq-article .setting-item p,
.faq-article .note-regular {
  font-size: var(--fs-body);
  line-height: 1.5;
}

/* Числа — однакові й помітні (баланс гаманця — окремо в profile-shell) */
.amount-box-value,
.stats-plaque-total-num,
.quest-count,
.premium-status-balance {
  font-size: var(--fs-num);
  font-weight: 700;
  line-height: 1;
}

/* ── Єдині сімейства шрифтів (остання інстанція) ── */
.site-header h1,
.truth-glow-title,
.hub-hero-title,
.hub-hero-tagline,
.hub-hero-bot-name,
.page-hero-title,
.game-page-title,
.card-label,
.hub-card-label,
.hub-group-title,
.section-title,
.subsection-title,
.quest-title,
.stats-plaque-period,
.premium-status-label,
.log-empty-title,
.chats-empty-title,
.ai-rules-title,
.personal-premium-buy-label,
.rules-card__title,
.rules-role-card__title,
.rules-shop-card__title,
.rules-team-card__name,
.rules-notice-label,
.rules-heading,
.title,
.buddy-bets-title {
  font-family: var(--px-font-heading, "Digital Thin", "Lorem", system-ui, sans-serif);
  font-weight: 400;
  letter-spacing: var(--px-heading-tracking);
  text-transform: uppercase;
  text-shadow: var(--px-text-shadow-ui, 1px 1px 0 var(--px-shadow, #000));
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: unset;
  font-synthesis: none;
}

.cycle-btn,
.hub-pill,
.stats-tile-label,
.stats-plaque-total-label,
.meta-chip-label,
.truth-subnav__btn,
.field-label,
.player-badge,
.site-footer__text,
.amount-box-unit {
  font-family: var(--px-font-ui, "e-Ukraine", system-ui, sans-serif);
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-shadow: none;
}

.hub-card-hint,
.card-desc,
.hub-hero-sub,
.page-hero-hint,
.page-intro-text,
.rules-text,
.rules-raw,
.quest-reward-pill,
.quest-reward-value,
.claim-state,
.stats-plaque-date,
.stats-plaque-note,
.stats-plaque-empty,
.stats-tile-count,
.stats-plaque-total-num,
.quest-count,
.premium-status-balance,
.hub-balance-num,
.hub-pill,
.status-pill,
.state,
.log-entry-text,
.premium-status-note,
.premium-card-hint,
.chats-empty-text,
.personal-premium-lead,
.personal-premium-benefits,
.personal-premium-buy-hint,
.personal-premium-active-note,
.ai-rules-text {
  font-family: var(--px-font-body, "e-Ukraine", system-ui, sans-serif);
}

/* ═══════════════════════════════════════════════════════════════
   PREMIUM — єдиний фіолетовий акцент (красиво, у піксельному стилі)
   ═══════════════════════════════════════════════════════════════ */
:root {
  --px-premium:       #9b7fd4;
  --px-premium-light: #c9b8e8;
  --px-premium-hot:   #d8c4f4;
  --px-premium-deep:  #4a3d6b;
  --px-premium-panel: #2a2440;
}

.hub-card--premium,
.hub-card--diamond,
.hub-card--chat-row.hub-card--chat-owner,
.rating-champ--first,
.card.is-premium:not(.stats-plaque),
.premium-status-card,
.premium-card,
.personal-premium-card,
.personal-premium-buy,
.premium-buy-card,
.ai-rules-card.is-premium,
.is-premium-chat .hub .card.wow-card:not(.stats-plaque),
.is-premium-chat .hub .hub-card.wow-card,
.hub-hero--premium.wow-card,
.is-premium-chat .hub-hero.wow-card {
  background: var(--px-premium-panel);
  border: none !important;
  box-shadow: 4px 4px 0 var(--px-shadow, #000);
}

.hub-card--chat-row.hub-card--chat-admin {
  background: #5a4035 !important;
  border: none !important;
  box-shadow: 4px 4px 0 var(--px-shadow, #000);
}

/* звичайний учасник — спокійний тёмный шоколад (плітка для member-плашки) */
.hub-card--chat-row:not(.hub-card--chat-owner):not(.hub-card--chat-admin) {
  background: #2a2420 !important;
}

.hub-card--chat-row.hub-card--chat-owner .hub-card-label,
.hub-card--chat-row.hub-card--chat-owner .hub-card-chevron {
  color: var(--px-premium-light, #c9b8e8);
}

.hub-card--chat-row.hub-card--chat-admin .hub-card-label,
.hub-card--chat-row.hub-card--chat-admin .hub-card-chevron {
  color: var(--px-gold, #e2d3b8);
}

.hub-card--chat-row.hub-card--chat-owner {
  --px-relief-tex: var(--px-relief-premium-3);
}

.premium-status-card,
.personal-premium-card {
  border: none !important;
  box-shadow: 6px 6px 0 var(--px-shadow, #000);
}

.ai-rules-card.is-premium {
  background: var(--px-premium-panel, #2a2440) !important;
  border: none !important;
}

.hub-card--premium .hub-card-icon,
.hub-card--diamond .hub-card-icon {
  background: var(--px-premium-deep);
  border: none !important;
  color: var(--px-premium-hot);
}
.hub-card--premium .hub-card-chevron,
.hub-card--diamond .hub-card-chevron {
  background: var(--px-premium-deep);
  border: none !important;
  color: var(--px-premium-hot);
}

.hub-group--premium .hub-group-title::before { background: var(--px-premium-hot); }

.hub-pill.is-admin,
.hub-pill.is-owner,
.hub-pill.is-member {
  border: none !important;
  font-weight: 700;
  letter-spacing: 0.04em;
}

/*
 * Ролі на списку чатів: плашка = трохи світліший відтінок самої плитки
 * (як Owner на фіолетовій — гармонія, не «чорна наклейка»).
 */

/* Owner · плитка #2a2440 → плашка світліший фіолет */
.hub-pill.is-owner {
  background: #3d3560 !important;
  color: #e8dcf8 !important;
  --px-f-c: #2a2040;
  --px-f-ta: #5a4880;
  --px-f-tb: #7a68a8;
  --px-f-tc: #b8a0e0;
  --px-f-td: #d8c4f4;
  --px-f-ba: #352850;
  --px-f-bb: #4a3d6b;
  --px-f-bc: #2a2040;
  --px-f-bd: #1e1830;
  --px-f-la: #8a70b8;
  --px-f-lb: #c9b8e8;
  --px-f-lc: #e8dcf8;
  --px-f-ra: #352850;
  --px-f-rb: #3d3060;
  --px-f-rc: #5a4880;
}

/* Admin · плитка #5a4035 → плашка світліший теплий */
.hub-pill.is-admin {
  background: #8a6a54 !important;
  color: #f5ecd8 !important;
  --px-f-c: #4a3028;
  --px-f-ta: #8a6048;
  --px-f-tb: #b88868;
  --px-f-tc: #d4b090;
  --px-f-td: #f0e0c0;
  --px-f-ba: #5a4035;
  --px-f-bb: #6f5040;
  --px-f-bc: #4a3028;
  --px-f-bd: #3d2818;
  --px-f-la: #b88868;
  --px-f-lb: #d4b090;
  --px-f-lc: #f5ecd8;
  --px-f-ra: #4a3028;
  --px-f-rb: #5a4035;
  --px-f-rc: #8a6048;
}

/* Member · плитка #2a2420 → плашка трохи світліший шоколад */
.hub-pill.is-member {
  background: #3d342c !important;
  color: #eee4d4 !important;
  --px-f-c: #2a2018;
  --px-f-ta: #6f4e43;
  --px-f-tb: #9a7558;
  --px-f-tc: #c9a078;
  --px-f-td: #e2c8a0;
  --px-f-ba: #3d2818;
  --px-f-bb: #4a3a30;
  --px-f-bc: #2a2018;
  --px-f-bd: #1a1410;
  --px-f-la: #9a7558;
  --px-f-lb: #c9a078;
  --px-f-lc: #e7dcc8;
  --px-f-ra: #3d2818;
  --px-f-rb: #4a3a30;
  --px-f-rc: #6f4e43;
}

.status-pill.is-premium,
.hub-pill.is-premium,
.hub-card-tag {
  color: var(--px-premium-light);
  border: none !important;
  background: var(--px-premium-deep);
  --px-f-c: #2a2040;
  --px-f-ta: #4a3d6b;
  --px-f-tb: #6a5098;
  --px-f-tc: #9b7fd4;
  --px-f-td: #c9b8e8;
  --px-f-ba: #352850;
  --px-f-bb: #3d3060;
  --px-f-bc: #2a2040;
  --px-f-bd: #1e1830;
  --px-f-la: #6a5098;
  --px-f-lb: #9b7fd4;
  --px-f-lc: #d8c4f4;
  --px-f-ra: #352850;
  --px-f-rb: #3d3060;
  --px-f-rc: #4a3d6b;
}

.premium-status-label { color: var(--px-premium-light); text-shadow: 2px 2px 0 var(--px-shadow, #000); }
.premium-status-balance { color: var(--px-premium-hot); text-shadow: 2px 2px 0 var(--px-shadow, #000); }
.premium-status-note,
.premium-card-hint { color: #b8a8d8; }
.premium-hint-sep { color: var(--px-premium); }
.site-header h1.truth-glow-title--premium { color: var(--px-premium-light) !important; }

/* преміум-контролі лишаються фіолетовими */
.card.is-premium .toggle,
.is-premium-chat .card .toggle {
  border-color: var(--px-premium-light);
}
.card.is-premium .toggle.is-on,
.is-premium-chat .card .toggle.is-on {
  background: var(--px-premium-deep);
  border-color: var(--px-premium);
}
.card.is-premium .toggle.is-on::after,
.is-premium-chat .card .toggle.is-on::after {
  background: var(--px-premium-light);
}
.card.is-premium .cycle-btn,
.is-premium-chat .cycle-btn {
  background: var(--px-premium-deep) !important;
  color: var(--px-premium-light) !important;
  --px-f-c: #2a2040;
  --px-f-ta: #4a3d6b;
  --px-f-tb: #6a5098;
  --px-f-tc: #9b7fd4;
  --px-f-td: #c9b8e8;
  --px-f-ba: #352850;
  --px-f-bb: #3d3060;
  --px-f-bc: #2a2040;
  --px-f-bd: #1e1830;
  --px-f-la: #6a5098;
  --px-f-lb: #9b7fd4;
  --px-f-lc: #d8c4f4;
  --px-f-ra: #352850;
  --px-f-rb: #3d3060;
  --px-f-rc: #4a3d6b;
}

/* Персональний Premium: червоний = неактивний, зелений = куплено/активний */
.personal-premium-inner .status-pill.is-off {
  background: #2a1010 !important;
  color: #ff8a8a !important;
  --px-f-c: #3a1212;
  --px-f-ta: #6b2a2a;
  --px-f-tb: #a04040;
  --px-f-tc: #d06060;
  --px-f-td: #f0a0a0;
  --px-f-ba: #401818;
  --px-f-bb: #501c1c;
  --px-f-bc: #301010;
  --px-f-bd: #1c0808;
  --px-f-la: #a04040;
  --px-f-lb: #d06060;
  --px-f-lc: #f0b0b0;
  --px-f-ra: #401818;
  --px-f-rb: #501c1c;
  --px-f-rc: #6b2a2a;
}

.personal-premium-inner .status-pill.is-on,
.card.is-premium .status-pill.is-on,
.is-premium-chat .status-pill.is-on {
  background: #102a18 !important;
  color: #8dffb0 !important;
  --px-f-c: #123a1c;
  --px-f-ta: #2a6b3a;
  --px-f-tb: #40a055;
  --px-f-tc: #60d078;
  --px-f-td: #a0f0b8;
  --px-f-ba: #184028;
  --px-f-bb: #1c5020;
  --px-f-bc: #103018;
  --px-f-bd: #081c0c;
  --px-f-la: #40a055;
  --px-f-lb: #60d078;
  --px-f-lc: #b0f0c8;
  --px-f-ra: #184028;
  --px-f-rb: #1c5020;
  --px-f-rc: #2a6b3a;
}

/* Premium-чат: фіолетова піксельна рамка на герої */
.hub-hero--premium.wow-card,
.is-premium-chat .hub-hero.wow-card {
  border: none !important;
  background: var(--px-panel, #2a2420) !important;
  box-shadow: 6px 6px 0 var(--px-shadow, #000) !important;
}
.hub-hero--premium .hub-hero-icon,
.is-premium-chat .hub-hero .hub-hero-icon {
  border: none !important;
  background: var(--px-premium-deep);
  color: var(--px-premium-hot);
}
.hub-hero--premium .hub-hero-avatar,
.hub-hero--premium .hub-hero-avatar-frame,
.is-premium-chat .hub-hero .hub-hero-avatar {
  border: none !important;
}
.is-premium-chat .hub .card.wow-card:not(.stats-plaque),
.is-premium-chat .hub .hub-card.wow-card {
  border: none !important;
}
.is-premium-chat .premium-status-card,
.is-premium-chat .premium-buy-card,
.is-premium-chat .hub-card--premium,
.is-premium-chat .hub-card--diamond {
  border: none !important;
}

/* Premium-чат: перемикачі «Налаштування / Інформація» та вкладки */
.is-premium-chat .truth-chat-switch__btn {
  border: none !important;
  --px-f-c: #2a2040;
  --px-f-ta: #4a3d6b;
  --px-f-tb: #5a4880;
  --px-f-tc: #6a5098;
  --px-f-td: #7a68a8;
  --px-f-ba: #352850;
  --px-f-bb: #3d3060;
  --px-f-bc: #2a2040;
  --px-f-bd: #1e1830;
  --px-f-la: #5a4880;
  --px-f-lb: #6a5098;
  --px-f-lc: #7a68a8;
  --px-f-ra: #352850;
  --px-f-rb: #3d3060;
  --px-f-rc: #4a3d6b;
}
.is-premium-chat .truth-chat-switch__btn.is-active {
  border: none !important;
  background: #1a1428 !important;
  color: var(--px-premium-light);
}
.is-premium-chat .truth-subnav__track {
  border: none !important;
  background: #2a2420 !important;
}
.is-premium-chat .truth-subnav__indicator {
  background: #1a1428 !important;
  border: none !important;
  box-shadow: 2px 2px 0 var(--px-shadow, #000) !important;
}
.is-premium-chat .truth-subnav__btn.is-active {
  color: var(--px-premium-light);
}

/* ── Без напівпрозорості на контентних блоках ── */
.stats-plaque-total,
.quest-card,
.quest-card.claimed,
.card.is-locked,
.hub-card-accent,
.hub-group-accent,
.site-header-emblem,
.page-intro-mark,
.toggle.is-readonly,
.claim-btn[disabled],
#list.is-busy,
.hub.is-busy,
.premium-buy-card.is-readonly {
  opacity: 1 !important;
}

/* ── Заголовок секції — золота плитка як «Адмін» у чатах ── */
.hub-group-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 10px 12px;
  background: var(--px-blue-deep, #6f4e43) !important;
  border: none !important;
  box-shadow: 4px 4px 0 var(--px-shadow, #000);
  color: var(--px-gold, #e2d3b8);
  text-shadow: 2px 2px 0 var(--px-shadow, #000);
  position: relative;
  box-sizing: border-box;
  isolation: isolate;
  overflow: visible;
}

.hub-group-title > *,
.hub-group-title::before {
  position: relative;
  z-index: 3;
}

.hub-group-title .truth-icon,
.hub-group-title .rating-cat-ico {
  color: var(--px-gold, #e2d3b8);
}

.hub-group--premium .hub-group-title {
  background: var(--px-premium-panel, #2a2440) !important;
  color: var(--px-premium-light, #c9b8e8);
}

.hub-group--premium .hub-group-title .truth-icon,
.hub-group--premium .hub-group-title .rating-cat-ico {
  color: var(--px-premium-light, #c9b8e8);
}

/* ═══════════════════════════════════════════════════════════════
   INLINE EMOJI — по центру рядка з текстом (усі міні-апки)
   ═══════════════════════════════════════════════════════════════ */
[data-currency-emoji] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  flex-shrink: 0;
  line-height: 0;
  overflow: visible;
  contain: none;
  position: relative;
}

.currency-ico-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  flex-shrink: 0;
  line-height: 0;
  position: relative;
  overflow: visible;
  contain: none;
  box-sizing: content-box;
}

.currency-ico,
.emerald-ico,
.golden-ticket-ico {
  display: block;
  width: 1.15em;
  height: 1.15em;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  image-rendering: pixelated;
}

.hub-hero-emoji,
.draw-player-emoji {
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  max-width: 20px;
  max-height: 20px;
  object-fit: contain;
  vertical-align: middle;
  flex-shrink: 0;
  image-rendering: pixelated;
}

.hub-hero-emoji--unicode,
.draw-player-emoji--unicode {
  display: inline;
  vertical-align: middle;
  line-height: 1;
  width: auto;
  height: auto;
  font-size: 1em;
}

.meta-chip-value--with-emoji,
.stake-panel-label,
.stake-tag,
.golden-ticket-banner,
.quest-reward strong,
.claim-btn,
.personal-premium-buy-label,
.premium-card-hint,
.premium-status-balance,
.hub-pill.is-wallet {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.32em;
}

.hub-card-hint:has([data-currency-emoji]),
.hub-card-hint:has(.currency-ico-wrap),
.hub-card-hint:has(.emerald-ico),
.hub-card-label:has([data-currency-emoji]),
.hub-card-label:has(.currency-ico-wrap),
.hub-card-label:has(.emerald-ico),
.premium-card-hint:has(.emerald-ico) {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.32em;
}

.hub-card-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  position: relative;
  z-index: 8;
}

.rules-inline-edit-btn {
  width: 28px;
  height: 28px;
  cursor: pointer;
  font-size: 13px;
  color: inherit;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.rules-inline-edit-btn:active {
  transform: translate(1px, 1px);
  box-shadow: 1px 1px 0 var(--px-shadow, #000);
}

.rules-editor-modal {
  position: fixed;
  inset: 0;
  z-index: 1500;
  display: grid;
  place-items: center;
  padding: 14px;
}

.rules-editor-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
}

.rules-editor-modal__panel {
  position: relative;
  z-index: 1;
  width: min(820px, calc(100vw - 28px));
  max-height: calc(100vh - 28px);
  overflow: auto;
  display: grid;
  gap: 10px;
  padding: 14px;
}

.rules-editor-modal__title {
  margin: 0;
}

.rules-editor-modal__hint {
  margin: 0;
  color: var(--px-on-panel-dim, #c9b89a);
}

.rules-editor-modal__textarea {
  width: 100%;
  min-height: 320px;
  resize: vertical;
}

.rules-editor-modal__actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.rules-editor-modal__btn {
  border: none;
  background: var(--px-panel-light, #4a3a30);
  color: var(--px-white, #e7dcc8);
  box-shadow: 2px 2px 0 var(--px-shadow, #000);
  padding: 8px 12px;
  cursor: pointer;
}

.rules-editor-modal__btn--ghost {
  background: rgba(255, 255, 255, 0.08);
}

.rules-editor-modal__status {
  margin: 0;
  min-height: 1.2em;
}

.rules-editor-modal__status--error {
  color: #ff9a9a;
}

.rules-editor-modal__status--success {
  color: #9cffbb;
}