/* main background: no pattern, theme-aware */
body { background-image: none !important; }
body.light-theme { background-color: #f0f2f5 !important; background-image: none !important; }
body:not(.light-theme) { background-color: #1f2230 !important; background-image: none !important; }
body .cards { background: transparent !important; background-color: transparent !important; box-shadow: none !important; }
body.light-theme .cards { background: transparent !important; background-color: transparent !important; box-shadow: none !important; }
body .cards.hist2 { background: #ffffff !important; background-color: #ffffff !important; box-shadow: 0 25px 65px rgb(224 221 240/45%) !important; }
body:not(.light-theme) .cards.hist2 { background: #1a1d29 !important; background-color: #1a1d29 !important; box-shadow: none !important; }
body.light-theme .cf2-panel, body.light-theme .cf2-arena, body.light-theme .cf2-header { background: #ffffff !important; border-radius: 16px !important; }
body:not(.light-theme) .cf2-panel, body:not(.light-theme) .cf2-arena, body:not(.light-theme) .cf2-header { background: #1a1d29 !important; border-radius: 16px !important; }
@media (max-width: 768px) { .carousel-slot { width: 168px !important; max-width: 168px !important; } }
@media (max-width: 768px) { .carousel-slot[data-v-c6e15818] { width: 168px !important; max-width: 168px !important; margin-left: -84px !important; } }
body.light-theme .cf2-panel[data-v-45b2abc9], body.light-theme .cf2-arena[data-v-45b2abc9], body.light-theme .cf2-header[data-v-45b2abc9] { background: #ffffff !important; border-radius: 16px !important; }
body:not(.light-theme) .cf2-panel[data-v-45b2abc9], body:not(.light-theme) .cf2-arena[data-v-45b2abc9], body:not(.light-theme) .cf2-header[data-v-45b2abc9] { background: #1a1d29 !important; border-radius: 16px !important; }
body.light-theme .cards:has(.dice-panel), body.light-theme .cards:has(.game-area), body.light-theme .cards:has(.bodybubbles), body.light-theme .cards:has(.play_plinko) { background: #ffffff !important; background-color: #ffffff !important; border-radius: 16px !important; box-shadow: 0 25px 65px rgb(224 221 240/45%) !important; }
body:not(.light-theme) .cards:has(.dice-panel), body:not(.light-theme) .cards:has(.game-area), body:not(.light-theme) .cards:has(.bodybubbles), body:not(.light-theme) .cards:has(.play_plinko) { background: #1a1d29 !important; background-color: #1a1d29 !important; border-radius: 16px !important; box-shadow: none !important; }
body:not(.light-theme) .keno-page { background: #1a1d29 !important; }
body:not(.light-theme) .mines { background: #1a1d29 !important; border-radius: 16px !important; }
body.light-theme .cards:has(.cf2), body.light-theme .cards:has(.coinflip-content), body.light-theme .cards:has(.bubbless), body.light-theme .cards:has(.tower-content) { background: #ffffff !important; background-color: #ffffff !important; border-radius: 16px !important; box-shadow: 0 25px 65px rgb(224 221 240/45%) !important; }
body:not(.light-theme) .cards:has(.cf2), body:not(.light-theme) .cards:has(.coinflip-content), body:not(.light-theme) .cards:has(.bubbless), body:not(.light-theme) .cards:has(.tower-content) { background: #1a1d29 !important; background-color: #1a1d29 !important; border-radius: 16px !important; box-shadow: none !important; }
body:not(.light-theme) .topbar-balance { background: #2a2f3f !important; background-color: #2a2f3f !important; }
body:not(.light-theme) .topbar-balance, body:not(.light-theme) .topbar-balance span { color: #e8ecf5 !important; }
body:not(.light-theme) .topbar-v2 { background: #1a1d29 !important; background-color: #1a1d29 !important; }
body:not(.light-theme) .topbar-brand__name { color: #ffffff !important; }
body:not(.light-theme) .header, body:not(.light-theme) .header-menu { background: #1a1d29 !important; background-color: #1a1d29 !important; }
body .slide-img, body [class*="slide-img"], body .banners-carousel, body [class*="banners-carousel"], body .cards:has(.banners-carousel), body div:has(> .banners-carousel) { background: transparent !important; background-color: transparent !important; box-shadow: none !important; border: 0 !important; }
@media (max-width: 992px) { body .banners-carousel, body .banners-carousel.static, body [class*="banners-carousel"] { aspect-ratio: 16 / 9 !important; height: auto !important; max-height: none !important; width: 100% !important; border-radius: 12px !important; } body .banners-carousel .slide-img, body .banners-carousel img { width: 100% !important; height: 100% !important; object-fit: cover !important; } }
@media (max-width: 992px) { body .slots_p .game_list { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; padding: 0 10px 16px !important; } body .slots_p .game_ { width: 100% !important; height: auto !important; aspect-ratio: 3 / 4 !important; margin: 0 !important; border-radius: 10px !important; display: block !important; } }
@media (max-width: 992px) { body .slots_p .game_ .game_image, body .slots_p .game_ .vue-load-image { width: 100% !important; height: 100% !important; } body .slots_p .game_ .vue-load-image img { position: absolute !important; width: 100% !important; height: 100% !important; object-fit: cover !important; } }
@media (max-width: 480px) { body .slots_p .game_list { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; } }
body:not(.light-theme) .hof-page-wrap { background: transparent !important; background-color: transparent !important; color: #e8ecf5 !important; }
body:not(.light-theme) .hof-card, body:not(.light-theme) .hof-now, body:not(.light-theme) .hof-podium__card { background: #1a1d29 !important; background-color: #1a1d29 !important; color: #e8ecf5 !important; border-radius: 16px !important; box-shadow: none !important; }
body:not(.light-theme) .hof-header__title, body:not(.light-theme) .hof-card__title, body:not(.light-theme) .hof-now__title, body:not(.light-theme) .hof-now__user, body:not(.light-theme) .hof-now__sum { color: #ffffff !important; }
body:not(.light-theme) .hof-header__subtitle, body:not(.light-theme) .hof-now__game { color: #8a93a8 !important; }
body:not(.light-theme) .hof-header__icon { background: #222839 !important; color: #e8ecf5 !important; }
body:not(.light-theme) .tw-col { color: #e8ecf5 !important; }
body.light-theme .profile-container, body.light-theme .profile-wrap { background: transparent !important; color: #1a1d24 !important; }
body.light-theme .profile-container .card { background: #ffffff !important; background-color: #ffffff !important; color: #1a1d24 !important; border-radius: 16px !important; box-shadow: 0 25px 65px rgb(224 221 240/45%) !important; }
body.light-theme .profile-container .section-title, body.light-theme .profile-username { color: #1a1d24 !important; }
body.light-theme .profile-id { background: #eef1f5 !important; color: #444954 !important; }
body:not(.light-theme) .tournament-page-wrap { background: transparent !important; background-color: transparent !important; color: #e8ecf5 !important; }
body:not(.light-theme) .tournament-info-card, body:not(.light-theme) .tournament-winners { background: #1a1d29 !important; background-color: #1a1d29 !important; color: #e8ecf5 !important; border-radius: 16px !important; box-shadow: none !important; }
body:not(.light-theme) .tournament-winners__row { background: #222839 !important; background-color: #222839 !important; color: #e8ecf5 !important; border-radius: 12px !important; }
body:not(.light-theme) .tw-place-badge { background: #2a3145 !important; color: #ffffff !important; }
body:not(.light-theme) .tournament-header__title, body:not(.light-theme) .tournament-info-card__title, body:not(.light-theme) .tournament-winners__title, body:not(.light-theme) .tournament-meta-item__value { color: #ffffff !important; }
body:not(.light-theme) .tournament-info-card__desc, body:not(.light-theme) .tournament-meta-item__label, body:not(.light-theme) .tournament-winners__thead, body:not(.light-theme) .tournament-winners__empty, body:not(.light-theme) .tournament-empty-state { color: #8a93a8 !important; }
body:not(.light-theme) .tournament-header__icon, body:not(.light-theme) .tournament-winners__icon { background: #222839 !important; color: #e8ecf5 !important; }
body:not(.light-theme) .hof-tabs { background: #222839 !important; border-radius: 14px !important; }
body:not(.light-theme) .hof-tab { background: transparent !important; color: #8a93a8 !important; }
body:not(.light-theme) .hof-tab.active, body:not(.light-theme) [class*="hof-tab--active"], body:not(.light-theme) .hof-tab[class*="active"] { background: #2f3546 !important; color: #ffffff !important; border-radius: 12px !important; }
body:not(.light-theme) .hof-row__item { background: #222839 !important; border-radius: 12px !important; }
body:not(.light-theme) .hof-row__name { color: #8a93a8 !important; }
body:not(.light-theme) .hof-row__value, body:not(.light-theme) .hof-podium__name { color: #ffffff !important; }
body.light-theme .profile-tabs .tab-btn:not(.active) { background: #ffffff !important; color: #344054 !important; border: 1px solid #d0d5dd !important; }
body.light-theme .theme-switch-row { background: #f5f6f8 !important; border-radius: 14px !important; }
body.light-theme .theme-ic { background: #ffffff !important; border: 1px solid #e2e5ea !important; border-radius: 12px !important; }
body:not(.light-theme) .theme-name { color: #ffffff !important; }
body.light-theme .theme-name { color: #1a1d24 !important; }
body:not(.light-theme) .profile-container .card { background: #262d40 !important; background-color: #262d40 !important; border: 1px solid #39425c !important; border-radius: 16px !important; }
body:not(.light-theme) .profile-tabs .tab-btn:not(.active) { background: #262d40 !important; color: #c3cadb !important; border: 1px solid #39425c !important; }
body:not(.light-theme) .profile-id { background: #262d40 !important; border: 1px solid #39425c !important; color: #c3cadb !important; }
body:not(.light-theme) .theme-switch-row { background: #313952 !important; border-radius: 14px !important; }
body:not(.light-theme) .theme-ic { background: #3d4763 !important; border-radius: 12px !important; }
html body:not(.light-theme) .hof-page-wrap, html body:not(.light-theme) .tournament-page-wrap { background: transparent !important; background-color: transparent !important; color: #e8ecf5 !important; }
html body:not(.light-theme) .hof-card, html body:not(.light-theme) .hof-now, html body:not(.light-theme) .hof-podium__card, html body:not(.light-theme) .tournament-info-card, html body:not(.light-theme) .tournament-winners { background: #1a1d29 !important; background-color: #1a1d29 !important; color: #e8ecf5 !important; border-radius: 16px !important; box-shadow: none !important; }
html body:not(.light-theme) .tournament-winners__row, html body:not(.light-theme) .hof-row__item { background: #222839 !important; background-color: #222839 !important; color: #e8ecf5 !important; border-radius: 12px !important; }
html body:not(.light-theme) .hof-header__title, html body:not(.light-theme) .hof-card__title, html body:not(.light-theme) .hof-now__title, html body:not(.light-theme) .hof-now__user, html body:not(.light-theme) .hof-now__sum, html body:not(.light-theme) .tournament-header__title, html body:not(.light-theme) .tournament-info-card__title, html body:not(.light-theme) .tournament-winners__title, html body:not(.light-theme) .tournament-meta-item__value, html body:not(.light-theme) .hof-row__value, html body:not(.light-theme) .hof-podium__name { color: #ffffff !important; }
html body:not(.light-theme) .hof-header__subtitle, html body:not(.light-theme) .hof-now__game, html body:not(.light-theme) .tournament-info-card__desc, html body:not(.light-theme) .tournament-meta-item__label, html body:not(.light-theme) .tournament-winners__thead, html body:not(.light-theme) .tournament-winners__empty, html body:not(.light-theme) .tournament-empty-state, html body:not(.light-theme) .hof-row__name { color: #8a93a8 !important; }
html body:not(.light-theme) .hof-header__icon, html body:not(.light-theme) .tournament-header__icon, html body:not(.light-theme) .tournament-winners__icon { background: #222839 !important; color: #e8ecf5 !important; }
html body:not(.light-theme) .hof-tabs { background: #222839 !important; border-radius: 14px !important; }
html body:not(.light-theme) .hof-tab { background: transparent !important; color: #8a93a8 !important; }
html body:not(.light-theme) .hof-tab.active { background: #2f3546 !important; color: #ffffff !important; border-radius: 12px !important; }
html body:not(.light-theme) .tw-place-badge { background: #2a3145 !important; color: #ffffff !important; }
html body:not(.light-theme) .profile-container .card { background: #262d40 !important; background-color: #262d40 !important; border: 1px solid #39425c !important; border-radius: 16px !important; }
html body:not(.light-theme) .profile-tabs .tab-btn:not(.active) { background: #262d40 !important; color: #c3cadb !important; border: 1px solid #39425c !important; }
html body:not(.light-theme) .profile-id { background: #262d40 !important; border: 1px solid #39425c !important; color: #c3cadb !important; }
html body:not(.light-theme) .theme-switch-row { background: #313952 !important; border-radius: 14px !important; }
html body:not(.light-theme) .theme-ic { background: #3d4763 !important; border-radius: 12px !important; }
html body:not(.light-theme) .theme-name { color: #ffffff !important; }
html body.light-theme .profile-container, html body.light-theme .profile-wrap { background: transparent !important; color: #1a1d24 !important; }
html body.light-theme .profile-container .card { background: #ffffff !important; background-color: #ffffff !important; color: #1a1d24 !important; border-radius: 16px !important; box-shadow: 0 25px 65px rgb(224 221 240/45%) !important; }
html body.light-theme .profile-container .section-title, html body.light-theme .profile-username { color: #1a1d24 !important; }
html body.light-theme .profile-id { background: #eef1f5 !important; color: #444954 !important; }
html body.light-theme .profile-tabs .tab-btn:not(.active) { background: #ffffff !important; color: #344054 !important; border: 1px solid #d0d5dd !important; }
html body.light-theme .theme-switch-row { background: #f5f6f8 !important; border-radius: 14px !important; }
html body.light-theme .theme-ic { background: #ffffff !important; border: 1px solid #e2e5ea !important; border-radius: 12px !important; }
html body.light-theme .theme-name { color: #1a1d24 !important; }
@media (max-width: 992px) { html body:not(.light-theme) .profile-container { background: #12151f !important; background-color: #12151f !important; margin: 0 !important; max-width: none !important; width: 100% !important; min-height: 100vh !important; padding: 12px 12px 28px !important; box-sizing: border-box !important; } }
html body:not(.light-theme) .tournament-page-wrap, html body:not(.light-theme) .hof-page-wrap { background: transparent !important; background-color: transparent !important; }
html body.light-theme .tournament-page-wrap, html body.light-theme .hof-page-wrap { background: transparent !important; background-color: transparent !important; }
@media (max-width: 992px) { html body.light-theme .profile-container { background: #e6eaf1 !important; background-color: #e6eaf1 !important; margin: 0 !important; max-width: none !important; width: 100% !important; min-height: 100vh !important; padding: 12px 12px 28px !important; box-sizing: border-box !important; } }
html body.light-theme .profile-container .card { background: #ffffff !important; background-color: #ffffff !important; box-shadow: 0 8px 24px rgba(90,100,130,0.12) !important; border-radius: 16px !important; }
html body.light-theme .hof-card, html body.light-theme .hof-now, html body.light-theme .tournament-info-card, html body.light-theme .tournament-winners { background: #ffffff !important; background-color: #ffffff !important; box-shadow: 0 8px 24px rgba(90,100,130,0.12) !important; border-radius: 16px !important; }
html body.light-theme .tournament-winners__row, html body.light-theme .hof-row__item { background: #f1f3f8 !important; background-color: #f1f3f8 !important; border-radius: 12px !important; }
html body.light-theme .hof-card, html body.light-theme .hof-now, html body.light-theme .tournament-info-card, html body.light-theme .tournament-winners, html body.light-theme .profile-container .card { background: #ffffff !important; background-color: #ffffff !important; box-shadow: 0 4px 16px rgba(120,130,155,0.10) !important; border-radius: 18px !important; }
html body.light-theme .tournament-winners__row, html body.light-theme .hof-row__item { background: #e8ebf1 !important; background-color: #e8ebf1 !important; border-radius: 14px !important; }
html body.light-theme .hof-page-wrap, html body.light-theme .tournament-page-wrap, html body:not(.light-theme) .hof-page-wrap, html body:not(.light-theme) .tournament-page-wrap { background: transparent !important; background-color: transparent !important; border-radius: 0 !important; }
html body.light-theme .hof-header__icon { background: #ffffff !important; background-color: #ffffff !important; color: #1a1d24 !important; box-shadow: 0 4px 14px rgba(120,130,155,0.18) !important; border-radius: 14px !important; }
html body:not(.light-theme) .hof-header__icon { background: #2e3547 !important; background-color: #2e3547 !important; color: #ffffff !important; border-radius: 14px !important; }
html body:not(.light-theme) .tournament-info-card { background: transparent !important; background-color: transparent !important; box-shadow: none !important; margin-top: 0 !important; }
html body.light-theme .tournament-info-card, html body.light-theme .tournament-winners { background: #ffffff !important; background-color: #ffffff !important; box-shadow: 0 4px 16px rgba(120,130,155,0.10) !important; border-radius: 18px !important; }
@media (max-width: 992px) { html body.light-theme .profile-container { background: #e6eaf1 !important; background-color: #e6eaf1 !important; margin: 0 !important; max-width: none !important; width: 100% !important; min-height: 100vh !important; padding: 12px 12px 28px !important; box-sizing: border-box !important; } }
@media (max-width: 992px) { html body:not(.light-theme) .profile-container { background: #12151f !important; background-color: #12151f !important; margin: 0 !important; max-width: none !important; width: 100% !important; min-height: 100vh !important; padding: 12px 12px 28px !important; box-sizing: border-box !important; } }
html body.light-theme .hof-row__item, html body:not(.light-theme) .hof-row__item { background: transparent !important; background-color: transparent !important; box-shadow: none !important; }
html body:not(.light-theme) .tournament-winners { background: transparent !important; background-color: transparent !important; box-shadow: none !important; }
html body:not(.light-theme) .tournament-banner { margin-bottom: 0 !important; }
html body:not(.light-theme) .tournament-info-card { margin-top: 0 !important; padding-top: 14px !important; }
@media (max-width: 992px) { html body .banners-carousel { width: calc(100vw - 32px) !important; max-width: none !important; margin-left: calc(50% - 50vw + 16px) !important; margin-right: 0 !important; } }
@media (max-width: 992px) { html body .banners-carousel img { width: 100% !important; height: auto !important; border-radius: 16px !important; } }
@media (max-width: 992px) { html, body { overflow-x: hidden !important; } }
@media (max-width: 992px) { html body .new-games.v2 { width: calc(100vw - 32px) !important; max-width: none !important; margin-left: calc(50% - 50vw + 16px) !important; } }
@media (max-width: 992px) { html body .new-games .game-item { width: 29vw !important; min-width: 29vw !important; max-width: none !important; height: auto !important; flex: 0 0 auto !important; } }
@media (max-width: 992px) { html body .new-games .game-item img { width: 100% !important; height: auto !important; object-fit: cover !important; border-radius: 14px !important; } }
@media (max-width: 992px) { html body .main-games__title { width: calc(100vw - 32px) !important; max-width: none !important; margin-left: calc(50% - 50vw + 16px) !important; box-sizing: border-box !important; } }
html body .mlt-cell--coin { background: #16c60c !important; background-color: #16c60c !important; border-color: #0ea50a !important; box-shadow: 0 0 14px rgba(22,198,12,0.55) !important; }
html body .mlt-cell--bomb { background: #e81123 !important; background-color: #e81123 !important; border-color: #c50f1f !important; box-shadow: 0 0 14px rgba(232,17,35,0.55) !important; }
html body .dice-howto, html body .mlt-footer, html body .knw-howto { display: none !important; }
html body .mlt-step { flex: 0 0 calc(33.333% - 6px) !important; }
html body .mlt-step { padding: 6px 4px !important; border-radius: 12px !important; }
html body .mlt-step__label { font-size: 11px !important; margin-bottom: 1px !important; }
html body .mlt-step__win { font-size: 15px !important; line-height: 1.2 !important; }
html body .mlt-step__mult { display: none !important; }
html body .tower-win-popup { background: transparent !important; pointer-events: none !important; }
html body .tower-win-popup__inner { pointer-events: auto !important; background: #fbfcfe !important; border: 0 !important; border-radius: 20px !important; box-shadow: 0 20px 60px rgba(40,50,80,0.25) !important; padding: 22px 28px !important; min-width: 260px !important; }
html body .tower-win-popup__title { color: #1b2030 !important; font-size: 22px !important; font-weight: 800 !important; text-align: left !important; }
html body .tower-win-popup__amount { color: #1b2030 !important; font-size: 26px !important; font-weight: 800 !important; }
html body .tower-win-popup__multiplier { color: #667085 !important; font-size: 14px !important; }
html body .tower-win-popup__inner { position: fixed !important; top: 40% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: min(320px, calc(100vw - 48px)) !important; text-align: center !important; margin: 0 !important; }
html body .tower-win-popup__title { text-align: center !important; }
html body .tower-btn { border-radius: 14px !important; border: 1px solid rgba(128,140,170,0.18) !important; transition: transform .12s ease, box-shadow .12s ease !important; }
html body .tower-btn:active { transform: scale(0.96) !important; }
html body .tower-row-label { border-radius: 14px !important; border: 1px solid rgba(128,140,170,0.18) !important; }
html body .profile-cover { box-shadow: 0 10px 30px rgba(40,50,80,0.18), inset 0 0 0 1px rgba(255,255,255,0.35) !important; border-radius: 24px !important; }
html body .mlt-step { overflow: hidden !important; padding: 6px 2px !important; min-width: 0 !important; }
html body .mlt-step__win { font-size: 13px !important; letter-spacing: -0.3px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 100% !important; line-height: 1.25 !important; }
html body .mlt-cell { transition: transform 0.12s ease !important; }
html body .mlt-cell--coin, html body .mlt-cell--bomb { transition: none !important; animation: none !important; }
html body .modal-box { width: min(380px, calc(100vw - 32px)) !important; max-width: calc(100vw - 32px) !important; box-sizing: border-box !important; overflow: hidden !important; }
html body .wager-flow { display: flex !important; align-items: center !important; gap: 8px !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; box-sizing: border-box !important; }
html body .wager-chip { flex: 1 1 0 !important; min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; font-size: 13px !important; box-sizing: border-box !important; }
html body .wager-arrow { flex: 0 0 auto !important; }
html body .mlt-step__win { font-size: 11px !important; letter-spacing: -0.4px !important; }
html body .mlt-step__label { font-size: 10px !important; }
html body .modal-box { border-radius: 22px !important; padding: 18px 16px !important; }
html body .modal-head { display: flex !important; align-items: center !important; gap: 10px !important; margin-bottom: 12px !important; }
html body .modal-title { flex: 1 !important; margin: 0 !important; font-size: 18px !important; font-weight: 800 !important; color: #1b2030 !important; text-align: left !important; }
html body .modal-close { width: 34px !important; height: 34px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 10px !important; background: #f1f3f8 !important; color: #667085 !important; font-size: 20px !important; cursor: pointer !important; }
html body .warn-box { font-size: 13px !important; line-height: 1.45 !important; padding: 12px 14px !important; border-radius: 14px !important; }
html body .wager-flow { margin: 14px 0 !important; }
html body .wager-chip { height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; border-radius: 12px !important; font-size: 15px !important; font-weight: 700 !important; }
html body .cf2-side-btn, html body .cf2-side-btn .cf2-side-name, html body .cf2-side-btn .cf2-side-win { color: #ffffff !important; }
body.light-theme .cf2-side-btn .cf2-side-name, body.light-theme .cf2-side-btn .cf2-side-win { color: #ffffff !important; }
html body .cf2-side-win { color: rgba(255,255,255,0.92) !important; font-weight: 700 !important; }
html body .modal-box .wide-btn--yellow { background: #f5c518 !important; color: #1b2030 !important; border-radius: 14px !important; padding: 15px !important; font-size: 16px !important; font-weight: 800 !important; box-shadow: 0 6px 16px rgba(245,197,24,0.35) !important; }
html body .modal-box .wide-btn--grey { background: #eef0f5 !important; color: #1b2030 !important; border-radius: 14px !important; padding: 15px !important; font-size: 16px !important; font-weight: 800 !important; margin-top: 10px !important; }
html body .modal-box .wide-btn:active { transform: scale(0.98) !important; filter: brightness(0.95) !important; }
html body .cf2-side-btn .cf2-side-name.cf2-side-name, html body .cf2-side-btn .cf2-side-win.cf2-side-win, body.light-theme .cf2-side-btn .cf2-side-name.cf2-side-name, body.light-theme .cf2-side-btn .cf2-side-win.cf2-side-win { color: #ffffff !important; }
html body .tower-btn.tower-btn--safe.tower-btn--safe { background: #2563eb !important; background-color: #2563eb !important; background-image: none !important; border-color: #1d4ed8 !important; box-shadow: 0 0 16px rgba(37,99,235,0.6) !important; }
html body .tower-btn.tower-btn--bomb.tower-btn--bomb { background: #e81123 !important; background-color: #e81123 !important; background-image: none !important; border-color: #c50f1f !important; box-shadow: 0 0 16px rgba(232,17,35,0.6) !important; }
html body .theme-switch-row { display: flex !important; align-items: center !important; gap: 12px !important; }
html body .theme-text { flex: 1 !important; min-width: 0 !important; }
html body .theme-name { font-size: 16px !important; font-weight: 700 !important; line-height: 1.3 !important; margin: 0 !important; }
html body .theme-sub { font-size: 13px !important; line-height: 1.35 !important; margin-top: 2px !important; color: #7c8496 !important; }
html body .pf-row { display: flex !important; align-items: flex-start !important; gap: 10px !important; padding: 10px 12px !important; border-radius: 12px !important; margin-bottom: 8px !important; }
html body .pf-label { flex: 0 0 auto !important; font-size: 11px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; color: #7c8496 !important; padding-top: 2px !important; }
html body .pf-value { flex: 1 1 auto !important; min-width: 0 !important; font-size: 13px !important; line-height: 1.4 !important; text-align: right !important; word-break: break-all !important; overflow-wrap: anywhere !important; }
html body .pf-mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important; font-size: 11px !important; letter-spacing: -0.2px !important; }
html body .pf-copy { display: flex !important; align-items: center !important; justify-content: center !important; height: 48px !important; margin-top: 12px !important; border-radius: 14px !important; background: #3b6ef5 !important; color: #ffffff !important; font-size: 15px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.03em !important; cursor: pointer !important; box-shadow: 0 6px 16px rgba(59,110,245,0.35) !important; }
html body .pf-copy:active { transform: scale(0.98) !important; filter: brightness(0.95) !important; }
html body .pf-overlay { padding: 24px 16px !important; align-items: center !important; }
html body .pf-modal { max-width: 360px !important; max-height: 82vh !important; border-radius: 24px !important; padding: 18px 16px 16px !important; gap: 8px !important; box-shadow: 0 24px 64px rgba(15,20,40,0.35) !important; }
html body .pf-close { top: 12px !important; right: 12px !important; width: 32px !important; height: 32px !important; font-size: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 10px !important; background: rgba(120,130,160,0.14) !important; }
html body .pf-grid { gap: 8px !important; margin-top: 24px !important; }
html body .pf-card { padding: 10px 12px !important; border-radius: 12px !important; }
html body .pf-card .pf-value { font-size: 15px !important; font-weight: 700 !important; }
html body .pf-close.pf-close { top: 12px !important; right: 12px !important; width: 32px !important; height: 32px !important; min-width: 32px !important; min-height: 32px !important; max-width: 32px !important; max-height: 32px !important; padding: 0 !important; margin: 0 !important; font-size: 18px !important; line-height: 1 !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 10px !important; background: rgba(120,130,160,0.14) !important; }
html body .theme-name.theme-name { font-size: 15px !important; font-weight: 700 !important; line-height: 1.3 !important; margin: 0 !important; }
html body .theme-sub.theme-sub { font-size: 12px !important; line-height: 1.3 !important; margin-top: 2px !important; color: #7c8496 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
html body .theme-text.theme-text { flex: 1 1 auto !important; min-width: 0 !important; }
html body .theme-sub.theme-sub { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; font-size: 12px !important; line-height: 1.3 !important; }
html body .pf-copy.pf-copy.pf-copy, body.light-theme .pf-copy.pf-copy.pf-copy { background: #3b6ef5 !important; color: #ffffff !important; }
html body .pf-close.pf-close.pf-close { position: absolute !important; top: 12px !important; right: 12px !important; width: 32px !important; height: 32px !important; min-width: 0 !important; min-height: 0 !important; max-width: 32px !important; max-height: 32px !important; padding: 0 !important; margin: 0 !important; font-size: 18px !important; font-weight: 400 !important; line-height: 32px !important; text-align: center !important; box-sizing: border-box !important; display: block !important; border-radius: 10px !important; background: rgba(120,130,160,0.14) !important; overflow: hidden !important; }
html body .pf-close.pf-close.pf-close { background: transparent !important; border: none !important; box-shadow: none !important; font-size: 22px !important; color: #6b7387 !important; }
html body .theme-sub.theme-sub { display: none !important; }
html body .pf-card.pf-card { padding: 8px 12px !important; }
html body .pf-card .pf-value.pf-value { font-size: 14px !important; line-height: 1.25 !important; }
html body .pf-row.pf-row { padding: 8px 12px !important; margin-bottom: 6px !important; }
html body .pf-mono.pf-mono { font-size: 10px !important; }
html body .pf-grid.pf-grid { margin-top: 14px !important; gap: 6px !important; }
html body .pf-modal.pf-modal { max-height: 86vh !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; padding-bottom: 12px !important; }
html body .pf-copy.pf-copy.pf-copy { position: sticky !important; bottom: 0 !important; margin-top: 10px !important; }
html body .pf-close.pf-close.pf-close { top: 6px !important; right: 10px !important; }
html body .mlt-btn-auto, html body .mlt-btn-auto:active, html body .mlt-btn-auto:focus, html body .mlt-btn-auto:hover, body.light-theme .mlt-btn-auto, body.light-theme .mlt-btn-auto:active, body.light-theme .mlt-btn-auto:focus { background: #3b82f6 !important; background-image: none !important; color: #ffffff !important; border: none !important; -webkit-tap-highlight-color: transparent !important; }
html body .mlt-btn-auto:active { filter: brightness(0.92) !important; transform: scale(0.98) !important; }
html body .keno-cell.is-hit, html body .keno-cell.is-win, body.light-theme .keno-cell.is-hit, body.light-theme .keno-cell.is-win { box-shadow: none !important; }
html body .social-row .social-name, body.light-theme .social-row .social-name { color: #ffffff !important; }
html body .mlt-btn-auto.mlt-btn-auto.mlt-btn-auto, html body .mlt-btn-auto.mlt-btn-auto.mlt-btn-auto:hover, html body .mlt-btn-auto.mlt-btn-auto.mlt-btn-auto:focus, html body .mlt-btn-auto.mlt-btn-auto.mlt-btn-auto:active, body.light-theme .mlt-btn-auto.mlt-btn-auto.mlt-btn-auto:active { background: #3b82f6 !important; background-color: #3b82f6 !important; background-image: none !important; color: #ffffff !important; border: none !important; outline: none !important; -webkit-tap-highlight-color: transparent !important; }
html body .mlt-btn-auto.mlt-btn-auto.mlt-btn-auto:active { filter: brightness(0.9) !important; transform: scale(0.98) !important; }




/* === profile: white bg like history cards + lightning banner (v4) === */
html body.light-theme .profile-container { background:#ffffff !important; background-color:#ffffff !important; }
@media (max-width:992px) { html body.light-theme .profile-container { background:#ffffff !important; background-color:#ffffff !important; } }
html body:not(.light-theme) .profile-container { background:#1a1d29 !important; background-color:#1a1d29 !important; }
@media (max-width:992px) { html body:not(.light-theme) .profile-container { background:#1a1d29 !important; background-color:#1a1d29 !important; } }
html body.light-theme .profile-container .tab-btn:not(.active) { background:#f1f3f7 !important; }
html body .profile-container .header-banner::before { content:"" !important; position:absolute !important; inset:0 !important; pointer-events:none !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 170'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M54 0 46 30 60 38 41 74 56 82 35 124 49 130 28 170' stroke-width='7' stroke-opacity='.42' stroke='%238a5b00'/%3E%3Cpath d='M46 30 24 52 30 57' stroke-width='4.5' stroke-opacity='.3' stroke='%238a5b00'/%3E%3Cpath d='M56 82 80 104' stroke-width='4.5' stroke-opacity='.3' stroke='%238a5b00'/%3E%3Cpath d='M35 124 18 142' stroke-width='4.5' stroke-opacity='.3' stroke='%238a5b00'/%3E%3Cpath d='M54 0 46 30 60 38 41 74 56 82 35 124 49 130 28 170' stroke-width='9' stroke-opacity='.32'/%3E%3Cpath d='M46 30 24 52 30 57' stroke-width='5' stroke-opacity='.22'/%3E%3Cpath d='M56 82 80 104' stroke-width='5' stroke-opacity='.22'/%3E%3Cpath d='M54 0 46 30 60 38 41 74 56 82 35 124 49 130 28 170' stroke-width='3.6'/%3E%3Cpath d='M46 30 24 52 30 57' stroke-width='2' stroke-opacity='.9'/%3E%3Cpath d='M56 82 80 104' stroke-width='2' stroke-opacity='.9'/%3E%3Cpath d='M35 124 18 142' stroke-width='1.6' stroke-opacity='.8'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 170'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M50 0 44 40 58 50 38 96 52 104 42 170' stroke-width='7' stroke-opacity='.42' stroke='%238a5b00'/%3E%3Cpath d='M44 40 22 66' stroke-width='4.5' stroke-opacity='.3' stroke='%238a5b00'/%3E%3Cpath d='M38 96 64 116 60 124' stroke-width='4.5' stroke-opacity='.3' stroke='%238a5b00'/%3E%3Cpath d='M50 0 44 40 58 50 38 96 52 104 42 170' stroke-width='9' stroke-opacity='.32'/%3E%3Cpath d='M44 40 22 66' stroke-width='5' stroke-opacity='.22'/%3E%3Cpath d='M50 0 44 40 58 50 38 96 52 104 42 170' stroke-width='3.6'/%3E%3Cpath d='M44 40 22 66' stroke-width='2' stroke-opacity='.9'/%3E%3Cpath d='M38 96 64 116 60 124' stroke-width='1.8' stroke-opacity='.85'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(ellipse at 70% 35%, rgba(255,255,255,.38), rgba(255,255,255,0) 50%),radial-gradient(ellipse at 30% 30%, rgba(255,255,255,.28), rgba(255,255,255,0) 45%),linear-gradient(rgba(255,255,255,.10), rgba(255,255,255,.10)) !important; background-repeat:no-repeat !important; background-size:60px 102px, 70px 118px, 100% 100%, 100% 100%, 100% 100% !important; background-position:30% 30%, 70% 35%, 0 0, 0 0, 0 0; opacity:0; filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 9px rgba(255,255,255,.7)) !important; animation:pbStrike 2.9s linear 1.1s infinite !important; }
html body .profile-container .header-banner::after { content:"" !important; position:absolute !important; inset:0 !important; pointer-events:none !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 170'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M54 0 46 30 60 38 41 74 56 82 35 124 49 130 28 170' stroke-width='7' stroke-opacity='.42' stroke='%238a5b00'/%3E%3Cpath d='M46 30 24 52 30 57' stroke-width='4.5' stroke-opacity='.3' stroke='%238a5b00'/%3E%3Cpath d='M56 82 80 104' stroke-width='4.5' stroke-opacity='.3' stroke='%238a5b00'/%3E%3Cpath d='M35 124 18 142' stroke-width='4.5' stroke-opacity='.3' stroke='%238a5b00'/%3E%3Cpath d='M54 0 46 30 60 38 41 74 56 82 35 124 49 130 28 170' stroke-width='9' stroke-opacity='.32'/%3E%3Cpath d='M46 30 24 52 30 57' stroke-width='5' stroke-opacity='.22'/%3E%3Cpath d='M56 82 80 104' stroke-width='5' stroke-opacity='.22'/%3E%3Cpath d='M54 0 46 30 60 38 41 74 56 82 35 124 49 130 28 170' stroke-width='3.6'/%3E%3Cpath d='M46 30 24 52 30 57' stroke-width='2' stroke-opacity='.9'/%3E%3Cpath d='M56 82 80 104' stroke-width='2' stroke-opacity='.9'/%3E%3Cpath d='M35 124 18 142' stroke-width='1.6' stroke-opacity='.8'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 170'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M40 0 52 28 38 40 62 72 46 84 66 118 52 126 70 170' stroke-width='7' stroke-opacity='.42' stroke='%238a5b00'/%3E%3Cpath d='M52 28 74 46' stroke-width='4.5' stroke-opacity='.3' stroke='%238a5b00'/%3E%3Cpath d='M46 84 24 100 28 108' stroke-width='4.5' stroke-opacity='.3' stroke='%238a5b00'/%3E%3Cpath d='M66 118 84 134' stroke-width='4.5' stroke-opacity='.3' stroke='%238a5b00'/%3E%3Cpath d='M40 0 52 28 38 40 62 72 46 84 66 118 52 126 70 170' stroke-width='9' stroke-opacity='.32'/%3E%3Cpath d='M52 28 74 46' stroke-width='5' stroke-opacity='.22'/%3E%3Cpath d='M46 84 24 100 28 108' stroke-width='5' stroke-opacity='.22'/%3E%3Cpath d='M40 0 52 28 38 40 62 72 46 84 66 118 52 126 70 170' stroke-width='3.6'/%3E%3Cpath d='M52 28 74 46' stroke-width='2' stroke-opacity='.9'/%3E%3Cpath d='M46 84 24 100 28 108' stroke-width='2' stroke-opacity='.9'/%3E%3Cpath d='M66 118 84 134' stroke-width='1.6' stroke-opacity='.8'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 170'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M50 0 44 40 58 50 38 96 52 104 42 170' stroke-width='7' stroke-opacity='.42' stroke='%238a5b00'/%3E%3Cpath d='M44 40 22 66' stroke-width='4.5' stroke-opacity='.3' stroke='%238a5b00'/%3E%3Cpath d='M38 96 64 116 60 124' stroke-width='4.5' stroke-opacity='.3' stroke='%238a5b00'/%3E%3Cpath d='M50 0 44 40 58 50 38 96 52 104 42 170' stroke-width='9' stroke-opacity='.32'/%3E%3Cpath d='M44 40 22 66' stroke-width='5' stroke-opacity='.22'/%3E%3Cpath d='M50 0 44 40 58 50 38 96 52 104 42 170' stroke-width='3.6'/%3E%3Cpath d='M44 40 22 66' stroke-width='2' stroke-opacity='.9'/%3E%3Cpath d='M38 96 64 116 60 124' stroke-width='1.8' stroke-opacity='.85'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(ellipse at 10% 45%, rgba(255,255,255,.36), rgba(255,255,255,0) 48%),radial-gradient(ellipse at 90% 40%, rgba(255,255,255,.3), rgba(255,255,255,0) 45%),linear-gradient(rgba(255,255,255,.10), rgba(255,255,255,.10)) !important; background-repeat:no-repeat !important; background-size:86px 146px, 62px 104px, 48px 80px, 100% 100%, 100% 100%, 100% 100% !important; background-position:7% 50%, 90% 40%, 48% 70%, 0 0, 0 0, 0 0; opacity:0; filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 9px rgba(255,255,255,.7)) !important; animation:pbStrike 2.2s linear infinite !important; }
@keyframes pbStrike { 0% { opacity:0; } 2% { opacity:1; } 4% { opacity:.5; } 6% { opacity:1; } 10% { opacity:.7; } 13% { opacity:1; } 19% { opacity:.9; } 26% { opacity:0; } 100% { opacity:0; } }

/* === dark: wager-cancel modal (profile) + tournament page bg like dice (v1) === */
html body:not(.light-theme) .profile-container .modal-overlay { background: rgba(8,10,16,.72) !important; }
html body:not(.light-theme) .profile-container .modal-box { background: #262d40 !important; background-color: #262d40 !important; color: #e8ecf5 !important; border: 1px solid #39425c !important; border-radius: 20px !important; box-shadow: 0 18px 50px rgba(0,0,0,.45) !important; }
html body:not(.light-theme) .profile-container .modal-title { color: #ffffff !important; }
html body:not(.light-theme) .profile-container .modal-head-ic { background: #2f3549 !important; color: #f5c518 !important; }
html body:not(.light-theme) .profile-container .modal-head-ic span, html body:not(.light-theme) .profile-container .modal-head-ic i { color: #f5c518 !important; }
html body:not(.light-theme) .profile-container .modal-close { background: #2f3549 !important; color: #c8cede !important; }
html body:not(.light-theme) .profile-container .warn-box { background: rgba(245,197,24,.12) !important; color: #f5c518 !important; border: 1px solid rgba(245,197,24,.28) !important; }
html body:not(.light-theme) .profile-container .wager-chip { background: #2f3549 !important; color: #ffffff !important; }
html body:not(.light-theme) .profile-container .wager-arrow { color: #8f97ab !important; }
html body:not(.light-theme) .profile-container .modal-box .wide-btn--grey { background: #39405a !important; background-color: #39405a !important; color: #eef1f6 !important; }
html body:not(.light-theme) .profile-container .modal-box .wide-btn--yellow { background: #f5c518 !important; color: #1c1c1e !important; }
html body:not(.light-theme) .tournament-page-wrap { background: #1a1d29 !important; background-color: #1a1d29 !important; box-sizing: border-box !important; }
@media (max-width:992px) { html body:not(.light-theme) .tournament-page-wrap { min-height: 100vh !important; border-radius: 0 !important; } }
@media (min-width:993px) { html body:not(.light-theme) .tournament-page-wrap { border-radius: 20px !important; } }
html body:not(.light-theme) .tournament-info-card, html body:not(.light-theme) .tournament-winners { background: #262d40 !important; background-color: #262d40 !important; border: 1px solid #39425c !important; }
html body:not(.light-theme) .tournament-winners__row { background: #2f3549 !important; background-color: #2f3549 !important; }
html body:not(.light-theme) .tournament-header__icon, html body:not(.light-theme) .tournament-winners__icon { background: #262d40 !important; }

/* === tournament banner+card merge (v1) === */
html body .tournament-banner { border-radius: 24px 24px 0 0 !important; margin-bottom: 0 !important; }
html body .tournament-info-card { border-radius: 0 0 24px 24px !important; margin-top: 0 !important; border-top: 0 !important; }
html body:not(.light-theme) .tournament-info-card { border-top: 0 !important; }
@media (max-width:992px) { html body .tournament-banner { border-radius: 20px 20px 0 0 !important; } html body .tournament-info-card { border-radius: 0 0 20px 20px !important; } }

/* === tournament: flat dark cards + rounded wrap (v2) === */
html body:not(.light-theme) .tournament-page-wrap { border-radius: 20px !important; padding: 10px 8px 22px !important; min-height: auto !important; margin: 8px 0 16px !important; }
html body:not(.light-theme) .tournament-info-card, html body:not(.light-theme) .tournament-winners { background: #1a1d29 !important; background-color: #1a1d29 !important; border: 0 !important; box-shadow: none !important; }
html body:not(.light-theme) .tournament-winners__row { background: #262d40 !important; background-color: #262d40 !important; }
html body:not(.light-theme) .tournament-header__icon, html body:not(.light-theme) .tournament-winners__icon { background: #262d40 !important; }

/* === tournament: split blocks (v3) === */
html body:not(.light-theme) .tournament-page-wrap { background: transparent !important; background-color: transparent !important; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; min-height: auto !important; }
html body:not(.light-theme) .tournament-info-card { background: #1a1d29 !important; background-color: #1a1d29 !important; border-radius: 0 0 20px 20px !important; border: 0 !important; }
html body:not(.light-theme) .tournament-winners { background: #1a1d29 !important; background-color: #1a1d29 !important; border-radius: 20px !important; margin-top: 16px !important; padding: 18px 14px 14px !important; border: 0 !important; box-shadow: none !important; }
html body:not(.light-theme) .tournament-winners__row { background: #262d40 !important; background-color: #262d40 !important; }
html body:not(.light-theme) .tournament-header__icon, html body:not(.light-theme) .tournament-winners__icon { background: #2f3549 !important; background-color: #2f3549 !important; border-radius: 14px !important; color: #ffffff !important; }
html body:not(.light-theme) .tournament-winners__icon svg, html body:not(.light-theme) .tournament-winners__icon i { color: #ffffff !important; fill: #ffffff !important; opacity: 1 !important; }
html body:not(.light-theme) .tournament-winners__icon img { filter: brightness(0) invert(1) !important; opacity: 1 !important; }

/* === tournament light: merge banner+card, winners padding (v1) === */
html body.light-theme .tournament-banner { border-radius: 24px 24px 0 0 !important; margin-bottom: 0 !important; }
html body.light-theme .tournament-info-card { border-radius: 0 0 24px 24px !important; margin-top: 0 !important; border-top: 0 !important; }
html body.light-theme .tournament-winners { padding: 18px 14px 14px !important; border-radius: 24px !important; margin-top: 16px !important; box-sizing: border-box !important; }
@media (max-width:992px) { html body.light-theme .tournament-banner { border-radius: 20px 20px 0 0 !important; } html body.light-theme .tournament-info-card { border-radius: 0 0 20px 20px !important; } html body.light-theme .tournament-winners { border-radius: 20px !important; } }

/* === tournament winners icon: no bg (v1) === */
html body .tournament-winners__icon { background: transparent !important; background-color: transparent !important; box-shadow: none !important; border: 0 !important; }

/* === tournament winners icon: no bg (v2) === */
html body:not(.light-theme) .tournament-winners__icon, html body.light-theme .tournament-winners__icon { background: transparent !important; background-color: transparent !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; color: #f5c518 !important; }
html body:not(.light-theme) .tournament-winners__icon i, html body.light-theme .tournament-winners__icon i, html body:not(.light-theme) .tournament-winners__icon svg, html body.light-theme .tournament-winners__icon svg { color: #f5c518 !important; fill: #f5c518 !important; }

/* === mx slot badges (v1): бейджи по рядам главной, без теней === */
.game-item .hot-badge, .game-item .new-badge, .game-item .gift-badge { box-shadow: none !important; text-shadow: none !important; }
.new-games.mx-row a.game-item { position: relative; }
.new-games.mx-row a.game-item .hot-badge:not(.mx-badge),
.new-games.mx-row a.game-item .new-badge:not(.mx-badge) { display: none !important; }
.new-games.mx-row a.game-item .gift-badge { right: auto; left: 0; border-radius: 10px 0 6px 0; }
.new-games.mx-row a.game-item .mx-badge {
  position: absolute; top: 0; right: 0; z-index: 3; display: block;
  padding: 4px 8px; border-radius: 0 10px 0 6px;
  font-size: 10px; font-weight: 700; line-height: 1.2;
  text-transform: uppercase; letter-spacing: .5px; white-space: nowrap;
  color: #fff; box-shadow: none !important; text-shadow: none !important; pointer-events: none;
}
.mx-badge.mx-hot  { background: linear-gradient(135deg,#ef4444,#dc2626) !important; }
.mx-badge.mx-new  { background: linear-gradient(135deg,#3b82f6,#2563eb) !important; }
.mx-badge.mx-rtp  { background: linear-gradient(135deg,#22c55e,#15803d) !important; }
.mx-badge.mx-xmas { background: linear-gradient(135deg,#a855f7,#7e22ce) !important; }
.mx-badge.mx-top  { background: linear-gradient(135deg,#f59e0b,#d97706) !important; }
@media (max-width: 980px) {
  .new-games.mx-row a.game-item .mx-badge { padding: 3px 6px; font-size: 9px; border-radius: 0 10px 0 5px; }
}


/* === mx dock (v3): старая капсула прячется на мобиле, своя — в body === */
@media (max-width: 1023px) {
  html body div.left-main.left-main.left-main, html body .left-main.cards.cards { display: none !important; }
}
@media (min-width: 1024px) { html body > .mx-dock { display: none !important; } }
html body > .mx-dock .mx-dock__item:active { opacity: .55; }

/* === mx dock (v4): left-main любым тегом, без .cards === */
@media (max-width: 1023px) {
  html body .left-main, html body .left-main.cards, html body .left-main .games-menu { display: none !important; }
}