/* mx-dark-fix v1: language dropdown in dark theme */
body:not(.light-theme) .langsw-drop{background:#1f2331 !important;border:1px solid rgba(255,255,255,.08) !important;box-shadow:0 12px 32px rgba(0,0,0,.45) !important}
body:not(.light-theme) .langsw-item{color:#e8ecf5 !important}
body:not(.light-theme) .langsw-item:hover{background:rgba(255,255,255,.07) !important}
body:not(.light-theme) .langsw-item.active{background:rgba(247,201,72,.16) !important;color:#ffd426 !important}
/* mx-modes start */
/* mx-modes v1, 02.10.2026. Тёмная тема: карточки всех режимов в стиле блока «История игр» (градиент #1c2233 → #171c2a, рамка 1px, радиус 22px, тень),
   внутренние панели, поля и кнопки полупрозрачные, как строки истории. Режимы: Mines, Wheel, Dice, Tower, Keno, Win, Bubbles, Coinflip, Crash, X100, MegaWheel, PopIt, Crazy Time.
   Светлую тему не трогает. Селектор с тремя :not(#id), чтобы перебить html:not(#mxs) body из mx-slot.js. */
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .glavpanel .mines,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .keno-page,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .cr-page .cards,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .x1-page .cards,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .mw-page .cards,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .pp-page .cards,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .ct-page .ct-shell {
  background: linear-gradient(180deg, #1c2233 0%, #171c2a 100%) !important;
  border-radius: 22px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06), 0 12px 30px rgba(0, 0, 0, .18) !important;
}
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .glavpanel .cards:has(> .dice-content),
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .glavpanel .cards:has(> .tower-content) {
  background: linear-gradient(180deg, #1c2233 0%, #171c2a 100%) !important;
  border-radius: 22px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06), 0 12px 30px rgba(0, 0, 0, .18) !important;
}
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .win-page .win-card {
  background: linear-gradient(180deg, #1c2233 0%, #171c2a 100%) !important;
  border-color: rgba(255, 255, 255, .06) !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .18) !important;
}
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .bub.main-content {
  --bub-main: linear-gradient(180deg, #1c2233 0%, #171c2a 100%);
  --bub-panel: rgba(255, 255, 255, .035);
  --bub-cell: #272d40;
  --bub-btn: #272d40;
  --bub-cell-br: rgba(255, 255, 255, .08);
  border-radius: 22px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06), 0 12px 30px rgba(0, 0, 0, .18) !important;
}
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .cf.main-content {
  --cf-main: linear-gradient(180deg, #1c2233 0%, #171c2a 100%);
  --cf-panel: rgba(255, 255, 255, .035);
  --cf-cell: #272d40;
  --cf-cell-br: rgba(255, 255, 255, .08);
  --cf-overlay: rgba(23, 28, 42, .84);
  border-radius: 22px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06), 0 12px 30px rgba(0, 0, 0, .18) !important;
}
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .ct-page {
  --in: #222838;
  --scene: #222838;
}

html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .mines-lite .mlt-statcard,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .tower-content .twr-panel,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .whl .whl-stage,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .whl .whl-chips,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .whl .whl-panel,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .keno-page .kwl-panel,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .keno-page .kwl-autogame,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .bub .bub-card,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .cf .cf-card,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .ct-page .ct-in {
  background: rgba(255, 255, 255, .035) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .055) !important;
}
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .ct-page .ct-in { background: var(--in) !important; }
@media (max-width: 1023.98px) {
  html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .tower-content .twr-board {
    background: rgba(255, 255, 255, .035) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .055) !important;
  }
}
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .win-page .win-panel {
  background: rgba(255, 255, 255, .035) !important;
  border-color: rgba(255, 255, 255, .07) !important;
  box-shadow: none !important;
}
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .win-page .win-tab:not(.paid) {
  background: #1b2131 !important;
  border-color: rgba(255, 255, 255, .08) !important;
}
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .win-page .win-head { border-bottom-color: rgba(255, 255, 255, .07) !important; }
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .win-page .win-headbtn { border-color: rgba(255, 255, 255, .07) !important; }

html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .mines-lite .mlt-arrow,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .mines-lite .mlt-bet,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .mines-lite .mlt-quick-btn,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .mines-lite .mlt-bombs,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .dice-content .dice-box,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .whl .whl-sw-row,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .keno-page .kt-navarr,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .keno-page .keno-hintbar__center,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .keno-page .keno-betinput,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .keno-page .kwl-qbtn,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .keno-page .kwl-clearbtn {
  background-color: rgba(255, 255, 255, .05) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07) !important;
}
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .mines-lite .mlt-step:not(.mlt-step--win):not(.mlt-step--active):not(.mlt-step--lose),
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .tower-content .twr-inwrap,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .tower-content .twr-mod,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .whl .whl-inwrap,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .whl .whl-half,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .win-page .win-in:not(select),
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .win-page .win-step {
  background-color: rgba(255, 255, 255, .05) !important;
  border-color: rgba(255, 255, 255, .08) !important;
  box-shadow: none !important;
}
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .tower-content .twr-sel,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .whl .whl-sel,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .win-page select.win-in,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .keno-page .kwl-panel select {
  background-color: #252b3d !important;
  border-color: rgba(255, 255, 255, .08) !important;
  box-shadow: none !important;
}
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .tower-content .twr-step:not(.on):not(.done) { border-color: rgba(255, 255, 255, .08) !important; }

