.tg-card__btn { display: block; text-align: center; box-sizing: border-box; }

html.is-loading::before,
html.is-loaded::before {
  content: '';
  position: fixed;
  
  top: calc(-1 * env(safe-area-inset-top, 0px) - 40px);
  right: calc(-1 * env(safe-area-inset-right, 0px) - 40px);
  bottom: calc(-1 * env(safe-area-inset-bottom, 0px) - 40px);
  left: calc(-1 * env(safe-area-inset-left, 0px) - 40px);
  z-index: 9999;
  background: rgba(250,251,253,.55);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  transition: opacity .25s ease;
}
html[data-theme="dark"].is-loading::before,
html[data-theme="dark"].is-loaded::before {
  background: rgba(14,14,16,.55);
}
html.is-loading::after,
html.is-loaded::after {
  content: '';
  position: fixed;
  top: 50%; left: 50%;
  z-index: 10000;
  width: 48px; height: 48px;
  margin: -24px 0 0 -24px;
  border: 3px solid rgba(66,65,252,.18);
  border-top-color: #4241FC;
  border-radius: 50%;
  animation: lucksySpin .8s linear infinite;
  transition: opacity .25s ease;
}
html[data-theme="dark"].is-loading::after,
html[data-theme="dark"].is-loaded::after {
  border-color: rgba(123,92,255,.22);
  border-top-color: #7B5CFF;
}
html.is-loaded::before,
html.is-loaded::after {
  opacity: 0;
  pointer-events: none;
}
@keyframes lucksySpin { to { transform: rotate(360deg) } }

html[data-theme="light"] { color-scheme: light; }
html[data-theme="dark"] { color-scheme: dark; }