html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .mines-lite .mlt-arrow:active,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .mines-lite .mlt-quick-btn:active,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .tower-content .twr-mod:active,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .whl .whl-half:active,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .win-page .win-step:active,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .keno-page .kt-navarr:active,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .keno-page .kwl-qbtn:active,
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .keno-page .kwl-clearbtn:active {
  background-color: rgba(255, 255, 255, .11) !important;
}

html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .mines-lite .mlt-cell--closed:not(.mlt-cell--coin):not(.mlt-cell--bomb),
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .tower-content .twr-cell:not(.safe):not(.bomb) {
  background: linear-gradient(180deg, #283049 0%, #212840 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07), inset 0 1px 0 rgba(255, 255, 255, .05), 0 4px 10px rgba(0, 0, 0, .16) !important;
}
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .tower-content .twr-cell.pick:not(.safe):not(.bomb) {
  background: linear-gradient(180deg, #2e3a63 0%, #263155 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(99, 140, 255, .42), 0 4px 12px rgba(0, 0, 0, .18) !important;
}
html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .keno-page .keno-cell:not(.is-selected):not(.is-hit):not(.is-drawn):not(.kt-blue) {
  background: linear-gradient(180deg, #283049 0%, #212840 100%) !important;
  border-color: rgba(255, 255, 255, .08) !important;
}
@media (hover: hover) {
  html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .mines-lite .mlt-arrow:hover:not(:disabled),
  html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .mines-lite .mlt-quick-btn:hover:not(:disabled),
  html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .tower-content .twr-mod:hover,
  html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .whl .whl-half:hover:not(:disabled),
  html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .win-page .win-step:hover,
  html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .keno-page .kt-navarr:hover,
  html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .keno-page .kwl-qbtn:hover,
  html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .keno-page .kwl-clearbtn:hover {
    background-color: rgba(255, 255, 255, .08) !important;
  }
  html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .mines-lite .mlt-cell--closed:not(.mlt-cell--coin):not(.mlt-cell--bomb):hover,
  html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .tower-content .twr-cell.pick:not(.safe):not(.bomb):hover,
  html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .keno-page .keno-cell:not(.is-selected):not(.is-hit):not(.is-drawn):not(.kt-blue):hover:not(:disabled) {
    background: linear-gradient(180deg, #333e60 0%, #2b3554 100%) !important;
  }
}
@media (min-width: 1024px) {
  html:not(#mxm1):not(#mxm2):not(#mxm3) body:not(.light-theme) .cr-page .cr-bets__head { background: #1f2434 !important; }
}
/* mx-modes end */
/* mx-pro start */
/* PC layout, both themes */
@media (min-width: 1024px) {
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .main.rows > .right-main { min-width: calc(100% - 232px) !important; }
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .right-main > .footer.footers { max-width: 1330px !important; }
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .header-menu > .item.pcnav-on,
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .header-menu > .item.isActive { background: #f7c948 !important; color: #1b1c21 !important; box-shadow: 0 2px 8px rgba(247, 201, 72, .35) !important; }
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .header-menu > .item.pcnav-on *,
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .header-menu > .item.isActive * { color: inherit !important; }
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .wm-overlay .wm-card { width: min(760px, 92vw) !important; max-width: 760px !important; }
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .vip-club-page .vipx-levels { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .bonus-page .bonus-container { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px 16px !important; align-items: stretch !important; }
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .bonus-page .bonus-container > * { margin: 0 !important; min-width: 0 !important; }
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .bonus-page .bonus-container > .hf-card,
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .bonus-page .bonus-container > .hs-card,
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .bonus-page .bonus-container > .bc-vip-head { grid-column: 1 / -1 !important; }
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .bonus-page .bonus-container > .bonus-card:has(.bc-promo) { grid-column: 1 / -1 !important; }
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .mines-lite .mlt-app { grid-template-rows: repeat(12, auto) 1fr !important; align-items: start !important; }
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .mines-lite .mlt-app > .mlt-grid { grid-column: 2 !important; grid-row: 1 / -1 !important; margin: 0 !important; }
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .mines-lite .mlt-app > .mlt-statrow { grid-column: 1 !important; grid-row: auto !important; order: -1 !important; margin: 0 0 4px !important; }
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .mines-lite .mlt-app > .mlt-steps-row { grid-row: auto !important; order: 20 !important; margin: 20px 0 0 !important; }
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .mines-lite .mlt-app > .mlt-footer { grid-row: auto !important; order: 21 !important; }
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .mines-lite .mlt-app > .mlt-howto-text { grid-row: auto !important; order: 22 !important; }
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .mines-lite .mlt-app > .mlt-label { margin: 14px 0 8px !important; }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .vip-club-page .vipx-levels { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
/* header: same items on every page; fewer pills on narrow screens (all of them are in the sidebar) */
@media (min-width: 1280px) {
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .header-menu > .navigation-dropdown + .item { display: inline-flex !important; }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .header-menu > .navigation-dropdown + .item { display: none !important; }
}
@media (min-width: 1024px) and (max-width: 1199.98px) {
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .header-menu > .item:first-child,
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .header-menu > .item:last-child:not(.pcnav-x) { display: none !important; }
}
/* deposit: freespin tiers in a grid instead of a cut-off row */
@media (min-width: 1024px) {
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .wm-overlay .wm-fs { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px !important; overflow: visible !important; }
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .wm-overlay .wm-fs__item { width: auto !important; min-width: 0 !important; }
}
/* PC polish: native controls */
html:not(#mxp1):not(#mxp2):not(#mxp3) body input[type=number] { -moz-appearance: textfield; }
html:not(#mxp1):not(#mxp2):not(#mxp3) body select { cursor: pointer; }
html:not(#mxp1):not(#mxp2):not(#mxp3) body button:focus-visible,
html:not(#mxp1):not(#mxp2):not(#mxp3) body a:focus-visible,
html:not(#mxp1):not(#mxp2):not(#mxp3) body [role=button]:focus-visible { outline: 2px solid rgba(247, 201, 72, .8) !important; outline-offset: 2px !important; }
html:not(#mxp1):not(#mxp2):not(#mxp3) body input:-webkit-autofill,
html:not(#mxp1):not(#mxp2):not(#mxp3) body input:-webkit-autofill:hover,
html:not(#mxp1):not(#mxp2):not(#mxp3) body input:-webkit-autofill:focus { transition: background-color 600000s 0s, color 600000s 0s !important; }
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) input:-webkit-autofill { -webkit-text-fill-color: #fff !important; caret-color: #fff; }
/* small fixes */
html:not(#mxp1):not(#mxp2):not(#mxp3) body .keno-hintbar__center > b { margin: 0 .28em !important; }
html:not(#mxp1):not(#mxp2):not(#mxp3):has(> body:not(.light-theme)) { color-scheme: dark; }
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .left-main { scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, .14) transparent; }
html:not(#mxp1):not(#mxp2):not(#mxp3) body.light-theme .left-main { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, .16) transparent; }
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) iframe { color-scheme: normal; }
/* modes, dark theme: one primary action style */
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .mines-lite .mlt-main-btn,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .dice-content .dice-play-btn:not(.dice-play-btn--noty),
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .tower-content .twr-play,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .whl .whl-play,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .keno-page .keno-play,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .win-page .win-spin,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .bub .bub-play,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .cf .cf-main.is-play,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .cr-page .cr-panel__btn--bet,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .pp-page .pp-btn--play {
  background: linear-gradient(180deg, #ffd84f 0%, #f6b90f 100%) !important;
  color: #1d1607 !important;
  -webkit-text-fill-color: currentColor !important;
  border: 0 !important;
  text-shadow: none !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  font-weight: 800 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -2px 0 rgba(120, 80, 0, .18), 0 8px 20px rgba(246, 185, 15, .16) !important;
  transition: filter .15s ease, transform .12s ease, box-shadow .15s ease !important;
}
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .mines-lite .mlt-main-btn *,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .dice-content .dice-play-btn:not(.dice-play-btn--noty) *,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .tower-content .twr-play *,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .whl .whl-play *,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .keno-page .keno-play *,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .win-page .win-spin *,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .bub .bub-play *,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .cf .cf-main.is-play *,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .cr-page .cr-panel__btn--bet *,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .pp-page .pp-btn--play * { color: inherit !important; -webkit-text-fill-color: currentColor !important; text-shadow: none !important; }
@media (hover: hover) {
  html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .mines-lite .mlt-main-btn:hover:not(:disabled),
  html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .dice-content .dice-play-btn:not(.dice-play-btn--noty):hover:not(:disabled),
  html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .tower-content .twr-play:hover:not(:disabled),
  html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .whl .whl-play:hover:not(:disabled),
  html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .keno-page .keno-play:hover:not(:disabled),
  html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .win-page .win-spin:hover:not(:disabled),
  html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .bub .bub-play:hover:not(:disabled),
  html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .cf .cf-main.is-play:hover:not(:disabled),
  html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .cr-page .cr-panel__btn--bet:hover:not(:disabled),
  html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .pp-page .pp-btn--play:hover:not(:disabled) {
    filter: brightness(1.06) saturate(1.05) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), inset 0 -2px 0 rgba(120, 80, 0, .18), 0 10px 26px rgba(246, 185, 15, .26) !important;
  }
}
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .mines-lite .mlt-main-btn:active:not(:disabled),
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .dice-content .dice-play-btn:not(.dice-play-btn--noty):active:not(:disabled),
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .tower-content .twr-play:active:not(:disabled),
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .whl .whl-play:active:not(:disabled),
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .keno-page .keno-play:active:not(:disabled),
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .win-page .win-spin:active:not(:disabled),
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .bub .bub-play:active:not(:disabled),
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .cf .cf-main.is-play:active:not(:disabled),
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .cr-page .cr-panel__btn--bet:active:not(:disabled),
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .pp-page .pp-btn--play:active:not(:disabled) { transform: translateY(1px) !important; filter: brightness(.97) !important; }

/* secondary actions: neutral, so the gold button stays the only accent */
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .tower-content .twr-auto,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .tower-content .twr-abtn,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .keno-page .kwl-autobtn,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .win-page .win-rnd {
  background: rgba(255, 255, 255, .06) !important;
  color: #e6e9f2 !important;
  border: 0 !important;
  text-shadow: none !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08) !important;
}
@media (hover: hover) {
  html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .tower-content .twr-auto:hover:not(:disabled),
  html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .tower-content .twr-abtn:hover:not(:disabled),
  html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .keno-page .kwl-autobtn:hover:not(:disabled),
  html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .win-page .win-rnd:hover:not(:disabled) { background: rgba(255, 255, 255, .1) !important; }
}
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .keno-page .kwl-autobtn .mlt-spark { color: #f7c948 !important; }
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .cf .cf-mode.is-on { background: rgba(255, 255, 255, .12) !important; color: #fff !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 2px 8px rgba(0, 0, 0, .18) !important; }

/* inputs that were black */
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .dice-content .dice-box { border-radius: 14px !important; overflow: hidden !important; }
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .dice-content .dice-box-input { background: transparent !important; }
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .dice-content .dice-box-actions { border-top: 1px solid rgba(255, 255, 255, .06) !important; }
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .dice-content .dice-box-actions > button { color: #c3cadd !important; transition: background-color .15s ease !important; }
@media (hover: hover) { html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .dice-content .dice-box-actions > button:hover { background: rgba(255, 255, 255, .06) !important; color: #fff !important; } }
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .dice-content .dice-result-value { color: #fff !important; }
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .x1-page .x1-in { background: rgba(255, 255, 255, .05) !important; border-color: rgba(255, 255, 255, .08) !important; }

/* labels: one size and color */
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .mines-lite .mlt-label,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .dice-content .dice-field-label,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .tower-content .twr-lb,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .whl .whl-lb,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .win-page .win-lbl,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .bub .bub-label,
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .cf .cf-label { font-size: 13px !important; font-weight: 600 !important; color: #8f98ad !important; letter-spacing: .01em !important; }
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .cr-page .cr-panel__btn--bet small { opacity: .72 !important; }
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .tower-content .twr-auto, html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .tower-content .twr-abtn { font-weight: 700 !important; }
/* bonuses: readable text on yellow, Telegram blue */
html:not(#mxp1):not(#mxp2):not(#mxp3) body .bonus-page .hf-spin:not(:disabled),
html:not(#mxp1):not(#mxp2):not(#mxp3) body .bonus-page .hs-btn:not(:disabled) { color: #1d1607 !important; -webkit-text-fill-color: currentColor !important; }
html:not(#mxp1):not(#mxp2):not(#mxp3) body .bonus-page .bonus-card__button.bc-btn-blue:not(:disabled) { background: #229ed9 !important; }
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .bonus-page .hf-spin:not(:disabled),
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .bonus-page .hs-btn:not(:disabled),
html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .bonus-page .bonus-card__button:not(:disabled):not(.bc-btn-blue):not(.bonus-card__button--disabled) {
  background: linear-gradient(180deg, #ffd84f 0%, #f6b90f 100%) !important;
  color: #1d1607 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -2px 0 rgba(120, 80, 0, .18), 0 8px 20px rgba(246, 185, 15, .16) !important;
}
@media (hover: hover) {
  html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .bonus-page .hf-spin:hover:not(:disabled),
  html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .bonus-page .hs-btn:hover:not(:disabled),
  html:not(#mxp1):not(#mxp2):not(#mxp3) body:not(.light-theme) .bonus-page .bonus-card__button:hover:not(:disabled):not(.bc-btn-blue):not(.bonus-card__button--disabled) { filter: brightness(1.06) !important; }
}
/* partner page on PC: the balance card fills the right column, no empty hole above it */
@media (min-width: 1024px) {
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .ref-page .ref-container > section.ref-card:nth-of-type(3) > .ref-balance { grid-row: 1 / span 2 !important; }
  html:not(#mxp1):not(#mxp2):not(#mxp3) body .ref-page .ref-balance > .ref-balance__value { margin: auto 0 !important; font-size: 44px !important; }
}
/* mx-pro end */
/* mx-nostroke start */
html:not(#mxn1):not(#mxn2):not(#mxn3) body:not(.light-theme) .twr-play,
html:not(#mxn1):not(#mxn2):not(#mxn3) body:not(.light-theme) .whl-play { -webkit-text-stroke: 0 !important; }
/* mx-nostroke end */

/* mx-menu-green start */
html body .mx-menu .mx-menu__tile--modes{--mxmg-light:#89dda6;--mxmg-main:#0b8542;--mxmg-deep:#086331;--mxmg-text:#fff;--mxmg-glow:rgba(11,133,66,.35);--mxmg-shine:rgba(255,255,255,.35);background:radial-gradient(130% 150% at 8% 0%,var(--mxmg-light) 0%,var(--mxmg-main) 46%,var(--mxmg-deep) 100%)!important;color:var(--mxmg-text)!important;box-shadow:0 14px 30px var(--mxmg-glow),inset 0 1px 0 var(--mxmg-shine)!important}
html body .mx-menu .mx-menu__tile--modes>svg circle{fill:var(--mxmg-deep)!important}
/* mx-menu-green end */