.burger-btn { display: none; width: 44px; min-width: 44px; height: 44px; border-radius: 12px; border: 1px solid #ECEBF0; background: transparent; align-items: center; justify-content: center; flex: 0 0 44px; cursor: pointer; color: #0E0E10; padding: 0; }
.burger-btn svg { stroke: currentColor; }
.burger-btn svg { width: 22px; height: 22px; display: block; }
.sidebar-backdrop { position: fixed; inset: 0; background: rgba(8,6,18,.5); z-index: 199; opacity: 0; pointer-events: none; transition: opacity .3s ease; backdrop-filter: blur(2px); }
.sidebar-backdrop.is-open { opacity: 1; pointer-events: auto; }

@media (max-width: 900px) {
  html, body { overflow-x: hidden; max-width: 100vw; }
  .sidebar {
    position: fixed; top: 0; left: 0; bottom: 0;
    width: 280px; max-width: 86vw;
    transform: translateX(-100%);
    transition: transform .28s cubic-bezier(.2,.7,.2,1);
    z-index: 200; background: #FAFBFD;
    box-shadow: 0 0 40px rgba(0,0,0,.1);
  }
  .sidebar.is-open { transform: translateX(0); }
  .main { padding: 14px 16px 40px; min-width: 0; max-width: 100%; box-sizing: border-box; }
  .topbar { gap: 8px; margin-bottom: 18px; flex-wrap: nowrap; }
  .burger-btn { display: inline-flex; }
  
  .topbar .pill.search,
  .topbar .pill.lang-pill { display: none; }
  .topbar .icon-btn { width: 44px; height: 44px; flex-shrink: 0; }
  .topbar .pill.balance-card { width: auto; flex: 1 1 auto; min-width: 0; }
  .topbar .balance-card .balance-info { min-width: 0; overflow: visible; }
  .topbar .balance-value { white-space: nowrap; overflow: visible; text-overflow: clip; }
  .topbar .pill.user-pill .user-info { display: none; }
  .topbar .pill.user-pill { padding: 0 6px; }
  
  .page, .game, .dash-grid, .features, .games-grid, .grid { max-width: 100%; min-width: 0; }
  
  .dash-grid > * { min-width: 0; max-width: 100%; }
}

@media (max-width: 600px) {
  .main { padding: 12px 12px 32px; }
  .topbar { margin-bottom: 14px; gap: 6px; flex-wrap: nowrap; }
  .pill { height: 44px; }
  
  .chat-input-wrap { gap: 6px !important; padding: 6px 0 0 !important; }
  .chat-input { min-width: 0 !important; flex: 1 1 0 !important; height: 42px !important; padding: 0 12px !important; font-size: 16px !important;  }
  .chat-send,
  .chat-attach,
  .emoji-btn { width: 42px !important; height: 42px !important; flex-shrink: 0 !important; }
  .topbar .pill.balance-card { padding: 0 8px 0 6px; gap: 6px; }
  .topbar .balance-icon { width: 24px; height: 24px; }
  .topbar .balance-value { font-size: 13px; }
  
  .topbar .pill.user-pill { padding: 0 4px; }
  .topbar .pill.user-pill .user-avatar { width: 32px; height: 32px; font-size: 14px; }
  
  .games-grid, .grid { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important; }
  
  .dash-grid { grid-template-columns: 1fr !important; }
  
  .menu-card { width: 100%; }
  
  .features { grid-template-columns: 1fr !important; }
  .feature-card { padding: 18px !important; min-height: 0 !important; }
  .online-count { font-size: 36px !important; }
  .perks-row { grid-template-columns: 1fr 1fr !important; }
  
  .card { padding: 16px !important; }
  .stats { grid-template-columns: 1fr 1fr !important; }
  .stat__value { font-size: 22px !important; }
  .profile-banner { height: 140px !important; }
  .profile-avatar { width: 72px !important; height: 72px !important; }
  .profile-meta { margin-top: 44px !important; }
  .profile-name { font-size: 20px !important; }
  .ref-link-row { flex-wrap: wrap; }
  .ref-link-input { width: 100%; min-width: 0; flex: 1 1 100%; font-size: 12px !important; }
  .ref-link-btn { width: 100%; }
  .metrics { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  .metric { padding: 12px !important; }
  .metric__val { font-size: 18px !important; word-break: break-word; }
  .periods { gap: 4px !important; }
  .period-btn { padding: 6px 10px !important; font-size: 12px !important; }
  
  .hist-row { gap: 10px !important; padding: 10px 12px !important; }
  .hist-title { font-size: 13px !important; }
  .hist-sub { font-size: 11px !important; }
  
  .partner-row { padding: 10px 12px !important; gap: 10px !important; }
  .partner-name { font-size: 13px !important; }
  .partner-meta { font-size: 11px !important; }
  
  .hist-title, .hist-sub, .partner-name, .profile-bio, .profile-tag { overflow-wrap: anywhere; }
  
  .chart-wrap { padding: 14px !important; }
  .chart-svg { height: 110px !important; }
  
  .ctrl-card { gap: 10px !important; padding: 14px !important; }
  .ctrl-col { min-width: 0; }
  .ctrl-input-wrap { padding: 0 10px !important; height: 44px !important; }
  .ctrl-input { font-size: 16px !important; min-width: 0; width: 100%; } 
  .ctrl-input-wrap .suffix { font-size: 11px !important; }
  .ctrl-quick { flex-wrap: wrap; gap: 4px !important; }
  .ctrl-q { flex: 1 1 calc(33% - 4px); min-width: 0; height: 30px !important; font-size: 10px !important; padding: 0 4px !important; }
  .ctrl-label { font-size: 10px !important; }
  
  .hero { padding: 24px 18px !important; }
  .hero__amount, .hero__mult, .hero-mult { font-size: 44px !important; }
  .hero__amount .cur { font-size: 24px !important; }
  
  .side { padding: 14px !important; }
  
  .board-card { padding: 12px !important; }
  
  .slots { gap: 2px !important; }
  .slot { min-width: 0 !important; padding: 6px 1px !important; font-size: 10px !important; overflow: hidden; }
  
  .seg-row { grid-template-columns: 1fr !important; gap: 10px !important; }
  
  .twocol { grid-template-columns: 1fr !important; gap: 12px !important; }
  .col-card { padding: 14px !important; }
  
  .pot-card { padding: 22px 18px !important; }
  .pot-amount { font-size: 48px !important; }
  .pot-amount .cur { font-size: 22px !important; }
  .pot-meta { gap: 18px !important; flex-wrap: wrap; }
  
  .roulette-card { padding: 12px !important; }
}

@media (max-width: 420px) {
  .games-grid, .grid { grid-template-columns: 1fr !important; }
  .topbar .pill.balance-card .balance-label { display: none; }
  .topbar .balance-value { font-size: 12px; }
  .topbar .balance-icon { width: 22px; height: 22px; }
  .topbar .pill.balance-card .balance-add { width: 24px; height: 24px; font-size: 16px; }
  .online-count { font-size: 32px !important; }
  .perks-row { grid-template-columns: 1fr !important; }
  
  .topbar .pill.search,
  .topbar .pill.lang,
  .topbar .pill.lang-pill { display: none !important; }
  
  .topbar .login-pill { padding: 0 14px !important; height: 44px !important; font-size: 13px !important; gap: 6px !important; }
}

@media (max-width: 380px) {
  html { font-size: 13px; }                 
  .main { padding: 10px 10px 32px !important; }
  .topbar { gap: 6px !important; margin-bottom: 12px !important; }
  .pill { padding: 0 10px !important; height: 42px !important; gap: 6px !important; }
  .topbar .pill.balance-card { padding: 0 8px !important; max-width: none; }
  .topbar .balance-value { font-size: 12px !important; }
  .topbar .login-pill { padding: 0 12px !important; height: 42px !important; font-size: 12px !important; }
  .topbar .user-pill { padding: 0 6px 0 4px !important; gap: 6px !important; }
  .topbar .user-pill .user-avatar { width: 30px !important; height: 30px !important; font-size: 13px !important; }

  .modal-content,
  .auth-modal__content,
  .daily-modal,
  .vmodal-content,
  .verify-modal__content { width: calc(100vw - 24px) !important; max-width: none !important; padding: 18px 16px !important; }
  .modal-overlay,
  .auth-modal,
  .daily-overlay,
  .verify-modal { padding: 12px !important; }

  .chat-input-wrap { gap: 4px !important; padding: 6px 0 0 !important; }
  .chat-input { min-width: 0 !important; flex: 1 1 0 !important; height: 40px !important; padding: 0 10px !important; font-size: 16px !important;  }
  .chat-send,
  .chat-attach { width: 40px !important; height: 40px !important; flex-shrink: 0 !important; }

  .card,
  .ctrl-card,
  .grid-card { padding: 14px !important; }

  .hero__amount,
  .hero__mult,
  .hero-mult-num { font-size: 44px !important; }
  .hero { padding: 24px 20px !important; }
}

html[data-theme="dark"] .sidebar { background: #1B1B21; }
html[data-theme="dark"] .burger-btn { border-color: #24262A; color: #F4F3F8; }
html[data-theme="dark"] .burger-btn:hover { background: rgba(217,217,217,.05); }

.chat-messages, .chat-channels, .hist-list, .players-list, .crashes-card, .roulette-viewport, .search-dropdown {
  scrollbar-width: thin;
  scrollbar-color: #C4C5CB transparent;
}
.chat-messages::-webkit-scrollbar,
.chat-channels::-webkit-scrollbar,
.hist-list::-webkit-scrollbar,
.players-list::-webkit-scrollbar,
.crashes-card::-webkit-scrollbar,
.roulette-viewport::-webkit-scrollbar,
.search-dropdown::-webkit-scrollbar {
  width: 6px; height: 6px;
}
.chat-messages::-webkit-scrollbar-track,
.chat-channels::-webkit-scrollbar-track,
.hist-list::-webkit-scrollbar-track,
.players-list::-webkit-scrollbar-track,
.crashes-card::-webkit-scrollbar-track,
.roulette-viewport::-webkit-scrollbar-track,
.search-dropdown::-webkit-scrollbar-track { background: transparent; }
.chat-messages::-webkit-scrollbar-thumb,
.chat-channels::-webkit-scrollbar-thumb,
.hist-list::-webkit-scrollbar-thumb,
.players-list::-webkit-scrollbar-thumb,
.crashes-card::-webkit-scrollbar-thumb,
.roulette-viewport::-webkit-scrollbar-thumb,
.search-dropdown::-webkit-scrollbar-thumb {
  background: #ECEBF0; border-radius: 999px;
  border: 1px solid transparent; background-clip: padding-box;
}
.chat-messages::-webkit-scrollbar-thumb:hover,
.chat-channels::-webkit-scrollbar-thumb:hover,
.hist-list::-webkit-scrollbar-thumb:hover,
.players-list::-webkit-scrollbar-thumb:hover,
.crashes-card::-webkit-scrollbar-thumb:hover,
.roulette-viewport::-webkit-scrollbar-thumb:hover,
.search-dropdown::-webkit-scrollbar-thumb:hover { background: #C4C5CB; }

html[data-theme="dark"] .chat-messages,
html[data-theme="dark"] .chat-channels,
html[data-theme="dark"] .hist-list,
html[data-theme="dark"] .players-list,
html[data-theme="dark"] .crashes-card,
html[data-theme="dark"] .roulette-viewport,
html[data-theme="dark"] .search-dropdown { scrollbar-color: #2A2C32 transparent; }
html[data-theme="dark"] .chat-messages::-webkit-scrollbar-thumb,
html[data-theme="dark"] .chat-channels::-webkit-scrollbar-thumb,
html[data-theme="dark"] .hist-list::-webkit-scrollbar-thumb,
html[data-theme="dark"] .players-list::-webkit-scrollbar-thumb,
html[data-theme="dark"] .crashes-card::-webkit-scrollbar-thumb,
html[data-theme="dark"] .roulette-viewport::-webkit-scrollbar-thumb,
html[data-theme="dark"] .search-dropdown::-webkit-scrollbar-thumb { background: #2A2C32; }
html[data-theme="dark"] .chat-messages::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] .chat-channels::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] .hist-list::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] .players-list::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] .crashes-card::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] .roulette-viewport::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] .search-dropdown::-webkit-scrollbar-thumb:hover { background: #3A3C42; }

.search-dropdown{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  background:#FFFFFF;
  border:1px solid #ECEBF0;
  border-radius:18px;
  box-shadow:0 12px 40px -8px rgba(14,14,16,.18);
  padding:6px;
  z-index:120;
  max-height:380px;
  overflow-y:auto;
  font-family:'Manrope',system-ui,sans-serif;
}
.search-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 14px;
  border-radius:12px;
  text-decoration:none;
  color:inherit;
  transition:background .12s;
  cursor:pointer;
}
.search-item:hover,
.search-item.is-active{ background:#F6F6FD; }
.search-item__title{ font-size:14px; font-weight:600; color:#0E0E10; }
.search-item__url{ font-size:11px; color:#84858D; font-variant-numeric:tabular-nums; }
.search-empty{
  padding:18px 14px; text-align:center;
  font-size:13px; color:#84858D;
}

html[data-theme="dark"] .search-dropdown{
  background:#202126;
  border-color:#24262A;
  box-shadow:0 16px 50px -10px rgba(0,0,0,.6);
}
html[data-theme="dark"] .search-item:hover,
html[data-theme="dark"] .search-item.is-active{ background:rgba(217,217,217,.08); }
html[data-theme="dark"] .search-item__title{ color:#F4F3F8; }
html[data-theme="dark"] .search-item__url{ color:#9595A8; }
html[data-theme="dark"] .search-empty{ color:#9595A8; }

html[data-theme="dark"] .chat-channels { border-color: #24262A; }
html[data-theme="dark"] .ch-item:hover { background: rgba(217,217,217,.05); }
html[data-theme="dark"] .ch-item.active { background: rgba(108,90,255,.12); }
html[data-theme="dark"] .ch-item__name { color: #F4F3F8; }
html[data-theme="dark"] .ch-item.active .ch-item__name { color: #9C8AFF; }
html[data-theme="dark"] .ch-item__last { color: #9595A8; }
html[data-theme="dark"] .ch-item__icon { background: rgba(217,217,217,.08); }
html[data-theme="dark"] .chat-channels::-webkit-scrollbar-thumb { background: #2A2C32; }

html[data-theme="dark"] .chat-area { border-color: #24262A; }
html[data-theme="dark"] .pin-bar { background: rgba(245,180,30,.10); border-color: rgba(245,180,30,.25); }
html[data-theme="dark"] .pin-bar__text { color: #FFD86A; }
html[data-theme="dark"] .pin-bar__count { color: #9595A8; }

html[data-theme="dark"] .chat-messages::-webkit-scrollbar-thumb { background: #2A2C32; }
html[data-theme="dark"] .chat-date span { background: rgba(217,217,217,.05); color: #9595A8; }

html[data-theme="dark"] .chat-msg__avatar { background: rgba(217,217,217,.08); color: #B7B7C2; }
html[data-theme="dark"] .chat-msg--other .chat-msg__bubble { background: rgba(217,217,217,.05); }
html[data-theme="dark"] .chat-msg--my .chat-msg__bubble { background: rgba(108,90,255,.12); }
html[data-theme="dark"] .chat-msg__bubble.pinned-msg { border-left-color: #FFD27A; }
html[data-theme="dark"] .chat-msg__name { color: #B7B7C2; }
html[data-theme="dark"] .chat-msg__name:hover { color: #F4F3F8; }
html[data-theme="dark"] .chat-msg--my .chat-msg__name { color: #9C8AFF; }
html[data-theme="dark"] .chat-msg__name.ai-name { color: #FFD86A; }
html[data-theme="dark"] .chat-msg__prefix { color: #9595A8; }
html[data-theme="dark"] .chat-msg__text { color: #F4F3F8; }
html[data-theme="dark"] .chat-msg__text a { color: #9C8AFF; }
html[data-theme="dark"] .chat-msg__text code { background: rgba(217,217,217,.10); color: #F4F3F8; }
html[data-theme="dark"] .chat-msg__edited { color: #6E6F7A; }
html[data-theme="dark"] .chat-msg__time { color: #9595A8; }
html[data-theme="dark"] .chat-msg__read svg { fill: #4A4B55; }
html[data-theme="dark"] .chat-msg__read.is-read svg { fill: #5DE69A; }

html[data-theme="dark"] .reaction-btn { background: rgba(217,217,217,.05); border-color: #24262A; color: #F4F3F8; }
html[data-theme="dark"] .reaction-btn:hover { background: rgba(217,217,217,.10); }
html[data-theme="dark"] .reaction-btn.my-reaction { background: rgba(108,90,255,.18); border-color: rgba(108,90,255,.4); }
html[data-theme="dark"] .reaction-btn__count { color: #9595A8; }

html[data-theme="dark"] .chat-reply { border-left-color: #9C8AFF; background: rgba(108,90,255,.10); }
html[data-theme="dark"] .chat-reply__name { color: #9C8AFF; }
html[data-theme="dark"] .chat-reply__text { color: #B7B7C2; }

html[data-theme="dark"] .chat-typing { color: #9595A8; }
html[data-theme="dark"] .typing-dots span { background: #9595A8; }

html[data-theme="dark"] .reply-preview, html[data-theme="dark"] .media-preview { border-color: #24262A; }
html[data-theme="dark"] .reply-preview__bar { background: rgba(108,90,255,.10); border-left-color: #9C8AFF; }
html[data-theme="dark"] .reply-preview__name { color: #9C8AFF; }
html[data-theme="dark"] .reply-preview__text { color: #B7B7C2; }
html[data-theme="dark"] .reply-preview__close, html[data-theme="dark"] .media-preview__close { color: #9595A8; }
html[data-theme="dark"] .reply-preview__close:hover, html[data-theme="dark"] .media-preview__close:hover { background: rgba(217,217,217,.05); color: #F4F3F8; }
html[data-theme="dark"] .media-preview__thumb { background: rgba(217,217,217,.08); }
html[data-theme="dark"] .media-preview__name { color: #F4F3F8; }

html[data-theme="dark"] .chat-input { background: transparent; border-color: #24262A; color: #F4F3F8; }
html[data-theme="dark"] .chat-input:focus { border-color: #9C8AFF; }
html[data-theme="dark"] .chat-input::placeholder { color: #6E6F7A; }
html[data-theme="dark"] .chat-attach { border-color: #24262A; color: #9595A8; }
html[data-theme="dark"] .chat-attach:hover { background: rgba(217,217,217,.05); color: #F4F3F8; }
html[data-theme="dark"] .chat-send { background: #4241FC; }
html[data-theme="dark"] .chat-send:hover { background: #5856FF; }

html[data-theme="dark"] .chat-empty, html[data-theme="dark"] .chat-login-hint { color: #6E6F7A; }

html[data-theme="dark"] .ctx-menu { background: #202126; border-color: #24262A; box-shadow: 0 16px 48px rgba(0,0,0,.55), 0 2px 8px rgba(0,0,0,.3); }
html[data-theme="dark"] .ctx-menu__preview { background: rgba(217,217,217,.05); color: #9595A8; }
html[data-theme="dark"] .ctx-menu__divider { background: rgba(217,217,217,.08); }
html[data-theme="dark"] .ctx-menu__item { color: #F4F3F8; }
html[data-theme="dark"] .ctx-menu__item:hover { background: rgba(217,217,217,.06); }
html[data-theme="dark"] .ctx-menu__item:hover .ctx-svg { color: #F4F3F8; }
html[data-theme="dark"] .ctx-svg { color: #9595A8; }
html[data-theme="dark"] .ctx-menu__item--danger { color: #FF7080; }
html[data-theme="dark"] .ctx-menu__item--danger:hover { background: rgba(227,59,69,.10); }
html[data-theme="dark"] .ctx-menu__item--danger .ctx-svg,
html[data-theme="dark"] .ctx-menu__item--danger:hover .ctx-svg { color: #FF7080; }

html[data-theme="dark"] .react-picker { background: #202126; border-color: #24262A; box-shadow: 0 8px 30px rgba(0,0,0,.5); }
html[data-theme="dark"] .react-picker__btn:hover { background: rgba(217,217,217,.06); }

html[data-theme="dark"] .prof-box { background: #202126; border:none; box-shadow: 0 30px 80px -20px rgba(0,0,0,.6); }
html[data-theme="dark"] .prof-banner { background: linear-gradient(135deg,#251F47,#3D2EA8); }
html[data-theme="dark"] .prof-avatar { background: rgba(217,217,217,.08); border-color: #202126; }
html[data-theme="dark"] .prof-name { color: #F4F3F8; }
html[data-theme="dark"] .prof-tag { color: #9595A8; }
html[data-theme="dark"] .prof-bio { color: #B7B7C2; }
html[data-theme="dark"] .prof-reg { color: #9595A8; }
html[data-theme="dark"] .prof-msg-btn { background: rgba(217,217,217,.05); border-color: #24262A; color: #F4F3F8; }
html[data-theme="dark"] .prof-msg-btn:hover { background: rgba(217,217,217,.10); }
html[data-theme="dark"] .prof-verified { fill: #5DE69A; }
html[data-theme="dark"] .prof-badge { background: rgba(33,194,101,.18); color: #5DE69A; }

html[data-theme="dark"] .msg-uploading { background: rgba(108,90,255,.12); }
html[data-theme="dark"] .msg-uploading__ring { border-color: #2A2C32; border-top-color: #9C8AFF; }
html[data-theme="dark"] .msg-uploading__text { color: #B7B7C2; }

html[data-theme="dark"] .ch-item__unread { background: #E33B45; }
html[data-theme="dark"] .mention { color: #9C8AFF; }
html[data-theme="dark"] .mention:hover { color: #B5A5FF; }

html[data-theme="dark"] .emoji-btn { border-color: #24262A; color: #9595A8; }
html[data-theme="dark"] .emoji-btn:hover { background: rgba(217,217,217,.05); color: #F4F3F8; }
html[data-theme="dark"] .emoji-btn.is-open { background: rgba(108,90,255,.18); color: #9C8AFF; border-color: rgba(108,90,255,.4); }
html[data-theme="dark"] .picker { background: #202126; border-color: #24262A; box-shadow: 0 16px 50px rgba(0,0,0,.6); }
html[data-theme="dark"] .picker-tabs { border-bottom-color: #24262A; }
html[data-theme="dark"] .picker-tab { color: #9595A8; }
html[data-theme="dark"] .picker-tab:hover { color: #F4F3F8; }
html[data-theme="dark"] .picker-tab.active { background: rgba(217,217,217,.05); color: #9C8AFF; }
html[data-theme="dark"] .emoji-cell:hover { background: rgba(217,217,217,.06); }
html[data-theme="dark"] .stk-packs { border-bottom-color: #24262A; }
html[data-theme="dark"] .stk-pack:hover { background: rgba(217,217,217,.05); }
html[data-theme="dark"] .stk-pack.active { background: rgba(108,90,255,.18); }
html[data-theme="dark"] .stk-pack.active::before { background: #9C8AFF; }
html[data-theme="dark"] .stk-pack__placeholder { background: rgba(217,217,217,.05); color: #9595A8; }
html[data-theme="dark"] .stk-packs { border-right-color: #24262A; }
html[data-theme="dark"] .stk-cell { background: rgba(217,217,217,.05); }
html[data-theme="dark"] .stk-cell:hover { background: rgba(217,217,217,.10); }
html[data-theme="dark"] .stk-empty { color: #6E6F7A; }

* { -webkit-tap-highlight-color: transparent; }
button, a, .pill, .nav-item, .game-card, .menu-card, .ctrl-q, .seg-btn, .stk-cell, .stk-pack, .emoji-cell, .reaction-btn, .play-btn, .action-btn, .secondary-btn, .drop-btn, .keno-cell, .cell, .ch-item, .picker-tab, .icon-btn, .burger-btn,
.tabs, .tab, .sub-tab, .side-tab, .period-btn, .pager-btn, .stk-pack__placeholder, .balance-add, .lang-pill, .user-pill, .balance-card, .ref-link-btn, .promo-btn, .verify-btn, .modal-row, .pot-card, .roulette-card, .ticket, .col-card, .feature-card, .card, .stat, .perk, .partner-row, .hist-row, .past-row, .player-row, .chat-msg, .chat-msg__bubble, .chat-msg__avatar, .chat-msg__name, .chat-msg__time, .reply-preview__close, .media-preview__close, .lightbox__close, .ctx-menu, .ctx-menu__item, .react-picker, .react-picker__btn, .picker, .picker-tab, .picker-pane, .stk-grid, .stk-packs, .picker-tabs, .topbar, .sidebar, .logo, .nav-section, .ch-item, .ch-item__name, .ch-item__last, .ch-item__icon {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
}

input, textarea, .chat-msg__text, .ctrl-input, .search-input, .ref-link-input, .promo-input, .modal-input, [contenteditable] {
  user-select: text;
  -webkit-user-select: text;
}
input, textarea { -webkit-tap-highlight-color: transparent; }

body { padding-bottom: env(safe-area-inset-bottom); }
.sidebar { padding-top: max(24px, env(safe-area-inset-top)); padding-bottom: max(24px, env(safe-area-inset-bottom)); padding-left: max(20px, env(safe-area-inset-left)); }
.main { padding-top: max(20px, env(safe-area-inset-top)); padding-right: max(36px, env(safe-area-inset-right)); padding-left: max(36px, env(safe-area-inset-left)); }
@media (max-width: 900px) {
  .main { padding-top: max(14px, env(safe-area-inset-top)); padding-right: max(16px, env(safe-area-inset-right)); padding-left: max(16px, env(safe-area-inset-left)); padding-bottom: max(40px, env(safe-area-inset-bottom)); }
  .sidebar { padding-top: max(20px, env(safe-area-inset-top)); padding-bottom: max(20px, env(safe-area-inset-bottom)); }
}

input:focus, textarea:focus, button:focus { outline: none; }

@media (max-width: 900px) {
  input, textarea, select { font-size: 16px; }
}

html[data-theme="dark"] body {
  background: #1B1B21;
  color: #F4F3F8;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3 { color: #F4F3F8; }

html[data-theme="dark"] .sidebar { border-right-color: #24262A; }
html[data-theme="dark"] .nav-section { border-bottom-color: #24262A; }
html[data-theme="dark"] .nav-item { color: #9595A8; }
html[data-theme="dark"] .nav-item:hover { background: rgba(217,217,217,.05); color: #FFFFFF; }
html[data-theme="dark"] .nav-item.active { background: #24262A; color: #9C8AFF; }
html[data-theme="dark"] .logo span { color: #F4F3F8; }
html[data-theme="dark"] .logo img { content: url('/v1/img/logo_w.svg'); }

html[data-theme="dark"] .pill { border-color: #24262A; color: #F4F3F8; }
html[data-theme="dark"] .pill.is-link:hover { background: rgba(217,217,217,.05); border-color: transparent; }
html[data-theme="dark"] .balance-label,
html[data-theme="dark"] .lang-chevron,
html[data-theme="dark"] .user-role,
html[data-theme="dark"] .lang-name { color: #9595A8; }
html[data-theme="dark"] .balance-value,
html[data-theme="dark"] .user-name { color: #F4F3F8; }
html[data-theme="dark"] .search-input { color: #F4F3F8; }
html[data-theme="dark"] .search-input::placeholder { color: #6E6F7A; }

html[data-theme="dark"] .icon-btn { border-color: #24262A; color: #F4F3F8; background: transparent; }
html[data-theme="dark"] .icon-btn:hover { background: rgba(217,217,217,.05); }

html[data-theme="dark"] .card { border-color: #24262A; }
html[data-theme="dark"] .card-title { color: #F4F3F8; }
html[data-theme="dark"] .stat,
html[data-theme="dark"] .daily-card,
html[data-theme="dark"] .promo-card,
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .crashes-card,
html[data-theme="dark"] .bet-card,
html[data-theme="dark"] .game-info-card,
html[data-theme="dark"] .pot-card,
html[data-theme="dark"] .players-card { border-color: #24262A; }

html[data-theme="dark"] .stat__label,
html[data-theme="dark"] .ctrl-label,
html[data-theme="dark"] .promo-msg,
html[data-theme="dark"] .ref-link-hint,
html[data-theme="dark"] .chart-title,
html[data-theme="dark"] .metric__label { color: #9595A8; }
html[data-theme="dark"] .stat__value { color: #F4F3F8; }

html[data-theme="dark"] .balance-block { border-color: #24262A; }
html[data-theme="dark"] .balance-block__label { color: #9595A8; }
html[data-theme="dark"] .balance-block__amount { color: #F4F3F8; }
html[data-theme="dark"] .balance-block__cur { color: #9595A8; }
html[data-theme="dark"] .profile-avatar { border-color: #1B1B21; }
html[data-theme="dark"] .profile-name { color: #F4F3F8; }
html[data-theme="dark"] .profile-tag { color: #9595A8; }
html[data-theme="dark"] .profile-bio { color: #B7B7C2; }
html[data-theme="dark"] .profile-id { background: rgba(217,217,217,.05); color: #B7B7C2; }
html[data-theme="dark"] .profile-id:hover { background: rgba(217,217,217,.08); }
html[data-theme="dark"] .profile-role { background: rgba(217,217,217,.05); color: #9C8AFF; }

html[data-theme="dark"] .tg-card { background: rgba(217,217,217,.03); }
html[data-theme="dark"] .tg-card__media { border-color: #24262A; background: rgba(0,0,0,.3); }
html[data-theme="dark"] .tg-card__title { color: #F4F3F8; }
html[data-theme="dark"] .tg-card__sub { color: #9595A8; }

html[data-theme="dark"] .hist-row:hover { background: rgba(217,217,217,.05); }
html[data-theme="dark"] .hist-icon { background: rgba(217,217,217,.05); color: #9C8AFF; }
html[data-theme="dark"] .hist-icon.is-up { background: rgba(33,194,101,.15); color: #46E08C; }
html[data-theme="dark"] .hist-icon.is-down { background: rgba(227,59,69,.15); color: #FF7080; }
html[data-theme="dark"] .hist-icon.is-bonus { background: rgba(245,180,30,.15); color: #FFD86A; }
html[data-theme="dark"] .hist-dir.is-up { background: rgba(33,194,101,.15); color: #46E08C; }
html[data-theme="dark"] .hist-dir.is-down { background: rgba(227,59,69,.15); color: #FF7080; }
html[data-theme="dark"] .hist-item:hover { background: rgba(255,255,255,.04); }
html[data-theme="dark"] .hist-icon.is-promo { background: rgba(108,90,255,.15); color: #9C8AFF; }
html[data-theme="dark"] .hist-icon.is-pending { background: rgba(217,217,217,.05); color: #9595A8; }
html[data-theme="dark"] .hist-icon.is-rejected { background: rgba(227,59,69,.15); color: #FF7080; }
html[data-theme="dark"] .hist-title { color: #F4F3F8; }
html[data-theme="dark"] .hist-sub { color: #9595A8; }
html[data-theme="dark"] .hist-empty,
html[data-theme="dark"] .hist-loading { color: #6E6F7A; }
html[data-theme="dark"] .hist-chip { background: rgba(217,217,217,.05); color: #9595A8; }
html[data-theme="dark"] .hist-chip:hover { color: #F4F3F8; }
html[data-theme="dark"] .hist-chip.is-active { background: #F4F3F8; color: #0E0E10; }
html[data-theme="dark"] .hist-status.is-paid     { background: rgba(33,194,101,.15); color: #5DE69A; }
html[data-theme="dark"] .hist-status.is-approved { background: rgba(33,194,101,.15); color: #5DE69A; }
html[data-theme="dark"] .hist-status.is-pending  { background: rgba(245,180,30,.15); color: #FFD86A; }
html[data-theme="dark"] .hist-status.is-cancelled{ background: rgba(227,59,69,.15); color: #FF7080; }
html[data-theme="dark"] .hist-status.is-rejected { background: rgba(227,59,69,.15); color: #FF7080; }

html[data-theme="dark"] .promo-input,
html[data-theme="dark"] .ref-link-input,
html[data-theme="dark"] .ctrl-input,
html[data-theme="dark"] .ctrl-input-wrap { background: rgba(217,217,217,.05); border-color: #24262A; color: #F4F3F8; }
html[data-theme="dark"] .promo-input:focus { border-color: #9C8AFF; }
html[data-theme="dark"] .promo-btn { background: #F4F3F8; color: #0E0E10; }
html[data-theme="dark"] .promo-btn:hover { background: #FFFFFF; opacity: 1; }

html[data-theme="dark"] .hist-list::-webkit-scrollbar-thumb { background: #2A2C32; }
html[data-theme="dark"] .hist-list { scrollbar-color: #2A2C32 transparent; }
html[data-theme="dark"] .promo-input::placeholder,
html[data-theme="dark"] .ctrl-input::placeholder { color: #6E6F7A; }
html[data-theme="dark"] .ctrl-input { color: #F4F3F8; }
html[data-theme="dark"] .ctrl-input-wrap input { background: transparent; }
html[data-theme="dark"] .suffix { color: #9595A8; }

html[data-theme="dark"] .tabs { background: rgba(217,217,217,.05); }
html[data-theme="dark"] .tab { color: #9595A8; }
html[data-theme="dark"] .tab:hover { color: #F4F3F8; }
html[data-theme="dark"] .tab.active { background: rgba(217,217,217,.10); color: #F4F3F8; box-shadow: 0 1px 2px rgba(0,0,0,.2); }
html[data-theme="dark"] .tabs-row { border-bottom-color: #24262A; }

html[data-theme="dark"] .ref-title { color: #F4F3F8; }
html[data-theme="dark"] .ref-link-input { background: rgba(217,217,217,.05); border-color: #24262A; color: #F4F3F8; }
html[data-theme="dark"] .ref-link-hint { color: #9595A8; }

html[data-theme="dark"] .sub-tabs { border-bottom-color: #24262A; }
html[data-theme="dark"] .sub-tab { color: #9595A8; }
html[data-theme="dark"] .sub-tab:hover { color: #F4F3F8; }
html[data-theme="dark"] .sub-tab.active { color: #9C8AFF; border-bottom-color: #9C8AFF; }

html[data-theme="dark"] .chart-wrap { background: rgba(217,217,217,.03); border-color: #24262A; }
html[data-theme="dark"] .chart-total { color: #F4F3F8; }
html[data-theme="dark"] .chart-title { color: #9595A8; }
html[data-theme="dark"] .chart-x { color: #9595A8; }
html[data-theme="dark"] .chart-empty { color: #6E6F7A; }

html[data-theme="dark"] .periods { color: inherit; }
html[data-theme="dark"] .period-btn { background: transparent; color: #9595A8; border-color: #24262A; }
html[data-theme="dark"] .period-btn:hover { background: rgba(217,217,217,.05); color: #F4F3F8; }
html[data-theme="dark"] .period-btn.active { background: #F4F3F8; color: #0E0E10; border-color: #F4F3F8; }

html[data-theme="dark"] .metrics .metric { border-color: #24262A; }
html[data-theme="dark"] .metric__label { color: #9595A8; }
html[data-theme="dark"] .metric__val { color: #F4F3F8; }
html[data-theme="dark"] .metric.is-earn .metric__val { color: #5DE69A; }

html[data-theme="dark"] .partner-row:hover { background: rgba(217,217,217,.05); }
html[data-theme="dark"] .partner-avatar { background: rgba(217,217,217,.08); color: #F4F3F8; }
html[data-theme="dark"] .partner-name { color: #F4F3F8; }
html[data-theme="dark"] .partner-meta { color: #9595A8; }
html[data-theme="dark"] .partner-earn { color: #5DE69A; }
html[data-theme="dark"] .partner-earn small { color: #9595A8; }

html[data-theme="dark"] .pager-btn { background: transparent; color: #9595A8; border-color: #24262A; }
html[data-theme="dark"] .pager-btn:hover { background: rgba(217,217,217,.05); color: #F4F3F8; }
html[data-theme="dark"] .pager-btn.active { background: #F4F3F8; color: #0E0E10; border-color: #F4F3F8; }

html[data-theme="dark"] .ref-link-btn,
html[data-theme="dark"] .btn--ghost { background: rgba(217,217,217,.05); color: #F4F3F8; border-color: #24262A; }
html[data-theme="dark"] .ref-link-btn:hover,
html[data-theme="dark"] .btn--ghost:hover { background: #24262A; }
html[data-theme="dark"] .btn--danger { background: rgba(227,59,69,.10); border-color: rgba(227,59,69,.25); color: #FF7080; }
html[data-theme="dark"] .btn--danger:hover { background: rgba(227,59,69,.20); border-color: rgba(227,59,69,.45); color: #FF8A95; }

html[data-theme="dark"] .modal,
html[data-theme="dark"] .sheet,
html[data-theme="dark"] .verify-modal,
html[data-theme="dark"] .modal-card { background: #202126; border-color: #24262A; color: #F4F3F8; }
html[data-theme="dark"] .modal-overlay { background: rgba(8,6,18,.7); }
html[data-theme="dark"] .modal-title { color: #F4F3F8; }
html[data-theme="dark"] .modal-row { border-color: #24262A; }

html[data-theme="dark"] .game-card { color: #0E0E10; }
html[data-theme="dark"] .game-name { color: #0E0E10; }
html[data-theme="dark"] .game-desc { color: #4A4B55; }
html[data-theme="dark"] .hero-title { color: #0E0E10; }
html[data-theme="dark"] .hero-sub { color: #4A4B55; }
html[data-theme="dark"] .hero-title .accent { color: #4241FC; }

html[data-theme="dark"] .feature-card { border-color: #24262A; }
html[data-theme="dark"] .feature-card__title { color: #F4F3F8; }
html[data-theme="dark"] .perk-name { color: #F4F3F8; }
html[data-theme="dark"] .perk-sub { color: #9595A8; }
html[data-theme="dark"] .perk-icon { background: rgba(108,90,255,.15); color: #9C8AFF; }

html[data-theme="dark"] .online-card { border-color: #24262A; }
html[data-theme="dark"] .online-label { color: #9595A8; }
html[data-theme="dark"] .online-count { color: #F4F3F8; }
html[data-theme="dark"] .online-sub { color: #9595A8; }

html[data-theme="dark"] .crash-chip.is-low  { background: rgba(227,59,69,.18); color: #FFA3AB; }
html[data-theme="dark"] .crash-chip.is-mid  { background: rgba(245,180,30,.18); color: #FFD86A; }
html[data-theme="dark"] .crash-chip.is-high { background: rgba(33,194,101,.18); color: #5DE69A; }
html[data-theme="dark"] .crash-chip.is-huge { background: #4241FC; color: #FFFFFF; }

html[data-theme="dark"] .multi-display__num,
html[data-theme="dark"] .mult-display__num { color: #F4F3F8; text-shadow: 0 4px 20px rgba(108,90,255,.25); }
html[data-theme="dark"] .mult-display__num.is-flight { color: #46E08C; }
html[data-theme="dark"] .mult-display__num.is-crash  { color: #FF7080; }
html[data-theme="dark"] .mult-display__sub { color: #9595A8; }
html[data-theme="dark"] .mult-display__sub b { color: #F4F3F8; }

html[data-theme="dark"] .sky { background: linear-gradient(180deg,#1F1B2E 0%,#181426 60%,#1B1B21 100%); }
html[data-theme="dark"] .sky.is-betting { background: linear-gradient(180deg,#3A2E14 0%,#2D2418 60%,#1B1B21 100%); }
html[data-theme="dark"] .sky.is-flight  { background: linear-gradient(180deg,#251F47 0%,#1B173A 60%,#1B1B21 100%); }
html[data-theme="dark"] .sky.is-crashed { background: linear-gradient(180deg,#3A1F23 0%,#2A171B 60%,#1B1B21 100%); }

html[data-theme="dark"] .dice-grid .hero { background: linear-gradient(135deg,#23212E 0%,#1F1D2A 60%,#1B1B21 100%); }
html[data-theme="dark"] .dice-grid .hero.is-win  { background: linear-gradient(135deg,rgba(33,194,101,.18) 0%,rgba(33,194,101,.08) 100%); }
html[data-theme="dark"] .dice-grid .hero.is-lose { background: linear-gradient(135deg,rgba(227,59,69,.18) 0%,rgba(227,59,69,.08) 100%); }
html[data-theme="dark"] .hero__label,
html[data-theme="dark"] .hero__sub { color: #B7B7C2; }
html[data-theme="dark"] .hero__amount { color: #F4F3F8; }
html[data-theme="dark"] .hero__amount .cur { color: #9595A8; }
html[data-theme="dark"] .hero__sub b { color: #F4F3F8; }

html[data-theme="dark"] .ctrl-card { border-color: #24262A; }
html[data-theme="dark"] .ctrl-input-wrap { background: rgba(217,217,217,.05); border-color: #24262A; }
html[data-theme="dark"] .ctrl-input-wrap:focus-within { border-color: #9C8AFF; }
html[data-theme="dark"] .ctrl-input { color: #F4F3F8; }
html[data-theme="dark"] .ctrl-input-wrap .suffix { color: #9595A8; }
html[data-theme="dark"] .ctrl-q { background: rgba(217,217,217,.05); color: #B7B7C2; }
html[data-theme="dark"] .ctrl-q:hover { background: rgba(217,217,217,.10); color: #F4F3F8; }

html[data-theme="dark"] .play-btn { background: rgba(217,217,217,.05); color: #F4F3F8; }
html[data-theme="dark"] .play-btn:hover:not(:disabled):not(.is-active) { background: rgba(217,217,217,.10); }
html[data-theme="dark"] .play-btn.is-active { background: #4241FC; color: #FFFFFF; }

html[data-theme="dark"] .verify-btn { background: transparent; border-color: #24262A; color: #B7B7C2; }
html[data-theme="dark"] .verify-btn:hover { background: rgba(217,217,217,.05); border-color: rgba(108,90,255,.4); color: #F4F3F8; }

html[data-theme="dark"] .dice-toast { background: #F4F3F8; color: #0E0E10; box-shadow: 0 12px 30px rgba(0,0,0,.5); }
html[data-theme="dark"] .dice-toast.is-win  { background: #21C265; color: #FFFFFF; }
html[data-theme="dark"] .dice-toast.is-lose { background: #E33B45; color: #FFFFFF; }

html[data-theme="dark"] .dice-msg { color: #FF7080; }

html[data-theme="dark"] .side { border-color: #24262A; }
html[data-theme="dark"] .side-title { color: #F4F3F8; }
html[data-theme="dark"] .side-tabs { background: rgba(217,217,217,.05); }
html[data-theme="dark"] .side-tab { color: #9595A8; background: transparent; }
html[data-theme="dark"] .side-tab.active { background: rgba(217,217,217,.10); color: #F4F3F8; box-shadow: 0 1px 2px rgba(0,0,0,.2); }
html[data-theme="dark"] .hist-item:hover { background: rgba(217,217,217,.05); }
html[data-theme="dark"] .hist-roll { color: #F4F3F8; }
html[data-theme="dark"] .hist-name { color: #B7B7C2; }
html[data-theme="dark"] .hist-mult { color: #9595A8; }
html[data-theme="dark"] .hist-profit.is-win  { color: #5DE69A; }
html[data-theme="dark"] .hist-profit.is-lose { color: #FF7080; }
html[data-theme="dark"] .hist-empty { color: #6E6F7A; }

html[data-theme="dark"] .vmodal { background: rgba(0,0,0,0); }
html[data-theme="dark"] .vmodal.open { background: rgba(8,6,18,.6); }
html[data-theme="dark"] .vmodal-box { background: #202126; border-color: #24262A; box-shadow: 0 30px 80px -20px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.05) inset; color: #F4F3F8; }
html[data-theme="dark"] .vmodal-box::before { background: #24262A; }
html[data-theme="dark"] .vmodal-title { color: #F4F3F8; }
html[data-theme="dark"] .vmodal-row__label { color: #9595A8; }
html[data-theme="dark"] .vmodal-row__val { background: rgba(217,217,217,.05); color: #F4F3F8; }
html[data-theme="dark"] .vmodal-close { background: #F4F3F8; color: #0E0E10; }

html[data-theme="dark"] .mines-grid + .ctrl-card,
html[data-theme="dark"] .grid-card { border-color: #24262A; background: transparent; }
html[data-theme="dark"] .game .hero { background: linear-gradient(135deg,#23212E 0%,#1F1D2A 60%,#1B1B21 100%); }
html[data-theme="dark"] .game .hero.is-win  { background: linear-gradient(135deg,rgba(33,194,101,.18) 0%,rgba(33,194,101,.08) 100%); }
html[data-theme="dark"] .game .hero.is-lose { background: linear-gradient(135deg,rgba(227,59,69,.18) 0%,rgba(227,59,69,.08) 100%); }
html[data-theme="dark"] .hero__mult { color: #F4F3F8; text-shadow: 0 4px 20px rgba(108,90,255,.25); }

html[data-theme="dark"] .cell { background: rgba(217,217,217,.05); }
html[data-theme="dark"] .cell:hover:not(:disabled):not(.is-safe):not(.is-mine) { background: rgba(217,217,217,.10); }
html[data-theme="dark"] .cell.is-safe { background: rgba(33,194,101,.18); }
html[data-theme="dark"] .cell.is-mine { background: rgba(227,59,69,.20); }

html[data-theme="dark"] .ctrl-quick .ctrl-q { background: rgba(217,217,217,.05); color: #B7B7C2; }
html[data-theme="dark"] .ctrl-quick .ctrl-q:hover:not(:disabled) { background: rgba(217,217,217,.10); color: #F4F3F8; }

html[data-theme="dark"] .action-btn { background: #4241FC; color: #FFFFFF; }
html[data-theme="dark"] .action-btn:hover:not(:disabled) { background: #5856FF; }
html[data-theme="dark"] .action-btn.is-cashout { background: #21C265; }
html[data-theme="dark"] .action-btn.is-cashout:hover:not(:disabled) { background: #2DD476; }

html[data-theme="dark"] .secondary-btn { background: transparent; border-color: #24262A; color: #B7B7C2; }
html[data-theme="dark"] .secondary-btn:hover:not(:disabled) { background: rgba(217,217,217,.05); color: #F4F3F8; }

html[data-theme="dark"] .mines-msg { color: #FF7080; }

html[data-theme="dark"] .hist-mines { color: #F4F3F8; }
html[data-theme="dark"] .mines-toast { background: #F4F3F8; color: #0E0E10; box-shadow: 0 12px 30px rgba(0,0,0,.5); }

html[data-theme="dark"] .hero-mult { color: #F4F3F8; text-shadow: 0 4px 20px rgba(108,90,255,.25); }
html[data-theme="dark"] .hero-sub,
html[data-theme="dark"] .hero-meta { color: #9595A8; }
html[data-theme="dark"] .hero-sub b,
html[data-theme="dark"] .hero-meta b { color: #F4F3F8; }

html[data-theme="dark"] .choice-btn { background: rgba(217,217,217,.05); border-color: #24262A; color: #F4F3F8; }
html[data-theme="dark"] .choice-btn:hover:not(:disabled) { background: rgba(217,217,217,.10); border-color: rgba(108,90,255,.4); }
html[data-theme="dark"] .choice-btn.is-active { background: #4241FC; border-color: #4241FC; color: #FFFFFF; }
html[data-theme="dark"] .choice-btn__title { color: inherit; }
html[data-theme="dark"] .choice-btn__sub { color: #9595A8; }
html[data-theme="dark"] .choice-btn.is-active .choice-btn__sub { color: rgba(255,255,255,.85); }

html[data-theme="dark"] .cf-msg { color: #FF7080; }
html[data-theme="dark"] .cf-toast { background: #F4F3F8; color: #0E0E10; box-shadow: 0 12px 30px rgba(0,0,0,.5); }
html[data-theme="dark"] .cf-toast.is-win  { background: #21C265; color: #FFFFFF; }
html[data-theme="dark"] .cf-toast.is-lose { background: #E33B45; color: #FFFFFF; }

html[data-theme="dark"] .hist-streak { color: #9595A8; }
html[data-theme="dark"] .hist-streak b { color: #F4F3F8; }

html[data-theme="dark"] .board-card { border-color: #24262A; background: transparent; }
html[data-theme="dark"] .board { background: rgba(217,217,217,.03); border-radius: 20px; }
html[data-theme="dark"] .peg { background: #6E6F7A; }
html[data-theme="dark"] .ball { background: #9C8AFF; box-shadow: 0 0 12px rgba(156,138,255,.6); }
html[data-theme="dark"] .slot[data-band="lose"]  { background: rgba(227,59,69,.20); color: #FF7080; }
html[data-theme="dark"] .slot[data-band="low"]   { background: rgba(245,180,30,.15); color: #FFD86A; }
html[data-theme="dark"] .slot[data-band="even"]  { background: rgba(217,217,217,.08); color: #B7B7C2; }
html[data-theme="dark"] .slot[data-band="med"]   { background: rgba(108,90,255,.20); color: #9C8AFF; }
html[data-theme="dark"] .slot[data-band="high"]  { background: rgba(33,194,101,.18); color: #5DE69A; }
html[data-theme="dark"] .slot[data-band="huge"]  { background: #4241FC; color: #FFFFFF; box-shadow: 0 4px 14px rgba(66,65,252,.5); }

html[data-theme="dark"] .seg { background: rgba(217,217,217,.05); }
html[data-theme="dark"] .seg-btn { color: #9595A8; background: transparent; }
html[data-theme="dark"] .seg-btn:hover { color: #F4F3F8; }
html[data-theme="dark"] .seg-btn.active { background: rgba(217,217,217,.10); color: #F4F3F8; box-shadow: 0 1px 2px rgba(0,0,0,.2); }
html[data-theme="dark"] .seg-label { color: #9595A8; }

html[data-theme="dark"] .drop-btn { background: #4241FC; color: #FFFFFF; }
html[data-theme="dark"] .drop-btn:hover:not(:disabled) { background: #5856FF; }

html[data-theme="dark"] .meta-cell__label { color: #9595A8; }
html[data-theme="dark"] .meta-cell__val { color: #F4F3F8; }
html[data-theme="dark"] .meta-cell.is-win .meta-cell__val { color: #5DE69A; }

html[data-theme="dark"] .pl-msg { color: #FF7080; }
html[data-theme="dark"] .pl-toast { background: #F4F3F8; color: #0E0E10; box-shadow: 0 12px 30px rgba(0,0,0,.5); }
html[data-theme="dark"] .pl-toast.is-win  { background: #21C265; color: #FFFFFF; }
html[data-theme="dark"] .pl-toast.is-lose { background: #E33B45; color: #FFFFFF; }

html[data-theme="dark"] .hist-risk { color: #9595A8; }

html[data-theme="dark"] .bet-card { border-color: #24262A; background: transparent; }
html[data-theme="dark"] .jet-msg { color: #FF7080; }
html[data-theme="dark"] .players-title { color: #F4F3F8; }
html[data-theme="dark"] .players-count { color: #9595A8; }
html[data-theme="dark"] .players-empty { color: #6E6F7A; }
html[data-theme="dark"] .player-row:hover { background: rgba(217,217,217,.05); }
html[data-theme="dark"] .player-row.is-me { background: rgba(217,217,217,.06); }
html[data-theme="dark"] .player-row.is-cashed { background: rgba(33,194,101,.08); }
html[data-theme="dark"] .player-row.is-lost { opacity: .45; }
html[data-theme="dark"] .player-name { color: #F4F3F8; }
html[data-theme="dark"] .player-bet { color: #9595A8; }
html[data-theme="dark"] .player-result.is-win  { color: #5DE69A; }
html[data-theme="dark"] .player-result.is-lose { color: #FF7080; }
html[data-theme="dark"] .player-avatar { background: rgba(217,217,217,.08); color: #F4F3F8; }
html[data-theme="dark"] .players-list::-webkit-scrollbar-thumb { background: #2A2C32; }
html[data-theme="dark"] .players-list { scrollbar-color: #2A2C32 transparent; }
html[data-theme="dark"] .cloud { background: rgba(255,255,255,.18); }

html[data-theme="dark"] .keno-grid { gap: inherit; }
html[data-theme="dark"] .keno-cell { background: rgba(217,217,217,.05); color: #F4F3F8; }
html[data-theme="dark"] .keno-cell:hover:not(:disabled):not(.is-picked):not(.is-drawn-hit):not(.is-drawn-miss):not(.is-drawn-pickedmiss) { background: rgba(217,217,217,.10); }
html[data-theme="dark"] .keno-cell.is-picked { background: #4241FC; color: #FFFFFF; }
html[data-theme="dark"] .keno-cell.is-drawn-miss { background: rgba(217,217,217,.05); color: #6E6F7A; }
html[data-theme="dark"] .keno-cell.is-drawn-hit { background: #21C265; color: #FFFFFF; }
html[data-theme="dark"] .keno-cell.is-drawn-pickedmiss { background: rgba(227,59,69,.20); color: #FF7080; }

html[data-theme="dark"] .picks-meta { color: #9595A8; }
html[data-theme="dark"] .picks-meta b { color: #F4F3F8; }
html[data-theme="dark"] .picks-clear { color: #9595A8; }
html[data-theme="dark"] .picks-clear:hover { color: #F4F3F8; }

html[data-theme="dark"] .table-card { border-color: #24262A; background: transparent; }
html[data-theme="dark"] .table-title { color: #9595A8; }
html[data-theme="dark"] .table-row { border-color: rgba(36,38,42,.5); }
html[data-theme="dark"] .table-chip { background: rgba(217,217,217,.05); color: #B7B7C2; }
html[data-theme="dark"] .table-chip.is-good { background: rgba(33,194,101,.18); color: #5DE69A; }
html[data-theme="dark"] .table-chip.is-best { background: #4241FC; color: #FFFFFF; }

html[data-theme="dark"] .keno-msg { color: #FF7080; }
html[data-theme="dark"] .keno-toast { background: #F4F3F8; color: #0E0E10; box-shadow: 0 12px 30px rgba(0,0,0,.5); }
html[data-theme="dark"] .keno-toast.is-win  { background: #21C265; color: #FFFFFF; }
html[data-theme="dark"] .keno-toast.is-lose { background: #E33B45; color: #FFFFFF; }
html[data-theme="dark"] .hist-matches { color: #F4F3F8; }
html[data-theme="dark"] .hero-cell__label { color: #9595A8; }
html[data-theme="dark"] .hero-cell__val { color: #F4F3F8; }
html[data-theme="dark"] .hero-cell.is-win .hero-cell__val  { color: #5DE69A; }
html[data-theme="dark"] .hero-cell.is-lose .hero-cell__val { color: #FF7080; }

html[data-theme="dark"] .pot-card { border-color: #24262A; background: linear-gradient(135deg,#23212E 0%,#1F1D2A 60%,#1B1B21 100%); }
html[data-theme="dark"] .pot-card.is-countdown { background: linear-gradient(135deg,#3A2E14 0%,#2D2418 60%,#1B1B21 100%); }
html[data-theme="dark"] .pot-card.is-spinning  { background: linear-gradient(135deg,#251F47 0%,#3D2EA8 60%,#4241FC 100%); color: #FFFFFF; }
html[data-theme="dark"] .pot-label { color: #9595A8; }
html[data-theme="dark"] .pot-card.is-countdown .pot-label { color: #FFD86A; }
html[data-theme="dark"] .pot-amount { color: #F4F3F8; text-shadow: 0 4px 20px rgba(245,180,30,.25); }
html[data-theme="dark"] .pot-amount .cur { color: #9595A8; }
html[data-theme="dark"] .pot-meta__label { color: #9595A8; }
html[data-theme="dark"] .pot-meta__val { color: #F4F3F8; }

html[data-theme="dark"] .roulette-card { border-color: #24262A; background: transparent; }
html[data-theme="dark"] .roulette-status { color: #9595A8; }
html[data-theme="dark"] .roulette-status b,
html[data-theme="dark"] .roulette-status .c-num { color: #F4F3F8; }
html[data-theme="dark"] .roulette-viewport { background: rgba(217,217,217,.05); border-color: #24262A; }
html[data-theme="dark"] .ticket { background: rgba(217,217,217,.05); border-color: #24262A; }
html[data-theme="dark"] .ticket-name { color: #F4F3F8; }
html[data-theme="dark"] .ticket-bet { color: #9595A8; }
html[data-theme="dark"] .ticket-avatar { background: rgba(217,217,217,.08); }
html[data-theme="dark"] .winner-overlay { background: rgba(8,6,18,.85); backdrop-filter: blur(6px); }
html[data-theme="dark"] .winner-content { color: #F4F3F8; }
html[data-theme="dark"] .winner-avatar { background: rgba(217,217,217,.10); color: #F4F3F8; }
html[data-theme="dark"] .winner-label { color: #5DE69A; }
html[data-theme="dark"] .winner-name { color: #F4F3F8; }
html[data-theme="dark"] .winner-pot { color: #5DE69A; }

html[data-theme="dark"] .bet-card { border-color: #24262A; background: transparent; }
html[data-theme="dark"] .bet-row { color: inherit; }
html[data-theme="dark"] .col-card { border-color: #24262A; background: transparent; }
html[data-theme="dark"] .col-title { color: #F4F3F8; }
html[data-theme="dark"] .col-meta { color: #9595A8; }

html[data-theme="dark"] .past-row:hover { background: rgba(217,217,217,.05); }
html[data-theme="dark"] .past-pot { color: #5DE69A; }
html[data-theme="dark"] .past-chance { color: #9595A8; }

html[data-theme="dark"] .player-row.is-top { background: rgba(108,90,255,.10); }
html[data-theme="dark"] .player-row.is-top .player-rank { color: #9C8AFF; }
html[data-theme="dark"] .player-rank { color: #9595A8; }

html[data-theme="dark"] .bell-toggle { background: rgba(217,217,217,.05); }
html[data-theme="dark"] .bell-toggle:hover { background: rgba(217,217,217,.10); }
html[data-theme="dark"] .bell-toggle__title { color: #F4F3F8; }
html[data-theme="dark"] .bell-toggle__sub { color: #9595A8; }
html[data-theme="dark"] .toggle { background: #2A2C32; }
html[data-theme="dark"] .toggle::after { background: #F4F3F8; box-shadow: 0 1px 3px rgba(0,0,0,.4); }
html[data-theme="dark"] .toggle.on { background: #4241FC; }

html[data-theme="dark"] .chart-card { border-color: #24262A; background: linear-gradient(180deg,#23212E 0%,#1F1D2A 60%,#1B1B21 100%); }
html[data-theme="dark"] .chart-card.is-win  { background: linear-gradient(180deg,rgba(33,194,101,.18) 0%,rgba(33,194,101,.08) 100%); }
html[data-theme="dark"] .chart-card.is-lose { background: linear-gradient(180deg,rgba(227,59,69,.18) 0%,rgba(227,59,69,.08) 100%); }
html[data-theme="dark"] .chart-price { color: #F4F3F8; }
html[data-theme="dark"] .chart-delta.is-up   { color: #5DE69A; }
html[data-theme="dark"] .chart-delta.is-down { color: #FF7080; }
html[data-theme="dark"] .chart-meta__label { color: #9595A8; }
html[data-theme="dark"] .chart-meta__val { color: #F4F3F8; }
html[data-theme="dark"] .chart-line.is-up   { stroke: #46E08C; }
html[data-theme="dark"] .chart-line.is-down { stroke: #FF7080; }
html[data-theme="dark"] .chart-current-dot.is-up   { stroke: #46E08C; }
html[data-theme="dark"] .chart-current-dot.is-down { stroke: #FF7080; }
html[data-theme="dark"] .chart-entry-line { stroke: #6E6F7A; }
html[data-theme="dark"] .chart-overlay { color: #F4F3F8; }
html[data-theme="dark"] .chart-overlay__big { color: #F4F3F8; }
html[data-theme="dark"] .direction-badge.is-up   { background: rgba(33,194,101,.18); color: #5DE69A; }
html[data-theme="dark"] .direction-badge.is-down { background: rgba(227,59,69,.20); color: #FF7080; }
html[data-theme="dark"] .play-btn--up   { background: #21C265; color: #FFFFFF; }
html[data-theme="dark"] .play-btn--up:hover:not(:disabled)   { background: #1AA053; }
html[data-theme="dark"] .play-btn--down { background: #E33B45; color: #FFFFFF; }
html[data-theme="dark"] .play-btn--down:hover:not(:disabled) { background: #C72A33; }

.theme-reveal {
  position: fixed;
  border-radius: 50%;
  pointer-events: none;
  z-index: 99998;
  transform: translate(-50%, -50%);
  will-change: width, height, opacity;
}

.theme-toggle { display: flex; align-items: center; justify-content: center; }
.theme-toggle svg { width: 20px; height: 20px; transition: transform .35s cubic-bezier(.18,.89,.32,1.18); }
.theme-toggle:active svg { transform: rotate(-25deg) scale(.92); }

.topbar .icon-btn { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.topbar .icon-btn svg { width: 20px; height: 20px; }

@media (max-width: 900px) {
  .topbar .pill.user-pill {
    padding: 0; width: 44px; min-width: 44px; flex: 0 0 44px;
    border-radius: 999px; justify-content: center; align-items: center; gap: 0;
  }
  .topbar .pill.user-pill .user-avatar { width: 32px; height: 32px; font-size: 14px; }
  .topbar .icon-btn,
  .topbar .burger-btn {
    width: 44px; min-width: 44px; height: 44px; flex: 0 0 44px;
    border-radius: 999px;
    display: inline-flex; align-items: center; justify-content: center;
    padding: 0;
  }
  .topbar .icon-btn svg,
  .topbar .burger-btn svg { width: 20px; height: 20px; display: block; }
  
  .topbar .balance-card .balance-add {
    width: 26px; height: 26px; border-radius: 10px;
    display: inline-flex; align-items: center; justify-content: center;
    flex-shrink: 0; margin-left: auto; padding: 0;
  }
}

.game-rules{ border-radius:16px; background:#F4F4FE; border:1px solid #E0DFFB; padding:0; margin-bottom:14px; overflow:hidden; }
.game-rules summary{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; cursor:pointer; list-style:none; transition:background .15s; }
.game-rules summary::-webkit-details-marker{ display:none }
.game-rules summary:hover{ background:#EDECFC }
.game-rules__title{ font-size:14px; font-weight:700; color:#4241FC; letter-spacing:-.01em; font-family:'Bricolage Grotesque','Manrope',sans-serif; }
.game-rules__chevron{ width:14px; height:14px; color:#4241FC; transition:transform .25s }
.game-rules[open] .game-rules__chevron{ transform:rotate(180deg) }
.game-rules__list{ margin:0; padding:4px 18px 18px 36px; display:flex; flex-direction:column; gap:6px; font-size:13px; color:#4A4B55; line-height:1.5; }
.game-rules__list b{ color:#0E0E10; font-weight:700 }
html[data-theme="dark"] .game-rules{ background:#1B1B30; border-color:#2A2A4A }
html[data-theme="dark"] .game-rules summary:hover{ background:#22223A }
html[data-theme="dark"] .game-rules__list{ color:#A8A9DC }
html[data-theme="dark"] .game-rules__list b{ color:#E8E9EE }

.auth-modal{ position:fixed; inset:0; z-index:300; display:flex; align-items:center; justify-content:center; padding:24px; opacity:0; visibility:hidden; transition:opacity .25s,visibility .25s,background-color .25s,backdrop-filter .25s; background:rgba(14,14,16,0); backdrop-filter:blur(0); -webkit-backdrop-filter:blur(0); }
.auth-modal.open{ opacity:1; visibility:visible; background:rgba(14,14,16,.4); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
html[data-theme="dark"] .auth-modal.open{ background:rgba(0,0,0,.55); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px) }
.auth-modal__overlay{ position:absolute; inset:0; cursor:pointer }
.auth-modal__content{ position:relative; background:#FFFFFF; border:1px solid rgba(236,235,240,.6); border-radius:24px; width:100%; max-width:400px; padding:36px 28px 28px; box-shadow:0 30px 80px -20px rgba(14,14,16,.35),0 0 0 1px rgba(255,255,255,.6) inset; transform:translateY(40px) scale(.96); opacity:0; transition:transform .42s cubic-bezier(.18,.89,.32,1.18),opacity .25s; }
.auth-modal.open .auth-modal__content{ transform:translateY(0) scale(1); opacity:1 }
html[data-theme="dark"] .auth-modal__content{ background:#16161A; border-color:rgba(255,255,255,.08); box-shadow:0 30px 80px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.04) inset }
.auth-modal__close{ position:absolute; top:18px; right:18px; width:32px; height:32px; border-radius:50%; background:#F6F6FD; color:#0E0E10; font-size:18px; line-height:1; cursor:pointer; border:none; display:flex; align-items:center; justify-content:center; transition:background .15s,transform .25s; }
.auth-modal__close:hover{ background:#ECEBF0; transform:rotate(90deg) }
html[data-theme="dark"] .auth-modal__close{ background:rgba(255,255,255,.06); color:#E8E9EE }
html[data-theme="dark"] .auth-modal__close:hover{ background:rgba(255,255,255,.12) }
.auth-modal__logo{ display:flex; justify-content:center; margin-bottom:18px }

.auth-modal__logo .auth-modal__logo-dark { display: none; }
html[data-theme="dark"] .auth-modal__logo .auth-modal__logo-light { display: none; }
html[data-theme="dark"] .auth-modal__logo .auth-modal__logo-dark  { display: block; }
.auth-modal__logo img{ height:34px; display:block }
.auth-modal__title{ font-family:'Bricolage Grotesque','Manrope',sans-serif; font-size:22px; font-weight:700; color:#0E0E10; letter-spacing:-.01em; text-align:center; margin:0 0 6px }
html[data-theme="dark"] .auth-modal__title{ color:#E8E9EE }
.auth-modal__sub{ font-size:13px; color:#84858D; text-align:center; margin:0 0 24px }
.auth-methods{ display:flex; flex-direction:column; gap:10px }
.auth-method{ display:flex; align-items:center; gap:14px; padding:16px 18px; border-radius:14px; background:transparent; border:1px solid #ECEBF0; cursor:pointer; color:#0E0E10; font-family:inherit; font-size:14px; font-weight:600; transition:background .2s,border-color .2s; text-align:left; }
.auth-method:hover{ background:#F6F6FD; border-color:transparent }
html[data-theme="dark"] .auth-method{ border-color:rgba(255,255,255,.10); color:#E8E9EE; background:transparent }
html[data-theme="dark"] .auth-method:hover{ background:rgba(255,255,255,.05); border-color:transparent }
.auth-method__icon{ width:36px; height:36px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center }
.auth-method__icon svg{ width:20px; height:20px }
.auth-method--tg .auth-method__icon{ background:#229ED9; color:#fff }
.auth-method--vk .auth-method__icon{ background:#0077FF; color:#fff }
.auth-method__txt{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px }
.auth-method__name{ font-size:14px; font-weight:600 }
.auth-method__hint{ font-size:11px; color:#84858D; font-weight:500 }
html[data-theme="dark"] .auth-method__hint{ color:#7A7B85 }
.auth-method__arrow{ color:#84858D; flex-shrink:0; font-size:18px; line-height:1 }
.auth-tg-wait{ display:none; padding:16px; text-align:center; font-size:13px; color:#4A4B55; line-height:1.5; background:#F6F6FD; border-radius:14px; margin-top:14px }
html[data-theme="dark"] .auth-tg-wait{ background:rgba(255,255,255,.04); color:#A8A9B0 }
.auth-tg-wait.active{ display:block }
.auth-tg-wait__dot{ display:inline-block; width:6px; height:6px; border-radius:50%; background:#229ED9; margin-right:6px; animation:authDotPulse 1s ease-in-out infinite; vertical-align:middle }
@keyframes authDotPulse{ 0%,100%{opacity:1} 50%{opacity:.3} }
.auth-tg-cancel{ display:block; margin:12px auto 0; padding:7px 14px; border:1px solid #ECEBF0; background:transparent; color:#84858D; border-radius:8px; font-size:11px; cursor:pointer; font-family:inherit; }
.auth-tg-cancel:hover{ background:#ECEBF0; color:#0E0E10 }
html[data-theme="dark"] .auth-tg-cancel{ border-color:rgba(255,255,255,.10); color:#7A7B85 }
html[data-theme="dark"] .auth-tg-cancel:hover{ background:rgba(255,255,255,.06); color:#E8E9EE }