/* KING666 / SIMPLE LOBBY
   Practical provider-first skin. Loaded after the legacy design layer so
   existing backend and JavaScript contracts remain intact. */

:root {
  --k-bg: #070a16;
  --k-bg-2: #0a0e22;
  --k-panel: #10152a;
  --k-panel-2: #151b34;
  --k-line: rgba(173, 188, 255, .14);
  --k-line-strong: rgba(118, 87, 255, .56);
  --k-text: #f4f7ff;
  --k-muted: #98a3c4;
  --k-cyan: #29d7ff;
  --k-violet: #7657ff;
  --k-coral: #ff4d7d;
  --k-mint: #43e0bd;
  --k-ink: #080b1c;
  --k-display: "Segoe UI", Arial, sans-serif;
  --k-body: "Segoe UI Variable", "Segoe UI", Arial, sans-serif;
  --k-rail: 0px;
  --k-top: 68px;
  --k-cut: none;
}

/* Account system: compact mobile-first member pages. */
@media (max-width: 980px), (min-width: 981px) {
  .accPage {
    min-height: calc(100dvh - var(--k-top));
    padding: 14px 0 calc(92px + env(safe-area-inset-bottom));
    background:
      radial-gradient(circle at 100% 0, rgba(118, 87, 255, .13), transparent 17rem),
      radial-gradient(circle at 0 52%, rgba(41, 215, 255, .05), transparent 18rem),
      var(--k-bg);
  }
  .accPage .accMobile > .wrap { width: calc(100% - 24px); }

  .mAccountHead {
    position: relative;
    min-height: 108px;
    padding: 17px 88px 17px 17px;
    overflow: hidden;
    display: flex;
    align-items: center;
    border: 1px solid rgba(118, 87, 255, .3);
    border-radius: 19px 19px 7px 19px;
    background:
      linear-gradient(112deg, rgba(118, 87, 255, .18), rgba(16, 21, 42, .92) 58%),
      var(--k-panel);
    box-shadow: 0 16px 38px rgba(0, 0, 0, .22);
  }
  .mAccountHead::after {
    content: "";
    position: absolute;
    right: -38px;
    bottom: -66px;
    width: 160px;
    height: 160px;
    border: 1px solid rgba(41, 215, 255, .12);
    border-radius: 50%;
    box-shadow: 0 0 0 22px rgba(118, 87, 255, .045);
  }
  .mAccountHead--invite { border-color: rgba(255, 77, 125, .32); background: linear-gradient(112deg, rgba(255, 77, 125, .18), rgba(118, 87, 255, .1) 47%, #10152a); }
  .mAccountHead--history { border-color: rgba(41, 215, 255, .25); background: linear-gradient(112deg, rgba(41, 215, 255, .13), rgba(16, 21, 42, .94) 58%); }
  .mAccountHead--games { background: linear-gradient(112deg, rgba(67, 224, 189, .12), rgba(118, 87, 255, .12) 50%, #10152a); }
  .mAccountHead--verify { border-color: rgba(67, 224, 189, .28); background: linear-gradient(112deg, rgba(67, 224, 189, .12), rgba(16, 21, 42, .94) 58%); }
  .mAccountHead--security { border-color: rgba(41, 215, 255, .27); background: linear-gradient(112deg, rgba(41, 215, 255, .12), rgba(118, 87, 255, .1) 52%, #10152a); }
  .mAccountHead--bank { border-color: rgba(67, 224, 189, .27); background: linear-gradient(112deg, rgba(67, 224, 189, .11), rgba(118, 87, 255, .08) 52%, #10152a); }
  .mAccountHead--support { border-color: rgba(255, 77, 125, .27); background: linear-gradient(112deg, rgba(255, 77, 125, .12), rgba(118, 87, 255, .09) 52%, #10152a); }
  .mAccountHead__copy { position: relative; z-index: 1; min-width: 0; }
  .mAccountHead__eyebrow { display: block; margin-bottom: 5px; color: var(--k-cyan); font-size: 7px; font-weight: 900; letter-spacing: .16em; }
  .mAccountHead h1 { margin: 0; color: #fff; font: 900 25px/1.05 var(--k-display); letter-spacing: -.035em; }
  .mAccountHead p { max-width: 245px; margin: 7px 0 0; color: var(--k-muted); font-size: 9px; line-height: 1.45; }
  .mAccountHead__side { position: absolute; z-index: 2; right: 15px; top: 50%; display: grid; justify-items: center; gap: 7px; transform: translateY(-50%); }
  .mAccountHead__icon { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(41, 215, 255, .28); border-radius: 16px 16px 5px 16px; color: var(--k-cyan); background: rgba(41, 215, 255, .08); }
  .mAccountHead__icon .uiIcon { width: 23px; height: 23px; }
  .mAccountHead__back { width: 29px; height: 24px; display: grid; place-items: center; border: 1px solid rgba(173, 188, 255, .16); border-radius: 999px; color: #dfe5ff; background: rgba(6, 9, 23, .56); font-size: 13px; text-decoration: none; }
  .mAccountHead + .mWallet { margin-top: 9px; }

  .accPage .mWallet {
    border-color: rgba(118, 87, 255, .22);
    border-radius: 17px 17px 6px 17px;
    background: rgba(16, 21, 42, .78);
    box-shadow: none;
    clip-path: none;
  }
  .mWallet__top { padding: 11px 13px 4px; }
  .mWallet__title { color: #cbd3ed; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
  .mWallet__box { margin: 0 8px 8px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 0; border-radius: 12px; background: rgba(5, 8, 20, .45); }
  .mWallet__row { min-width: 0; padding: 9px 7px; display: grid; gap: 3px; text-align: center; }
  .mWallet__row + .mWallet__row { border-left: 1px solid rgba(173, 188, 255, .11); }
  .mWallet__label { color: var(--k-muted); font-size: 7px; font-weight: 800; text-transform: uppercase; }
  .mWallet__val { overflow: hidden; color: #fff; font-size: 11px; font-weight: 900; text-overflow: ellipsis; }
  .mWallet--compact .mWallet__top { display: none; }
  .mWallet--compact .mWallet__box { margin: 7px; }

  .mDashToggleWrap { padding: 0 8px 7px; }
  .mDashToggle { height: 30px; padding: 0 10px; border-color: rgba(118, 87, 255, .15); border-radius: 9px; background: rgba(118, 87, 255, .055); }
  .mDashToggle__txt { color: var(--k-muted); font-size: 8px; letter-spacing: .04em; }
  .mQuick { padding: 8px 5px 10px; gap: 2px; border-color: rgba(118, 87, 255, .12); background: transparent; }
  .mQuick__item { min-width: 0; padding: 5px 1px; gap: 5px; border: 0; background: transparent; clip-path: none; }
  .mQuick__ico { width: 29px; height: 29px; border: 1px solid rgba(118, 87, 255, .25); border-radius: 10px; color: var(--k-cyan); background: rgba(118, 87, 255, .08); }
  .mQuick__ico .uiIcon { width: 14px; height: 14px; }
  .mQuick__txt { max-width: 100%; overflow: hidden; color: var(--k-muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }

  .mTiles { margin: 9px 0 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  .mTile {
    min-height: 55px;
    height: auto;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
    border: 1px solid rgba(118, 87, 255, .16);
    border-radius: 14px 14px 5px 14px;
    background: rgba(16, 21, 42, .7);
    box-shadow: none;
    clip-path: none;
  }
  .mTile__ico { width: 32px; height: 32px; flex: 0 0 32px; border: 0; border-radius: 10px; color: var(--k-cyan); background: rgba(41, 215, 255, .07); }
  .mTile__ico .uiIcon { width: 15px; height: 15px; }
  .mTile__txt { color: #d7ddf1; font-size: 9px; }
  .mTile--primary { grid-column: 1 / -1; min-height: 62px; border-color: rgba(41, 215, 255, .27); background: linear-gradient(100deg, rgba(41, 215, 255, .1), rgba(118, 87, 255, .07)); }
  .mTile--primary .mTile__ico { color: #07101f; background: var(--k-cyan); }
  .mTile--invite { border-color: rgba(255, 77, 125, .25); background: rgba(255, 77, 125, .07); }
  .mTile--invite .mTile__ico { color: var(--k-coral); background: rgba(255, 77, 125, .1); }

  .mProfile > .mProfile__head:first-child { display: none; }
  .profileTabs { margin: 9px 0 0; padding: 4px; display: grid; grid-template-columns: 1fr 1.25fr; gap: 4px; border: 1px solid rgba(118, 87, 255, .17); border-radius: 13px; background: rgba(16, 21, 42, .66); }
  .profileTabs .profileTab { min-height: 38px; padding: 7px 8px; justify-content: center; border: 0; border-radius: 9px; color: var(--k-muted); font-size: 8px; text-align: center; }
  .profileTabs .profileTab.is-active { border: 0; color: #fff; background: linear-gradient(135deg, rgba(118, 87, 255, .9), rgba(255, 77, 125, .72)); }
  .profileTabs .warn { margin-left: 2px; }
  .profileCard { margin-top: 9px; padding: 4px 12px; border-color: rgba(118, 87, 255, .18); border-radius: 16px; background: rgba(16, 21, 42, .72); box-shadow: none; }
  .profileSection { padding: 12px 0; }
  .profileSection__title { margin-bottom: 8px; color: var(--k-cyan); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
  .profileGrid { gap: 0; }
  .profileRow { min-height: 42px; padding: 8px 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px solid rgba(173, 188, 255, .09); }
  .profileRow:first-child { border-top: 0; }
  .profileKey { color: var(--k-muted); font-size: 9px; }
  .profileVal { max-width: 62%; overflow-wrap: anywhere; color: #f5f7ff; font-size: 10px; text-align: right; }
  .profileDivider { height: 1px; background: rgba(118, 87, 255, .18); }
  .profileAction { color: var(--k-cyan); }

  .profileCard--security { padding: 5px 11px 11px; }
  .profileSection--security { padding: 7px 0 0; }
  .securityForm { display: grid; grid-template-columns: 1fr; gap: 0; }
  .securityForm .pLabel { margin: 9px 2px 5px; color: var(--k-muted); font-size: 8px; letter-spacing: .04em; text-transform: uppercase; }
  .securityForm .pInput { height: 42px; padding: 0 11px; border-color: rgba(173, 188, 255, .17); border-radius: 10px; background: rgba(4, 7, 18, .54); color: #fff; font-size: 11px; }
  .securityForm .pInput:focus { border-color: rgba(41, 215, 255, .55); box-shadow: 0 0 0 2px rgba(41, 215, 255, .08); }
  .securityForm .pSubmit { min-height: 43px; margin-top: 13px; border-radius: 10px; color: #fff; background: linear-gradient(135deg, var(--k-violet), var(--k-coral)); font-size: 9px; }

  .mBlock { margin-top: 9px; padding: 10px; border-color: rgba(118, 87, 255, .17); border-radius: 16px 16px 6px 16px; background: rgba(16, 21, 42, .7); box-shadow: none; clip-path: none; }
  .mBlock--invite { padding: 7px; }
  .mRef { gap: 7px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mRef__item { min-width: 0; padding: 11px; border-color: rgba(118, 87, 255, .15); border-radius: 12px; background: rgba(5, 8, 20, .42); box-shadow: none; clip-path: none; }
  .mRef__item:nth-child(1), .mRef__item:nth-child(2) { grid-column: 1 / -1; }
  .mRef__item--code { border-color: rgba(255, 77, 125, .25); background: linear-gradient(100deg, rgba(255, 77, 125, .09), rgba(118, 87, 255, .07)); }
  .mRef__label { margin-bottom: 7px; color: var(--k-muted); font-size: 8px; letter-spacing: .06em; text-transform: uppercase; }
  .mRef__row { gap: 6px; }
  .mRef__input { min-width: 0; height: 39px; padding: 0 10px; border-color: rgba(173, 188, 255, .14); border-radius: 9px; background: rgba(2, 5, 14, .46); color: #fff; font-size: 10px; }
  .mRef__copy { height: 39px; padding: 0 13px; border: 0; border-radius: 9px; color: #fff; background: linear-gradient(135deg, var(--k-violet), var(--k-coral)); font-size: 9px; }
  .mRef__item:nth-child(3) .mRef__input { display: none; }
  .mRef__item:nth-child(3) .mRef__row { min-height: 80px; align-items: center; justify-content: center; }
  .mRef__count { margin: 0; display: grid; justify-items: center; gap: 2px; }
  .mRef__num { color: #fff; font-size: 28px; line-height: 1; }
  .mRef__muted { color: var(--k-muted); font-size: 7px; }
  .mRef__qr { width: 96px; min-height: 96px; aspect-ratio: 1; padding: 5px; display: grid; place-items: center; border: 0; border-radius: 9px; background: #fff; }
  .mRef__qr img { width: 86px; height: 86px; border-radius: 5px; object-fit: contain; }
  .refTerms--m { margin-top: 9px; border-color: rgba(118, 87, 255, .17); border-radius: 14px; background: rgba(16, 21, 42, .55); }
  .refTerms--m .refTerms__head { min-height: 44px; padding: 0 12px; color: #cfd6ee; font-size: 9px; }
  .refTerms--m .refTerms__body { color: var(--k-muted); font-size: 9px; }

  .mBlock--filters > .mProfile__head { display: none; }
  .mBlock--filters { padding: 10px; }
  .histLabel { margin: 0 0 6px 2px; color: var(--k-muted); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
  .histSelect { width: 100%; height: 42px; padding: 0 11px; border-color: rgba(173, 188, 255, .18); border-radius: 10px; background: rgba(4, 7, 18, .56); color: #f3f6ff; color-scheme: dark; font-size: 10px; }
  .histRange { margin: 8px -10px 0; padding: 0 10px 2px; flex-wrap: nowrap; gap: 6px; overflow-x: auto; scrollbar-width: none; }
  .histRange::-webkit-scrollbar { display: none; }
  .histChip { min-width: max-content; min-height: 31px; padding: 0 11px; display: inline-flex; align-items: center; border-color: rgba(118, 87, 255, .17); border-radius: 999px; color: var(--k-muted); background: rgba(118, 87, 255, .05); font-size: 8px; }
  .histChip.is-active { border-color: transparent; color: #fff; background: linear-gradient(135deg, var(--k-violet), var(--k-coral)); box-shadow: none; }
  .histCustom { margin-top: 8px; display: grid; grid-template-columns: 1fr 1fr 45px; gap: 6px; }
  .histDate { min-width: 0; width: 100%; height: 38px; padding: 0 7px; border-color: rgba(173, 188, 255, .16); border-radius: 9px; background: rgba(4, 7, 18, .56); color: #dfe5f8; color-scheme: dark; font-size: 8px; }
  .histGo { height: 38px; padding: 0; border-radius: 9px; color: #fff; background: linear-gradient(135deg, var(--k-violet), var(--k-coral)); font-size: 9px; }
  .mBlock--records { padding: 7px; }
  .histList { gap: 6px; }
  .histCard { padding: 11px; border-color: rgba(118, 87, 255, .16); border-radius: 12px; background: rgba(5, 8, 20, .5); color: var(--k-text); }
  .histCard__title { color: #fff; font-size: 10px; }
  .histAmt { font-size: 11px; }
  .histCard__meta { margin-top: 7px; gap: 5px; color: var(--k-muted); font-size: 8px; }
  .histBadge, .histStatusPill { padding: 3px 6px; border-color: rgba(173, 188, 255, .13); background: rgba(118, 87, 255, .07); font-size: 7px; }
  .histRef { padding-top: 7px; border-top: 1px solid rgba(173, 188, 255, .08); font-size: 7px; }
  .mEmpty { min-height: 180px; }
  .mEmpty__ico { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; color: var(--k-cyan); background: rgba(41, 215, 255, .07); }
  .mEmpty__ico .uiIcon { width: 20px; }
  .mEmpty__title { font-size: 11px; }
  .mEmpty__sub { color: var(--k-muted); font-size: 8px; }

  .mBonusRecords { padding: 8px; }
  .mBonusRecords .mBlock__head { min-height: 34px; margin: 0 0 6px; padding: 0 2px; }
  .mBonusRecords .mBlock__title { color: #dce2f5; font-size: 9px; }
  .mBonusRecords .accTabs { padding: 3px; gap: 2px; border: 1px solid rgba(118, 87, 255, .15); border-radius: 10px; background: rgba(5, 8, 20, .42); }
  .mBonusRecords .accTab { min-height: 27px; padding: 0 9px; border: 0; border-radius: 7px; color: var(--k-muted); background: transparent; font-size: 7px; }
  .mBonusRecords .accTab.is-active { color: #fff; background: rgba(118, 87, 255, .72); }
  .mBonusRecords__body { overflow: visible; border: 0; border-radius: 0; background: transparent; }
  .mBonusRecords .histList { gap: 5px; }
  .mBonusRecord { padding: 9px; border-radius: 10px; }
  .mBonusRecord .histCard__top { align-items: center; }
  .mBonusRecord .histCard__title { max-width: 68%; font-size: 9px; }
  .mBonusRecord .histAmt { color: var(--k-cyan); font-size: 10px; white-space: nowrap; }
  .mBonusRecord .histCard__meta { margin-top: 5px; }
  .mBonusRecord .histPct { margin: 0; padding: 3px 6px; color: #d9ddff; background: rgba(118, 87, 255, .14); font-size: 7px; }
  .mBonusRecord .mProg { margin-top: 7px; }
  .mBonusRecord .mProg__nums { gap: 4px; color: var(--k-muted); font-size: 7px; }
  .mBonusRecord .mProg__bar { height: 5px; margin-top: 5px; background: rgba(173, 188, 255, .1); }
  .mBonusRecord .mProg__fill { background: linear-gradient(90deg, var(--k-cyan), var(--k-violet)); }
  .mBonusRecords .mEmpty { min-height: 92px; padding: 10px 8px; gap: 3px; }
  .mBonusRecords .mEmpty__ico { width: 32px; height: 32px; border-radius: 10px; }
  .mBonusRecords .mEmpty__ico .uiIcon { width: 15px; }

  .accPage--bank .mAccountHead { margin-bottom: 9px; }
  .accPage--bank .bankWorkspace__head { margin: 0 0 8px; display: block; }
  .accPage--bank .bankWorkspace__head > div { display: none; }
  .accPage--bank .bankWorkspace__add { width: 100%; min-height: 40px; border-radius: 10px; color: #fff; background: rgba(118, 87, 255, .72); clip-path: none; }
  .accPage--bank .bankAccountGrid { gap: 7px; }
  .accPage--bank .bankAccount { min-height: 160px; padding: 14px; border-color: rgba(118, 87, 255, .18); border-radius: 15px 15px 5px 15px; color: #fff; background: rgba(16, 21, 42, .72); clip-path: none; }
  .accPage--bank .bankAccount.is-default { border-color: rgba(41, 215, 255, .25); background: linear-gradient(135deg, rgba(17, 26, 61, .96), rgba(42, 37, 102, .88)); }
  .accPage--bank .bankAccount h2 { margin: 16px 0 4px; font-size: 17px; }
  .accPage--bank .bankAccount__number { font-size: 15px; }
  .accPage--bank .bankAccount__holder { margin-top: 6px; color: var(--k-muted); font-size: 8px; }
  .accPage--bank .bankAccount footer { left: 14px; bottom: 12px; }
  .accPage--bank .bankWorkspace__note { margin-top: 8px; color: var(--k-muted); font-size: 8px; }

  .page--support .mAccountHead { margin-bottom: 9px; }
  .page--support .wdCard { margin-top: 8px; padding: 9px; border-color: rgba(118, 87, 255, .17); border-radius: 15px 15px 5px 15px; background: rgba(16, 21, 42, .7); box-shadow: none; }
  .page--support .wdHead { min-height: 31px; margin-bottom: 5px; }
  .page--support .wdTitle { color: #dce2f5; font-size: 9px; }
  .page--support .wdAddAcc { padding: 6px 8px; border-radius: 8px; color: #fff; background: rgba(118, 87, 255, .65); font-size: 8px; }
  .page--support .wdHistList { gap: 5px; }
  .page--support .wdHistRow { padding: 9px; border-color: rgba(118, 87, 255, .14); border-radius: 10px; color: #fff; background: rgba(5, 8, 20, .48); }
  .page--support .wdEmpty { min-height: 110px; }
  .page--support .wdEmptyTitle { font-size: 10px; }
  .page--support .wdEmptySub { color: var(--k-muted); font-size: 8px; }
  .page--support .wdStatus { padding: 4px 7px; border-radius: 999px; color: var(--k-cyan); background: rgba(41, 215, 255, .08); font-size: 7px; }
  .page--support .wdCard .wdLabel { margin: 9px 2px 5px; color: var(--k-muted); font-size: 8px; letter-spacing: .04em; text-transform: uppercase; }
  .page--support .wdCard .wdAmount { min-height: 42px; padding: 10px 11px; border-color: rgba(173, 188, 255, .17); border-radius: 10px; background: rgba(4, 7, 18, .56); color: #fff; color-scheme: dark; font-size: 10px; }
  .page--support .wdCard textarea.wdAmount { min-height: 88px; resize: vertical; }
  .page--support .wdCard input[type="file"].wdAmount { min-height: 43px; padding: 7px; }
  .page--support .wdCard .wdHint { margin-top: 6px; color: var(--k-muted); font-size: 7px; }
  .page--support .wdCard .wdSubmit { min-height: 42px; margin-top: 10px; border-radius: 9px; color: #fff; background: linear-gradient(135deg, var(--k-violet), var(--k-coral)); font-size: 9px; }

  .modal--ticket .modal__panel { border-color: rgba(255, 77, 125, .28); }
  .modal--ticket .modal__head { padding: 0 44px 8px 0; }
  .modal--ticket .modal__title { font-size: 21px; }
  .modal--ticket .ticketForm { margin: 0; padding: 0; }
  .modal--ticket .wdLabel { margin: 9px 2px 5px; color: var(--k-muted); font-size: 8px; letter-spacing: .04em; text-transform: uppercase; }
  .modal--ticket .wdAmount { min-height: 42px; padding: 10px 11px; border-color: rgba(173, 188, 255, .17); border-radius: 10px; background: rgba(4, 7, 18, .56); color: #fff; color-scheme: dark; font-size: 10px; }
  .modal--ticket textarea.wdAmount { min-height: 88px; resize: vertical; }
  .modal--ticket input[type="file"].wdAmount { min-height: 43px; padding: 7px; }
  .modal--ticket .wdHint { margin-top: 6px; color: var(--k-muted); font-size: 7px; }
  .ticketForm__actions { margin-top: 11px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
  .modal--ticket .wdSubmit { min-height: 42px; margin: 0; border-radius: 9px; color: #fff; background: linear-gradient(135deg, var(--k-violet), var(--k-coral)); font-size: 9px; }
  .modal--ticket .ticketCancel { border: 1px solid rgba(118, 87, 255, .2); color: #cfd6ed; background: rgba(118, 87, 255, .08); }

  .pModal--bank .pModal__panel { position: absolute; inset: auto 0 0; width: 100%; max-width: none; max-height: calc(100dvh - 18px); margin: 0; padding: 22px 16px calc(24px + env(safe-area-inset-bottom)); overflow-y: auto; border-width: 1px 0 0; border-color: rgba(67, 224, 189, .28); border-radius: 24px 24px 0 0; background: linear-gradient(160deg, #11172e, #090d1e 64%); color: var(--k-text); clip-path: none; }
  .pModal--bank .pModal__panel::before { content: ""; position: absolute; top: 7px; left: 50%; width: 38px; height: 3px; border-radius: 3px; background: rgba(173, 188, 255, .3); transform: translateX(-50%); }
  .pModal--bank .pModal__close { top: 16px; right: 15px; width: 34px; height: 34px; border: 1px solid rgba(118, 87, 255, .25); border-radius: 50%; color: #dfe5ff; background: rgba(118, 87, 255, .08); }
  .pModal--bank .pModal__title { margin: 0 44px 12px 0; color: #fff; font-size: 20px; }
  .pModal--bank .pLabel { margin: 9px 2px 5px; color: var(--k-muted); font-size: 8px; letter-spacing: .04em; text-transform: uppercase; }
  .pModal--bank .pInput { height: 43px; padding: 0 11px; border-color: rgba(173, 188, 255, .17); border-radius: 10px; background: rgba(4, 7, 18, .56); color: #fff; color-scheme: dark; font-size: 10px; }
  .pModal--bank .pSubmit { min-height: 43px; margin-top: 13px; border-radius: 10px; color: #fff; background: linear-gradient(135deg, var(--k-violet), var(--k-coral)); font-size: 9px; }

  .mStatusCard { margin-top: 9px; padding: 18px 14px; display: grid; justify-items: center; gap: 7px; border: 1px solid rgba(118, 87, 255, .17); border-radius: 16px 16px 6px 16px; color: #fff; background: rgba(16, 21, 42, .7); text-align: center; }
  .mStatusCard__icon { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 13px; color: var(--k-cyan); background: rgba(41, 215, 255, .07); }
  .mStatusCard__icon .uiIcon { width: 19px; height: 19px; }
  .mStatusCard strong { font-size: 12px; }
  .mStatusCard p { max-width: 250px; margin: 0; color: var(--k-muted); font-size: 8px; line-height: 1.5; }
  .mStatusCard__actions { width: 100%; margin-top: 7px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
  .mStatusCard__actions a { min-height: 39px; display: grid; place-items: center; border: 1px solid rgba(118, 87, 255, .18); border-radius: 9px; color: #fff; background: rgba(118, 87, 255, .12); font-size: 8px; font-weight: 900; text-decoration: none; }
  .mStatusCard__actions a:first-child { border-color: transparent; background: linear-gradient(135deg, var(--k-violet), var(--k-coral)); }

  .kycPromo--inpage { margin: 9px 0 0; padding: 10px 11px; border-color: rgba(255, 77, 125, .22); border-radius: 12px; color: #f0d8e4; background: rgba(255, 77, 125, .07); font-size: 9px; }
  .kycPromo__icon { color: var(--k-coral); }
  .kycCard { margin-top: 7px; padding: 12px; border-color: rgba(67, 224, 189, .19); border-radius: 16px; background: rgba(16, 21, 42, .72); box-shadow: none; }
  .kycEmpty { padding: 10px 4px 4px; }
  .kycEmpty::before { content: ""; width: 46px; height: 46px; margin: 0 auto 12px; display: block; border: 1px solid rgba(67, 224, 189, .28); border-radius: 15px; background: radial-gradient(circle, rgba(67, 224, 189, .23), rgba(67, 224, 189, .04)); }
  .kycEmpty__title, .kycProgress__title { color: #fff; font-size: 13px; }
  .kycEmpty__sub, .kycProgress__sub { color: var(--k-muted); font-size: 9px; }
  .kycStart { min-height: 43px; border-radius: 10px; color: #fff; background: linear-gradient(135deg, var(--k-violet), var(--k-coral)); font-size: 10px; }
  .kycInfo { gap: 0; }
  .kycRow { min-height: 44px; padding: 8px 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid rgba(173, 188, 255, .09); }
  .kycKey { color: var(--k-muted); font-size: 8px; }
  .kycVal { max-width: 62%; color: #fff; font-size: 9px; text-align: right; }
  .kycCancel { border-radius: 10px; color: #fff; background: rgba(255, 77, 125, .85); }

  .mAccountHead--deposit { border-color: rgba(255, 77, 125, .3); background: linear-gradient(112deg, rgba(255, 77, 125, .16), rgba(118, 87, 255, .1) 48%, #10152a); }
  .mAccountHead--wallet { border-color: rgba(41, 215, 255, .27); background: linear-gradient(112deg, rgba(41, 215, 255, .13), rgba(118, 87, 255, .1) 52%, #10152a); }
  .mAccountHead--withdraw { border-color: rgba(67, 224, 189, .25); background: linear-gradient(112deg, rgba(67, 224, 189, .12), rgba(118, 87, 255, .08) 52%, #10152a); }

  .mAccountActions { margin-top: 10px; }
  .mAccountSectionLabel { margin: 14px 3px 7px; color: var(--k-muted); font-size: 7px; font-weight: 900; letter-spacing: .14em; }
  .mMoneyActions { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 7px; }
  .mMoneyAction { min-width: 0; min-height: 72px; padding: 10px 6px; display: grid; align-content: center; justify-items: center; gap: 7px; border: 1px solid rgba(118, 87, 255, .18); border-radius: 15px 15px 5px 15px; color: #dce2f5; background: rgba(16, 21, 42, .72); text-decoration: none; }
  .mMoneyAction > span { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 10px; color: var(--k-cyan); background: rgba(41, 215, 255, .07); }
  .mMoneyAction .uiIcon { width: 15px; height: 15px; }
  .mMoneyAction strong { overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
  .mMoneyAction--deposit { border-color: rgba(255, 77, 125, .3); color: #fff; background: linear-gradient(135deg, rgba(118, 87, 255, .78), rgba(255, 77, 125, .72)); }
  .mMoneyAction--deposit > span { color: #fff; background: rgba(255, 255, 255, .12); }
  .mAccountList { overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; border: 1px solid rgba(118, 87, 255, .16); border-radius: 15px 15px 5px 15px; background: rgba(16, 21, 42, .68); }
  .mAccountList__item { min-width: 0; min-height: 53px; padding: 8px 9px; display: grid; grid-template-columns: 28px minmax(0, 1fr) 10px; align-items: center; gap: 7px; border-bottom: 1px solid rgba(173, 188, 255, .08); color: #dce2f5; text-decoration: none; }
  .mAccountList__item:nth-child(odd) { border-right: 1px solid rgba(173, 188, 255, .08); }
  .mAccountList__item:nth-last-child(-n+2) { border-bottom: 0; }
  .mAccountList__item > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; color: var(--k-cyan); background: rgba(41, 215, 255, .06); }
  .mAccountList__item .uiIcon { width: 13px; height: 13px; }
  .mAccountList__item b { overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
  .mAccountList__item i { color: #667094; font-size: 10px; font-style: normal; }
  .mActivityActions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
  .mActivityActions a { min-height: 45px; padding: 0 10px; display: flex; align-items: center; gap: 8px; border: 1px solid rgba(118, 87, 255, .16); border-radius: 12px; color: #cfd6eb; background: rgba(16, 21, 42, .62); font-size: 8px; font-weight: 800; text-decoration: none; }
  .mActivityActions span { color: var(--k-cyan); }
  .mActivityActions .uiIcon { width: 14px; height: 14px; }

  .accPage--wallet .mWallet--assets { margin-top: 9px; }
  .accPage--wallet .mWallet--assets .mWallet__box { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .accPage--wallet .mWallet--assets .mWallet__row:first-child { grid-column: 1 / -1; min-height: 54px; padding: 10px 13px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(173, 188, 255, .1); text-align: left; }
  .accPage--wallet .mWallet--assets .mWallet__row:first-child .mWallet__val { color: var(--k-cyan); font-size: 18px; }
  .accPage--wallet .mWallet--assets .mWallet__row:nth-child(2) { border-left: 0; }
  .accPage--wallet .mTiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .accPage--wallet .mTile { min-width: 0; min-height: 65px; padding: 8px 4px; flex-direction: column; justify-content: center; gap: 5px; text-align: center; }
  .accPage--wallet .mTile--deposit { border-color: rgba(255, 77, 125, .28); background: linear-gradient(135deg, rgba(118, 87, 255, .55), rgba(255, 77, 125, .48)); }
  .accPage--wallet .mTile--deposit .mTile__ico { color: #fff; background: rgba(255, 255, 255, .1); }
  .accPage--wallet .betHero { margin-top: 9px; border-color: rgba(41, 215, 255, .18); border-radius: 15px 15px 5px 15px; background: rgba(16, 21, 42, .7); box-shadow: none; }
  .accPage--wallet .betCard, .accPage--wallet #mBonus { border-radius: 15px 15px 5px 15px; }
  .accPage--wallet .betFilter__row { grid-template-columns: 1fr 1fr; gap: 6px; }
  .accPage--wallet .betFilter__input { height: 40px; padding: 0 8px; border-color: rgba(173, 188, 255, .16); border-radius: 9px; background: rgba(4, 7, 18, .5); font-size: 8px; }
  .accPage--wallet .betFilter__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
  .accPage--wallet .betFilter__btn, .accPage--wallet .betFilter__clear { min-height: 38px; padding: 0 9px; display: grid; place-items: center; border-radius: 9px; font-size: 8px; }

  .accPage--deposit .dCard--mobileFlow { margin-top: 9px; padding: 11px; border-color: rgba(118, 87, 255, .18); border-radius: 17px 17px 6px 17px; background: rgba(16, 21, 42, .72); color: var(--k-text); box-shadow: none; }
  .accPage--deposit .dTitle { margin: 12px 2px 0; color: #cbd3ea; font-size: 8px; letter-spacing: .07em; text-transform: uppercase; }
  .accPage--deposit .dMethods[data-dep-methods] { grid-template-columns: 1fr; }
  .accPage--deposit .dMethods[data-dep-methods] .dMethod { min-height: 46px; grid-template-columns: 31px 1fr; align-items: center; justify-items: start; text-align: left; }
  .accPage--deposit .dMethods[data-dep-providers] { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .accPage--deposit .dMethod { min-width: 0; min-height: 60px; padding: 7px 4px; border-color: rgba(118, 87, 255, .17); border-radius: 11px; color: #dfe5f8; background: rgba(5, 8, 20, .42); }
  .accPage--deposit .dMethod.is-active { border-color: rgba(255, 77, 125, .65); background: linear-gradient(145deg, rgba(118, 87, 255, .22), rgba(255, 77, 125, .12)); box-shadow: none; }
  .accPage--deposit .dMethod__ico { width: 29px; height: 29px; border: 0; border-radius: 9px; color: var(--k-cyan); background: rgba(41, 215, 255, .07); font-size: 8px; }
  .accPage--deposit .dMethod__txt { max-width: 100%; overflow: hidden; font-size: 7px; text-overflow: ellipsis; }
  .accPage--deposit .dBanks { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .accPage--deposit .dBank { height: 52px; min-width: 0; border-color: rgba(118, 87, 255, .17); border-radius: 10px; color: #dfe5f8; background: rgba(5, 8, 20, .42); }
  .accPage--deposit .dBank.is-active { border-color: rgba(41, 215, 255, .55); box-shadow: none; }
  .accPage--deposit .dBank__name { overflow: hidden; font-size: 8px; text-overflow: ellipsis; }
  .accPage--deposit .dAmt { height: 44px; border-color: rgba(173, 188, 255, .18); border-radius: 10px; background: rgba(4, 7, 18, .58); color: #fff; font-size: 11px; }
  .accPage--deposit .dQuick { display: grid; grid-template-columns: repeat(5, 1fr); gap: 5px; }
  .accPage--deposit .dQuickBtn { min-width: 0; padding: 8px 3px; border-color: rgba(118, 87, 255, .17); border-radius: 9px; color: var(--k-muted); background: rgba(118, 87, 255, .05); font-size: 8px; }
  .accPage--deposit .depPromos { gap: 6px; }
  .accPage--deposit .depPromo { border-color: rgba(118, 87, 255, .16); border-radius: 11px; background: rgba(5, 8, 20, .42); }
  .accPage--deposit .dSubmit { min-height: 44px; border-radius: 10px; color: #fff; background: linear-gradient(135deg, var(--k-violet), var(--k-coral)); font-size: 10px; }
  .accPage--deposit .dNotice, .accPage--deposit .dHistory { margin-top: 9px; border-color: rgba(118, 87, 255, .16); border-radius: 14px; background: rgba(16, 21, 42, .6); box-shadow: none; }
  .accPage--deposit .dNotice__head, .accPage--deposit .dHistory { font-size: 9px; }
  .accPage--deposit .dHistoryEmpty { min-height: 150px; }

  .accPage--withdraw .wdErr { margin: 8px 0 0; padding: 9px 10px !important; border-color: rgba(255, 77, 125, .22); border-radius: 10px; color: #f2d8e1; background: rgba(255, 77, 125, .07); font-size: 8px !important; line-height: 1.4 !important; }
  .accPage--withdraw .wdCard { margin-top: 9px; padding: 11px; border-color: rgba(118, 87, 255, .18); border-radius: 17px 17px 6px 17px; background: rgba(16, 21, 42, .72); box-shadow: none; }
  .accPage--withdraw .wdHead { min-height: 38px; margin: 0 0 6px; }
  .accPage--withdraw .wdTitle { color: #fff; font-size: 13px; }
  .accPage--withdraw .wdAddAcc { min-height: 31px; padding: 0 10px; border: 1px solid rgba(41, 215, 255, .2); border-radius: 9px; color: var(--k-cyan); background: rgba(41, 215, 255, .06); font-size: 8px; }
  .accPage--withdraw .wdGate { padding: 10px; border-color: rgba(67, 224, 189, .16); border-radius: 11px; background: rgba(5, 8, 20, .42); }
  .accPage--withdraw .wdLabel { margin: 12px 2px 6px; color: var(--k-muted); font-size: 8px; letter-spacing: .06em; text-transform: uppercase; }
  .accPage--withdraw .wdSelect, .accPage--withdraw .wdAmount { height: 43px; padding: 0 11px; border-color: rgba(173, 188, 255, .18); border-radius: 10px; background: rgba(4, 7, 18, .58); color: #fff; color-scheme: dark; font-size: 10px; }
  .accPage--withdraw .wdNoteLine { margin-top: 6px; color: var(--k-muted); font-size: 8px; }
  .accPage--withdraw .wdQuick { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; }
  .accPage--withdraw .wdQuickBtn { min-width: 0; padding: 8px 3px; border-color: rgba(118, 87, 255, .17); border-radius: 9px; color: var(--k-muted); background: rgba(118, 87, 255, .05); font-size: 8px; }
  .accPage--withdraw .wdSubmit { min-height: 44px; border-radius: 10px; color: #fff; background: linear-gradient(135deg, var(--k-violet), var(--k-coral)); font-size: 10px; }
  .accPage--withdraw .wdNotice, .accPage--withdraw .wdHistory { margin-top: 9px; border-color: rgba(118, 87, 255, .16); border-radius: 14px; background: rgba(16, 21, 42, .6); box-shadow: none; }
  .accPage--withdraw .wdNoticeHead, .accPage--withdraw .wdHistory { font-size: 9px; }
  .accPage--withdraw .wdEmpty { min-height: 150px; }

  .pModal--kyc .pModal__panel { position: absolute; inset: auto 0 0; width: 100%; max-width: none; max-height: calc(100dvh - 18px); margin: 0; padding: 22px 16px calc(24px + env(safe-area-inset-bottom)); overflow-y: auto; border-width: 1px 0 0; border-color: rgba(67, 224, 189, .3); border-radius: 24px 24px 0 0; background: linear-gradient(160deg, #11172e, #090d1e 64%); color: var(--k-text); clip-path: none; }
  .pModal--kyc .pModal__panel::before { content: ""; position: absolute; top: 7px; left: 50%; width: 38px; height: 3px; border-radius: 3px; background: rgba(173, 188, 255, .3); transform: translateX(-50%); }
  .pModal--kyc .pModal__close { top: 16px; right: 15px; width: 34px; height: 34px; border: 1px solid rgba(118, 87, 255, .25); border-radius: 50%; color: #dfe5ff; background: rgba(118, 87, 255, .08); }
  .pModal--kyc .pLabel { margin: 11px 2px 6px; color: var(--k-muted); font-size: 8px; letter-spacing: .05em; text-transform: uppercase; }
  .pModal--kyc .pInput { height: 44px; padding: 0 11px; border-color: rgba(173, 188, 255, .18); border-radius: 10px; background: rgba(4, 7, 18, .58); color: #fff; color-scheme: dark; font-size: 10px; }
  .pModal--kyc .pSubmit { min-height: 45px; margin-top: 17px; border-radius: 10px; color: #fff; background: linear-gradient(135deg, var(--k-violet), var(--k-coral)); font-size: 10px; }

  body.page .mNav { border-top: 1px solid rgba(118, 87, 255, .32); background: rgba(7, 10, 24, .96); box-shadow: 0 -12px 34px rgba(0, 0, 0, .3); }
  .mNav__bar { height: 66px; padding: 3px 5px 4px; align-items: center; }
  .mNav__item { align-self: stretch; margin: 0; padding: 4px 2px; gap: 3px; border: 0; border-radius: 12px; color: #7f8aac; background: transparent; clip-path: none; font-size: 7px; letter-spacing: 0; }
  .mNav__ico, .mNav__signalIcon { width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid transparent; border-radius: 11px; }
  .mNav__ico .uiIcon, .mNav__signalIcon .uiIcon { width: 17px; height: 17px; }
  .mNav__item.is-active { color: #fff; }
  .mNav__item.is-active::before { display: none; }
  .mNav__item.is-active .mNav__ico { border-color: rgba(41, 215, 255, .3); color: var(--k-cyan) !important; background: rgba(41, 215, 255, .08); }
  .mNav__item.is-active .mNav__lbl { color: var(--k-cyan) !important; }
  .mNav__item--signal { color: #fff; background: transparent; }
  .mNav__item--signal .mNav__signalIcon { width: 39px; height: 39px; margin-top: -11px; border: 3px solid #090d1e; border-radius: 14px; color: #fff; background: linear-gradient(135deg, var(--k-violet), var(--k-coral)); box-shadow: 0 8px 20px rgba(118, 87, 255, .32); }
  .mNav__item--signal .mNav__signalIcon .uiIcon { width: 18px; height: 18px; }
  .mNav__lbl { font-size: 7px; font-weight: 800; }
}

.pModal__lead { margin: 0 46px 16px 0; display: flex; align-items: center; gap: 11px; }
.pModal__leadIcon { width: 40px; height: 40px; display: grid; flex: 0 0 40px; place-items: center; border: 1px solid rgba(67, 224, 189, .28); border-radius: 13px; color: var(--k-mint); background: rgba(67, 224, 189, .07); }
.pModal__leadIcon .uiIcon { width: 19px; height: 19px; }
.pModal__eyebrow { margin-bottom: 3px; color: var(--k-cyan); font-size: 7px; font-weight: 900; letter-spacing: .13em; }
.pModal__lead .pModal__title { margin: 0; color: inherit; font-size: 18px; line-height: 1.1; }
.pModal__subtitle { margin-top: 4px; color: var(--k-muted); font-size: 9px; line-height: 1.4; }

@media (min-width: 981px) and (max-width: 980px) {
  .accPage--wallet .accBlock--bonus { margin-top: 12px; padding: 11px; border: 1px solid rgba(118, 87, 255, .18); border-radius: 12px; color: var(--k-text); background: #10152a; box-shadow: none; }
  .accPage--wallet .accBlock--bonus .accBlock__head { min-height: 34px; margin: 0 0 7px; }
  .accPage--wallet .accBlock--bonus .accBlock__title { font-size: 12px; }
  .accPage--wallet .accBlock--bonus .accTabs { padding: 3px; gap: 2px; border-color: rgba(118, 87, 255, .18); border-radius: 9px; background: rgba(5, 8, 20, .5); }
  .accPage--wallet .accBlock--bonus .accTab { min-height: 28px; padding: 0 10px; border: 0; border-radius: 7px; color: var(--k-muted); background: transparent; font-size: 9px; }
  .accPage--wallet .accBlock--bonus .accTab.is-active { border: 0; color: #fff; background: rgba(118, 87, 255, .72); }
  .accPage--wallet .accBlock--bonus .accTable { border-color: rgba(173, 188, 255, .1); border-radius: 9px; background: rgba(5, 8, 20, .42); }
  .accPage--wallet .accBlock--bonus .accTable__head { grid-template-columns: 1fr 1fr 130px; padding: 8px 11px; color: var(--k-muted); background: rgba(118, 87, 255, .06); font-size: 9px; }
  .accPage--wallet .accBlock--bonus .accTable__body { min-height: 92px; padding: 8px; gap: 6px; }
  .accPage--wallet .accBlock--bonus .accEmpty { min-height: 76px; display: grid; align-content: center; justify-items: center; gap: 2px; }
  .accPage--wallet .accBlock--bonus .accEmpty__ico { margin: 0; color: var(--k-cyan); }
  .accPage--wallet .accBlock--bonus .accEmpty__ico .uiIcon { width: 18px; height: 18px; }
  .accPage--wallet .accBlock--bonus .accEmpty__title { font-size: 10px; }
  .accPage--wallet .accBlock--bonus .accEmpty__sub { margin-top: 1px; color: var(--k-muted); font-size: 8px; }
  .accPage--wallet .accBlock--bonus .accBonusRow { grid-template-columns: 1.2fr 1.6fr 130px; padding: 9px 10px; border: 1px solid rgba(118, 87, 255, .14); border-radius: 8px; color: #fff; background: rgba(16, 21, 42, .82); box-shadow: none; }
}

html { background: var(--k-bg); }
body.page { background: var(--k-bg); }
body.page::before { display: none; }
.wrap { width: min(calc(100% - 36px), 1200px); max-width: 1200px; }
.section { padding: 44px 0; }

/* Simple top navigation */
.kRail { display: none !important; }
body.page > main,
body.page > .footer { margin-left: 0; }
body.page > main { padding-top: var(--k-top); }
.topbar {
  left: 0;
  height: var(--k-top);
  border-color: var(--k-line);
  background: rgba(7, 10, 22, .94);
  backdrop-filter: blur(14px);
}
.topbar__inner.kUtility {
  width: min(calc(100% - 36px), 1200px);
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  gap: 30px;
}
.brand { display: flex; align-items: center; margin: 0; text-decoration: none; }
.brand__img { width: 142px; height: 42px; object-fit: contain; object-position: left center; }
.brand__name { display: none; }
.kTopNav { height: 100%; display: flex; align-items: center; gap: 6px; }
.kTopNav a {
  height: 100%;
  padding: 0 14px;
  display: flex;
  align-items: center;
  border-bottom: 2px solid transparent;
  color: var(--k-muted);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
.kTopNav a:hover,
.kTopNav a.is-active { color: var(--k-text); border-bottom-color: var(--k-cyan); }
.topbar__right--desktop { gap: 8px; }
.langDD__btn,
.icoBtn,
.walletBtn,
.btn,
.linkBtn { border-radius: 8px; clip-path: none; }
.langDD__btn { min-height: 40px; }
.linkBtn { min-height: 40px; padding-inline: 14px; }
.btn { min-height: 42px; border-radius: 8px; letter-spacing: 0; font-weight: 800; }
.btn:hover { transform: translateY(-1px); box-shadow: none; }
.btn--primary {
  color: #fff;
  background: linear-gradient(135deg, var(--k-violet), var(--k-coral));
  border-color: rgba(168, 135, 255, .72);
}
.btn--primary:hover { color: #fff; background: linear-gradient(135deg, #856aff, #ff638c); }
.btn--ghost { background: rgba(255, 255, 255, .035); border-color: var(--k-line); }

/* Homepage */
.simpleHome { min-height: 100vh; padding-bottom: 24px; overflow: hidden; }
.simpleHero {
  position: relative;
  width: min(calc(100% - 36px), 1200px);
  height: clamp(270px, 34vw, 430px);
  margin: 18px auto 0;
  overflow: hidden;
  border: 1px solid var(--k-line);
  border-radius: 12px;
  background: #0a0e22;
}
.simpleHero > img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
.simpleHero__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(10, 10, 10, .95) 0%, rgba(10, 10, 10, .75) 40%, rgba(10, 10, 10, .08) 75%);
}
.simpleHero__content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  pointer-events: none;
}
.simpleHero__content > * { pointer-events: auto; }
.simpleHero__eyebrow { color: var(--k-cyan); font-size: 12px; font-weight: 900; letter-spacing: .16em; }
.simpleHero h1 { max-width: 510px; margin: 10px 0 12px; font-size: clamp(34px, 4.3vw, 58px); line-height: 1.03; letter-spacing: -.045em; }
.simpleHero p { max-width: 470px; margin: 0; color: #d0cdc5; font-size: 16px; line-height: 1.5; }
.simpleHero__actions { display: flex; gap: 10px; margin-top: 22px; }
.simpleHero__actions .btn { min-width: 116px; }

.simpleStack { padding: 18px 0 42px; display: grid; gap: 18px; }
.simpleNotice,
.simpleAccount,
.simpleWallet,
.simpleCategories,
.simpleProvider,
.simpleGame { border: 1px solid var(--k-line); background: var(--k-panel); }
.simpleNotice {
  width: 100%;
  min-height: 56px;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-color: rgba(41, 215, 255, .24);
  border-radius: 9px;
  color: inherit;
  background: #0c1730;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.simpleNotice__icon { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 50%; color: #07101f; background: var(--k-cyan); }
.simpleNotice__icon .uiIcon { width: 18px; }
.simpleNotice > span:nth-child(2) { min-width: 0; display: grid; gap: 2px; }
.simpleNotice strong { font-size: 13px; }
.simpleNotice small { color: #c6aa65; font-size: 11px; }
.simpleNotice__arrow { margin-left: auto; color: var(--k-cyan); }

.simpleAccount,
.simpleWallet {
  min-height: 92px;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  gap: 24px;
  border-radius: 10px;
}
.simpleAccount > div:first-child,
.simpleWallet > div:first-child { display: grid; gap: 4px; }
.simpleAccount small,
.simpleWallet small { color: var(--k-cyan); font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.simpleAccount strong { font-size: 18px; }
.simpleAccount span { color: var(--k-muted); font-size: 13px; }
.simpleAccount__actions,
.simpleWallet__actions { margin-left: auto; display: flex; gap: 8px; }
.simpleAccount__actions .btn { min-width: 100px; }
.simpleWallet > div:first-child strong { font-size: 23px; font-variant-numeric: tabular-nums; }
.simpleWallet__split { margin-left: auto; display: flex; gap: 22px; }
.simpleWallet__split span { display: grid; gap: 4px; color: var(--k-muted); font-size: 11px; }
.simpleWallet__split b { color: var(--k-text); font-size: 13px; }

.simpleCategories {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  overflow: hidden;
  border-radius: 10px;
}
.simpleCategories a {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-right: 1px solid var(--k-line);
  color: var(--k-muted);
  font-size: 13px;
  font-weight: 750;
  text-decoration: none;
}
.simpleCategories a:last-child { border-right: 0; }
.simpleCategories a:hover { color: var(--k-text); background: rgba(118, 87, 255, .12); }
.simpleCategories .uiIcon { width: 21px; color: var(--k-cyan); }

.simpleSection { padding: 14px 0 4px; }
.simpleSection__head { margin-bottom: 14px; display: flex; align-items: flex-end; gap: 20px; }
.simpleSection__head h2 { margin: 0; font-size: 23px; line-height: 1.2; letter-spacing: -.02em; }
.simpleSection__head p { margin: 5px 0 0; color: var(--k-muted); font-size: 13px; }
.simpleSection__head > a { margin-left: auto; display: flex; align-items: center; gap: 6px; color: var(--k-cyan); font-size: 12px; font-weight: 800; text-decoration: none; }
.simpleSection__head > a .uiIcon { width: 15px; }

.simpleProviderGrid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.simpleProvider {
  min-width: 0;
  min-height: 112px;
  padding: 13px 10px 11px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 9px;
  color: inherit;
  text-align: center;
  text-decoration: none;
  transition: border-color .18s, background .18s, transform .18s;
}
.simpleProvider:hover { transform: translateY(-2px); border-color: rgba(41, 215, 255, .48); background: #111932; }
.simpleProvider__mark {
  width: 56px;
  height: 50px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 8px;
  color: #fff;
  background: var(--k-violet);
  font-size: 17px;
  font-weight: 900;
}
.simpleProvider__mark.has-img { width: 100%; max-width: 112px; background: transparent; }
.simpleProvider__mark img { width: 100%; height: 100%; object-fit: contain; }
.simpleProvider strong { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.simpleProvider small { color: #dc7777; font-size: 9px; text-transform: uppercase; }
.simpleProvider.is-maintenance { opacity: .66; }
.simpleProvider--demo { cursor: default; }

.simpleGameGrid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.simpleGame {
  min-width: 0;
  overflow: hidden;
  border-radius: 9px;
  color: inherit;
  text-decoration: none;
  transition: transform .18s, border-color .18s;
}
.simpleGame:hover { transform: translateY(-3px); border-color: rgba(255, 77, 125, .48); }
.simpleGame__media { position: relative; aspect-ratio: .88; display: grid; place-items: center; overflow: hidden; background: #0d1226; }
.simpleGame__media > img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s; }
.simpleGame:hover .simpleGame__media > img { transform: scale(1.035); }
.simpleGame__media > b { color: var(--k-muted); font-size: 32px; }
.simpleGame__media > i { position: absolute; right: 9px; bottom: 9px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: #07101f; background: var(--k-cyan); opacity: 0; transform: translateY(5px); transition: .18s; }
.simpleGame:hover .simpleGame__media > i { opacity: 1; transform: translateY(0); }
.simpleGame__media > i .uiIcon { width: 16px; }
.simpleGame__copy { padding: 10px 11px 11px; display: grid; gap: 3px; }
.simpleGame__copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.simpleGame__copy small { overflow: hidden; color: var(--k-muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.simpleGame--demo { cursor: default; }

/* Compact footer */
.footer.simpleFooter { margin: 0; padding: 0; border-top: 1px solid var(--k-line); background: #0d0e0f; }
.simpleFooter__inner { min-height: 92px; display: flex; align-items: center; gap: 28px; }
.simpleFooter__brand img { width: 126px; height: 38px; display: block; }
.simpleFooter__links { display: flex; gap: 18px; }
.simpleFooter__links a { color: var(--k-muted); font-size: 12px; text-decoration: none; }
.simpleFooter__links a:hover { color: var(--k-cyan); }
.simpleFooter__meta { margin-left: auto; display: grid; gap: 3px; color: #77756f; font-size: 10px; text-align: right; }
.chatFloat { border-radius: 50%; color: #07101f; background: var(--k-cyan); }

/* Carry the simpler card language into the full provider/game lobby. */
.page--games .gHero { min-height: 190px; background: #0a0e22; border-bottom: 1px solid var(--k-line); }
.page--games .gHero::before,
.page--games .gHero::after { display: none; }
.page--games .gHero__inner { min-height: 190px; align-items: center; }
.page--games .gHero__kicker { color: var(--k-cyan); }
.page--games .gHero__title { font-size: clamp(36px, 6vw, 64px); letter-spacing: -.04em; }
.page--games .gHero__sub { max-width: 540px; color: var(--k-muted); }
.page--games .gTopbar,
.page--games .gTools { background: #080b1c; border-color: var(--k-line); }
.page--games .toolsBar,
.page--games .tool__select,
.page--games .tool__input,
.page--games .tool__btn,
.page--games .provPill { border-radius: 8px; clip-path: none; }
.page--games .section--panel .grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.page--games .section--panel .tile,
.page--games .gCard { overflow: hidden; border-radius: 9px; clip-path: none; background: var(--k-panel); }

@media (max-width: 1000px), (min-width: 981px) {
  .simpleProviderGrid,
  .simpleGameGrid,
  .page--games .section--panel .grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .simpleWallet__split { gap: 12px; }
}

@media (max-width: 760px), (min-width: 981px) {
  :root { --k-top: 62px; }
  .wrap { width: calc(100% - 24px); }
  .topbar__inner.kUtility { width: calc(100% - 24px); padding: 0; gap: 9px; }
  .kTopNav,
  .topbar__right--desktop { display: none; }
  .topbar__right--mobile { display: block; margin-left: 0; }
  .mBurger { position: static; width: 38px; height: 38px; display: grid; place-content: center; gap: 5px; border: 1px solid var(--k-line); border-radius: 8px; background: #0f1429; }
  .mBurger__bar { width: 17px; height: 1px; background: var(--k-text); }
  .brand { margin-right: auto; }
  .brand__img { width: 116px; height: 36px; }

  .simpleHero { width: calc(100% - 24px); height: 198px; margin-top: 10px; border-radius: 10px; }
  .simpleHero > img { object-position: 67% center; }
  .simpleHero__shade { background: linear-gradient(90deg, rgba(8,8,8,.92), rgba(8,8,8,.62) 58%, rgba(8,8,8,.1)); }
  .simpleHero__content { width: auto; left: 16px; right: 16px; }
  .simpleHero__eyebrow { font-size: 9px; }
  .simpleHero h1 { max-width: 245px; margin: 5px 0 5px; font-size: 26px; line-height: 1.04; }
  .simpleHero p { max-width: 225px; font-size: 11px; line-height: 1.35; }
  .simpleHero__actions { gap: 7px; margin-top: 10px; }
  .simpleHero__actions .btn { min-width: 90px; min-height: 36px; padding: 0 12px; font-size: 11px; }

  .simpleStack { padding-top: 12px; gap: 12px; }
  .simpleNotice { min-height: 52px; padding: 8px 11px; }
  .simpleNotice__icon { width: 30px; height: 30px; flex-basis: 30px; }
  .simpleNotice strong { font-size: 11px; }
  .simpleNotice small { font-size: 9px; }
  .simpleAccount,
  .simpleWallet { min-height: 0; padding: 14px; display: grid; gap: 12px; }
  .simpleAccount strong { font-size: 15px; }
  .simpleAccount span { font-size: 11px; }
  .simpleAccount__actions,
  .simpleWallet__actions { width: 100%; margin: 0; }
  .simpleAccount__actions .btn,
  .simpleWallet__actions .btn { min-width: 0; flex: 1; min-height: 38px; }
  .simpleWallet__split { margin: 0; justify-content: space-between; }

  .simpleCategories { grid-template-columns: repeat(5, minmax(0, 1fr)); overflow: hidden; }
  .simpleCategories a { min-height: 62px; padding: 7px 5px; flex-direction: column; gap: 5px; font-size: 10px; }
  .simpleCategories .uiIcon { width: 19px; }
  .simpleSection { padding-top: 12px; }
  .simpleSection__head { align-items: center; }
  .simpleSection__head h2 { font-size: 19px; }
  .simpleSection__head p { display: none; }
  .simpleSection__head > a { font-size: 11px; }
  .simpleProviderGrid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .simpleProvider { min-height: 96px; padding: 10px 6px 9px; }
  .simpleProvider__mark { width: 48px; height: 42px; font-size: 14px; }
  .simpleProvider strong { font-size: 10px; }
  .simpleGameGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .simpleGame__media > i { display: none; }
  .simpleGame__copy { padding: 8px 9px 10px; }
  .simpleGame__copy strong { font-size: 12px; }

  .simpleFooter__inner { padding: 24px 0 calc(88px + env(safe-area-inset-bottom)); display: grid; justify-items: center; gap: 16px; }
  .simpleFooter__links { flex-wrap: wrap; justify-content: center; gap: 10px 16px; }
  .simpleFooter__meta { margin: 0; text-align: center; }
  .page--games .gHero,
  .page--games .gHero__inner { min-height: 112px; }
  .page--games .gHero__title { margin: 5px 0 0; font-size: 30px; }
  .page--games .gHero__sub { display: none; }
  .page--games .gHero__kicker { font-size: 8px; }
  .page--games .gTopbar { padding: 8px 0; }
  .page--games .gTools { padding: 10px 0 0; }
  .page--games .toolsBar { grid-template-columns: 92px minmax(0, 1fr); gap: 8px; padding: 10px; }
  .page--games .tool__label { margin-bottom: 4px; font-size: 9px; }
  .page--games .tool__select,
  .page--games .tool__input,
  .page--games .tool__btn { min-height: 38px; padding: 7px 9px; font-size: 11px; }
  .page--games .tool__searchWrap { flex-direction: row; gap: 6px; }
  .page--games .tool__btn { flex: 0 0 auto; }
  .page--games .gWrap { padding-top: 14px; }
  .page--games .section--panel .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* KING666 identity layer
   Cyan, violet and magenta come directly from the K6 logo. The mobile lobby
   uses its own access dock, category rail, provider strip and game mosaic. */
body.page {
  background:
    radial-gradient(circle at 82% 8%, rgba(118, 87, 255, .12), transparent 26rem),
    radial-gradient(circle at 10% 38%, rgba(41, 215, 255, .06), transparent 24rem),
    var(--k-bg);
}
.topbar { border-bottom-color: rgba(118, 87, 255, .25); }
.kTopNav a:hover,
.kTopNav a.is-active { border-bottom-color: transparent; color: var(--k-cyan); }
.linkBtn--accent { color: #fff; background: linear-gradient(135deg, var(--k-violet), var(--k-coral)); border-color: transparent; }
.simpleHero { border-color: rgba(118, 87, 255, .4); box-shadow: 0 24px 70px rgba(0, 0, 0, .28); }
.simpleHero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 3px;
  background: linear-gradient(90deg, var(--k-cyan), var(--k-violet), var(--k-coral));
}
.simpleHero__shade { background: linear-gradient(90deg, rgba(7, 10, 22, .97) 0%, rgba(10, 14, 34, .8) 44%, rgba(10, 14, 34, .12) 76%); }
.simpleHero__eyebrow { color: var(--k-cyan); }
.simpleHero__jump {
  min-height: 42px;
  margin-top: 20px;
  padding: 0 8px 0 16px;
  display: inline-flex;
  align-items: center;
  gap: 18px;
  border: 1px solid rgba(41, 215, 255, .4);
  border-radius: 999px;
  color: var(--k-text);
  background: rgba(10, 14, 34, .75);
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  backdrop-filter: blur(10px);
}
.simpleHero__jump .uiIcon { width: 28px; height: 28px; padding: 7px; border-radius: 50%; color: #08101e; background: var(--k-cyan); }

.simpleAccess {
  min-height: 84px;
  padding: 10px 10px 10px 20px;
  display: grid;
  grid-template-columns: minmax(180px, 1fr) 110px minmax(190px, .7fr);
  align-items: stretch;
  gap: 10px;
  border: 1px solid rgba(118, 87, 255, .28);
  border-radius: 18px;
  background: linear-gradient(110deg, rgba(118, 87, 255, .12), rgba(16, 21, 42, .94) 46%);
}
.simpleAccess__intro { align-self: center; display: grid; gap: 4px; }
.simpleAccess__intro small { color: var(--k-cyan); font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.simpleAccess__intro strong { font-size: 18px; }
.simpleAccess__login,
.simpleAccess__join {
  border: 1px solid var(--k-line);
  border-radius: 13px;
  color: var(--k-text);
  font: inherit;
  text-decoration: none;
  cursor: pointer;
}
.simpleAccess__login { display: grid; place-items: center; background: rgba(255, 255, 255, .035); font-size: 12px; font-weight: 800; }
.simpleAccess__join {
  position: relative;
  padding: 12px 46px 12px 16px;
  display: grid;
  align-content: center;
  gap: 2px;
  overflow: hidden;
  border-color: transparent;
  background: linear-gradient(135deg, var(--k-violet), var(--k-coral));
  text-align: left;
}
.simpleAccess__join span { color: rgba(255, 255, 255, .72); font-size: 9px; }
.simpleAccess__join strong { font-size: 13px; }
.simpleAccess__join .uiIcon { position: absolute; right: 14px; top: 50%; width: 18px; transform: translateY(-50%); }

.simpleCategories { border: 0; background: transparent; }
.simpleCategories a { border-color: rgba(118, 87, 255, .2); background: rgba(16, 21, 42, .72); }
.simpleCategories a:hover { color: #fff; background: rgba(118, 87, 255, .18); }
.simpleCategories .uiIcon { color: var(--k-cyan); }
.simpleSection__head { position: relative; align-items: center; padding-left: 14px; }
.simpleSection__head::before { content: ""; position: absolute; left: 0; width: 3px; height: 26px; border-radius: 2px; background: linear-gradient(var(--k-cyan), var(--k-violet)); }
.simpleSection__head > a { color: var(--k-cyan); }

.simpleProviderGrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.simpleProvider {
  min-height: 82px;
  padding: 11px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 11px;
  border-color: rgba(118, 87, 255, .2);
  border-radius: 14px;
  background: linear-gradient(120deg, rgba(118, 87, 255, .09), var(--k-panel) 52%);
  text-align: left;
}
.simpleProvider:hover { border-color: rgba(41, 215, 255, .48); background: rgba(41, 215, 255, .06); }
.simpleProvider__mark { width: 50px; height: 50px; flex: 0 0 50px; border-radius: 14px; color: #fff; background: linear-gradient(145deg, var(--k-violet), #3a2d99); font-size: 14px; }
.simpleProvider__mark.has-img { width: 58px; height: 50px; flex-basis: 58px; }
.simpleProvider__copy { min-width: 0; display: grid; gap: 4px; }
.simpleProvider__copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.simpleProvider__copy small { color: var(--k-muted); font-size: 9px; text-transform: none; }
.simpleProvider__go { width: 27px; height: 27px; margin-left: auto; display: grid; flex: 0 0 27px; place-items: center; border-radius: 50%; color: var(--k-cyan); background: rgba(41, 215, 255, .08); }
.simpleProvider__go .uiIcon { width: 13px; }

.simpleGameGrid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.simpleGame { border-color: rgba(118, 87, 255, .18); border-radius: 14px; background: var(--k-panel); }
.simpleGame:hover { border-color: rgba(255, 77, 125, .5); }
.simpleGame__media > i { color: #fff; background: linear-gradient(135deg, var(--k-violet), var(--k-coral)); }
.simpleGame__copy small { color: var(--k-muted); }
.simpleNotice { border-color: rgba(41, 215, 255, .22); border-radius: 16px; background: rgba(41, 215, 255, .055); }
.simpleNotice__icon { color: #07101f; background: var(--k-cyan); }
.simpleNotice small { color: var(--k-muted); }
.simpleNotice__arrow { color: var(--k-cyan); }
.chatFloat { color: #07101f; background: var(--k-cyan); }
.footer.simpleFooter { background: #060914; }

@media (max-width: 760px), (min-width: 981px) {
  .topbar { border-bottom-color: rgba(118, 87, 255, .26); }
  .mBurger { border-color: rgba(118, 87, 255, .28); border-radius: 12px; background: #0f1429; }
  .langDD__btn { border-color: rgba(118, 87, 255, .28); border-radius: 12px; background: #0f1429; }

  .simpleHero { height: 176px; margin-top: 8px; border-radius: 18px 18px 6px 18px; }
  .simpleHero > img { object-position: 72% center; }
  .simpleHero__shade { background: linear-gradient(90deg, rgba(7, 10, 22, .96), rgba(10, 14, 34, .72) 62%, rgba(10, 14, 34, .1)); }
  .simpleHero__content { left: 15px; right: 15px; }
  .simpleHero h1 { max-width: 230px; margin: 4px 0; font-size: 24px; }
  .simpleHero p { max-width: 210px; font-size: 10px; }
  .simpleHero__jump { min-height: 32px; margin-top: 9px; padding-left: 12px; gap: 12px; font-size: 9px; }
  .simpleHero__jump .uiIcon { width: 22px; height: 22px; padding: 5px; }

  .simpleStack { gap: 18px; }
  .simpleAccess {
    min-height: 76px;
    margin-top: -2px;
    padding: 8px;
    grid-template-columns: minmax(0, 1fr) 72px minmax(126px, 1.12fr);
    gap: 7px;
    border-radius: 16px;
  }
  .simpleAccess__intro { padding-left: 4px; }
  .simpleAccess__intro small { font-size: 7px; }
  .simpleAccess__intro strong { font-size: 13px; line-height: 1.15; }
  .simpleAccess__login { border-radius: 11px; font-size: 10px; }
  .simpleAccess__join { padding: 9px 32px 9px 10px; border-radius: 11px; }
  .simpleAccess__join span { font-size: 7px; }
  .simpleAccess__join strong { font-size: 10px; }
  .simpleAccess__join .uiIcon { right: 10px; width: 14px; }

  .simpleCategories {
    width: calc(100vw - 12px);
    margin-left: 0;
    padding-right: 12px;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .simpleCategories::-webkit-scrollbar,
  .simpleProviderGrid::-webkit-scrollbar { display: none; }
  .simpleCategories a {
    min-width: max-content;
    min-height: 38px;
    padding: 0 13px;
    flex-direction: row;
    gap: 7px;
    border: 1px solid rgba(118, 87, 255, .22);
    border-radius: 999px;
    font-size: 9px;
  }
  .simpleCategories a:first-child { color: #fff; border-color: transparent; background: linear-gradient(135deg, rgba(118, 87, 255, .9), rgba(255, 77, 125, .8)); }
  .simpleCategories .uiIcon { width: 15px; }

  .simpleSection { padding-top: 2px; }
  .simpleSection__head { margin-bottom: 11px; padding-left: 11px; }
  .simpleSection__head::before { height: 22px; }
  .simpleSection__head h2 { font-size: 17px; }
  .simpleSection__head > a { padding: 7px 9px; border-radius: 999px; background: rgba(41, 215, 255, .07); font-size: 9px; }

  .simpleProviderGrid {
    width: calc(100vw - 12px);
    margin-left: 0;
    padding-right: 12px;
    display: flex;
    gap: 9px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }
  .simpleProvider {
    min-width: 218px;
    min-height: 72px;
    padding: 10px;
    flex: 0 0 218px;
    scroll-snap-align: start;
    border-radius: 15px 15px 15px 5px;
  }
  .simpleProvider__mark { width: 48px; height: 48px; flex-basis: 48px; }
  .simpleProvider strong,
  .simpleProvider__copy strong { font-size: 11px; }
  .simpleProvider__copy small { font-size: 8px; }

  .simpleGameGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .simpleGame { border-radius: 14px 14px 6px 14px; }
  .simpleGameGrid .simpleGame:first-child {
    min-height: 142px;
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: 44% minmax(0, 1fr);
    align-items: stretch;
    border-color: rgba(255, 77, 125, .34);
    background: linear-gradient(125deg, rgba(118, 87, 255, .14), var(--k-panel));
  }
  .simpleGameGrid .simpleGame:first-child .simpleGame__media { height: 100%; aspect-ratio: auto; }
  .simpleGameGrid .simpleGame:first-child .simpleGame__copy { padding: 16px 13px; align-content: center; gap: 7px; }
  .simpleGameGrid .simpleGame:first-child .simpleGame__copy::before { content: "FEATURED"; color: var(--k-coral); font-size: 7px; font-weight: 900; letter-spacing: .13em; }
  .simpleGameGrid .simpleGame:first-child .simpleGame__copy strong { white-space: normal; font-size: 15px; line-height: 1.2; }
  .simpleGameGrid .simpleGame:first-child .simpleGame__copy small { white-space: normal; font-size: 9px; }
  .simpleGameGrid .simpleGame:last-child:nth-child(even) {
    min-height: 118px;
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: 38% minmax(0, 1fr);
    align-items: stretch;
  }
  .simpleGameGrid .simpleGame:last-child:nth-child(even) .simpleGame__media { height: 100%; aspect-ratio: auto; }
  .simpleGameGrid .simpleGame:last-child:nth-child(even) .simpleGame__copy { padding: 14px; align-content: center; gap: 6px; }
  .simpleGameGrid .simpleGame:last-child:nth-child(even) .simpleGame__copy strong { white-space: normal; font-size: 14px; }
  .simpleGame__media { aspect-ratio: .88; }
  .simpleGame__copy { padding: 8px 8px 10px; }
  .simpleGame__copy strong { font-size: 11px; }
  .simpleNotice { order: 20; min-height: 48px; padding: 8px 10px; }
  .simpleNotice strong { font-size: 10px; }
  .simpleNotice small { font-size: 8px; }

  .mNav { border-top-color: rgba(118, 87, 255, .45); background: rgba(7, 10, 24, .95); }
  .mNav__item.is-active { color: var(--k-cyan); }
  .mNav__item--join { background: linear-gradient(145deg, var(--k-violet), var(--k-coral)); }
}

/* Mobile drawer: a compact King666 lobby panel instead of a uniform icon wall. */
.mDrawer__backdrop { background: rgba(2, 4, 14, .82); backdrop-filter: blur(12px); }
.mDrawer__panel {
  width: min(366px, 92vw);
  padding: 16px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 0;
  border-right: 1px solid rgba(118, 87, 255, .46);
  border-radius: 0 28px 28px 0;
  background:
    radial-gradient(circle at 15% 3%, rgba(41, 215, 255, .11), transparent 13rem),
    radial-gradient(circle at 100% 58%, rgba(118, 87, 255, .12), transparent 18rem),
    #080c1d;
  color: var(--k-text);
  box-shadow: 28px 0 80px rgba(0, 0, 0, .56);
}
.mDrawer__panel::after { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, var(--k-cyan), var(--k-violet), var(--k-coral)); }
.mDrawer__top { min-height: 52px; margin-bottom: 14px; padding: 0 0 13px; align-items: center; border-bottom: 1px solid rgba(118, 87, 255, .2); }
.mDrawer__brand { min-width: 0; display: flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; }
.mDrawer__brand img { width: 132px; height: 40px; object-fit: contain; object-position: left center; }
.mDrawer__brand > span { display: grid; gap: 2px; }
.mDrawer__brand small { color: var(--k-cyan); font-size: 7px; font-weight: 900; letter-spacing: .12em; }
.mDrawer__brand strong { font-size: 10px; white-space: nowrap; }
.mDrawer__close { width: 38px; height: 38px; border: 1px solid rgba(118, 87, 255, .3); border-radius: 50%; color: var(--k-text); background: rgba(118, 87, 255, .1); }
.mDrawer__welcome {
  min-height: 112px;
  padding: 15px;
  display: grid;
  align-content: center;
  gap: 7px;
  border: 1px solid rgba(118, 87, 255, .28);
  border-radius: 18px 18px 6px 18px;
  background: linear-gradient(135deg, rgba(118, 87, 255, .2), rgba(255, 77, 125, .08));
}
.mDrawer__welcome > strong { max-width: 250px; font-size: 16px; line-height: 1.2; }
.mDrawer__welcome > small { max-width: 275px; color: var(--k-muted); font-size: 9px; line-height: 1.45; }
.mDrawer__status { display: flex; align-items: center; gap: 6px; color: var(--k-cyan); font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.mDrawer__status i { width: 6px; height: 6px; border-radius: 50%; background: var(--k-mint); box-shadow: 0 0 9px var(--k-mint); }
.mDrawer__sectionLabel { margin: 18px 1px 9px; display: flex; align-items: center; gap: 10px; color: var(--k-muted); font-size: 8px; font-weight: 900; letter-spacing: .15em; }
.mDrawer__sectionLabel i { height: 1px; flex: 1; background: linear-gradient(90deg, rgba(118, 87, 255, .36), transparent); }
.mGrid,
.mGrid--dense { margin-top: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.mGrid__item {
  min-height: 58px;
  padding: 9px 10px;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  border: 1px solid rgba(118, 87, 255, .18);
  border-radius: 14px 14px 5px 14px;
  background: rgba(16, 21, 42, .76);
  clip-path: none;
}
.mGrid--explore .mGrid__item:first-child { grid-column: 1 / -1; min-height: 64px; border-color: rgba(41, 215, 255, .32); background: linear-gradient(100deg, rgba(41, 215, 255, .12), rgba(118, 87, 255, .08)); }
.mGrid__ico { width: 34px; height: 34px; flex: 0 0 34px; border: 0; border-radius: 11px; color: var(--k-cyan); background: rgba(41, 215, 255, .08); }
.mGrid__ico .uiIcon { width: 17px; height: 17px; }
.mGrid__lbl { min-width: 0; overflow: hidden; color: #c9d1ec; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.mGrid__item.is-active { border-color: rgba(41, 215, 255, .4); background: linear-gradient(100deg, rgba(41, 215, 255, .12), rgba(118, 87, 255, .1)); }
.mGrid__item.is-active .mGrid__lbl { color: #fff; }
.mDrawer__bottom { position: sticky; bottom: -16px; margin-top: 18px; padding: 13px 0 16px; background: linear-gradient(transparent, #080c1d 17%); }
.mDrawer__guestActions { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 8px; }
.mDrawer__cta { min-height: 52px; height: auto; border: 0; border-radius: 14px 14px 5px 14px; clip-path: none; color: #fff; background: linear-gradient(135deg, var(--k-violet), var(--k-coral)); }
.mDrawer__cta--ghost { border: 1px solid rgba(118, 87, 255, .26); color: #dce2f7; background: rgba(255, 255, 255, .035); }
.mDrawer__guestActions .mDrawer__cta:not(.mDrawer__cta--ghost) { padding: 10px 13px; display: flex; align-items: center; justify-content: space-between; text-align: left; }
.mDrawer__guestActions .mDrawer__cta span { display: grid; gap: 2px; }
.mDrawer__guestActions .mDrawer__cta small { color: rgba(255, 255, 255, .68); font-size: 7px; letter-spacing: .1em; }
.mDrawer__guestActions .mDrawer__cta strong { font-size: 10px; }
.mDrawer__guestActions .mDrawer__cta .uiIcon { width: 15px; }
.mWallet { border-color: rgba(118, 87, 255, .26); border-radius: 14px; background: rgba(118, 87, 255, .1); }
.mWallet__amt { color: var(--k-cyan); }
#mWalletMenu { border-color: rgba(118, 87, 255, .28); border-radius: 14px; background: #0b1024; }

/* Login and signup: dark member-access sheet using the K6 logo palette. */
.modal.is-open { align-items: center; padding: 24px; }
.modal__backdrop { background: rgba(2, 4, 14, .86); backdrop-filter: blur(16px); }
.modal__panel,
.modal__panel:has([data-auth-pane="register"].is-active) {
  width: min(94vw, 610px);
  max-height: min(92dvh, 900px);
  padding: 24px;
  overflow-x: hidden;
  border: 1px solid rgba(118, 87, 255, .42);
  border-radius: 26px 26px 8px 26px;
  background:
    radial-gradient(circle at 90% 0, rgba(118, 87, 255, .18), transparent 18rem),
    linear-gradient(160deg, #10162e, #090d1e 58%);
  color: var(--k-text);
  box-shadow: 0 36px 100px rgba(0, 0, 0, .64), 0 0 50px rgba(118, 87, 255, .08);
  clip-path: none;
}
.modal__panel:has([data-auth-pane="register"].is-active) { width: min(94vw, 720px); }
.modal__panel::before { display: none; }
.modal__close { position: absolute; top: 18px; right: 18px; width: 36px; height: 36px; margin: 0; border: 1px solid rgba(118, 87, 255, .28); border-radius: 50%; color: #dce4ff; background: rgba(118, 87, 255, .1); }
.authBrand { min-height: 40px; margin: 0 50px 18px 0; display: flex; align-items: center; gap: 14px; }
.authBrand img { width: 128px; height: 38px; object-fit: contain; object-position: left center; }
.authBrand span { display: flex; align-items: center; gap: 6px; color: var(--k-muted); font-size: 7px; font-weight: 900; letter-spacing: .14em; }
.authBrand span i { width: 6px; height: 6px; border-radius: 50%; background: var(--k-mint); box-shadow: 0 0 9px var(--k-mint); }
.modal__head { padding: 0 0 16px; }
.modal__title { margin: 0; color: #fff; font: 900 30px/1.05 var(--k-display); letter-spacing: -.035em; text-transform: none; }
.modal__sub,
.modal .muted { color: var(--k-muted); }
.modalTabs,
.otpTabs { margin: 0 0 18px; padding: 5px; gap: 5px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid rgba(118, 87, 255, .22); border-radius: 15px; background: rgba(5, 8, 21, .52); }
.modalTab,
.otpTab { min-height: 40px; padding: 0 10px; border-radius: 10px; color: var(--k-muted); font-size: 11px; }
.modalTab.is-active,
.otpTab.is-active { color: #fff; background: linear-gradient(135deg, rgba(118, 87, 255, .92), rgba(255, 77, 125, .8)); }
.modalTab.is-active::after,
.otpTab.is-active::after { display: none; }
.authFormLead { margin: 4px 0 12px; display: flex; align-items: center; gap: 10px; }
.authFormLead > span { width: 32px; height: 32px; display: grid; flex: 0 0 32px; place-items: center; border: 1px solid rgba(41, 215, 255, .3); border-radius: 50%; color: var(--k-cyan); background: rgba(41, 215, 255, .07); font-size: 9px; font-weight: 900; }
.authFormLead > div { display: grid; gap: 2px; }
.authFormLead strong { font-size: 13px; }
.authFormLead small { color: var(--k-muted); font-size: 9px; }
.authFormLead--section { margin-top: 22px; padding-top: 16px; border-top: 1px solid rgba(118, 87, 255, .18); }
.authFieldStack { display: grid; gap: 9px; }
.authFieldGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; }
.authField { min-width: 0; }
.fLabel { margin: 8px 0 5px; color: #cbd4f0; font-size: 9px; letter-spacing: .04em; }
.req { color: var(--k-coral); }
.fInput,
.countryBtn {
  min-height: 46px;
  border: 1px solid rgba(137, 151, 199, .23);
  border-radius: 12px;
  background: rgba(4, 7, 18, .56);
  color: #f4f7ff;
  box-shadow: none;
  color-scheme: dark;
}
.fInput::placeholder { color: #657094; opacity: 1; }
.fInput:focus { border-color: var(--k-cyan); box-shadow: 0 0 0 3px rgba(41, 215, 255, .08); }
.eyeBtn,
.sendBtn { border: 1px solid rgba(118, 87, 255, .22); border-radius: 10px; color: var(--k-cyan); background: rgba(118, 87, 255, .12); }
.sendBtn { min-height: 46px; padding-inline: 15px; }
.fBetween { margin-top: 13px; }
.chk { color: var(--k-muted); }
.fBetween a,
.smallLink,
.smallLinkBtn { color: var(--k-cyan); }
.modal .btn--full { min-height: 48px; border-radius: 12px; background: linear-gradient(135deg, var(--k-violet), var(--k-coral)); }
.modalFoot { margin-top: 15px; padding-top: 13px; border-top: 1px solid rgba(118, 87, 255, .16); }
.alert { border-color: rgba(255, 77, 125, .34); border-radius: 11px; background: rgba(255, 77, 125, .08); color: #ffc3d3; }
.otpPane { margin-top: 12px; }
.terms { color: var(--k-muted); }
.authCaptchaRow { display: grid; grid-template-columns: minmax(0, 1fr) 74px 46px; align-items: center; gap: 7px; }
.authCaptchaRow #regCaptcha { width: 100% !important; }
.authCaptchaRow #btnRefreshCaptcha { width: 46px; min-width: 0; height: 44px; padding: 0 !important; border-radius: 11px; }
#captchaQuestion,
#mobileOtpDisplay,
#emailOtpDisplay { border-color: rgba(118, 87, 255, .25) !important; border-radius: 12px !important; background: rgba(118, 87, 255, .1) !important; color: var(--k-cyan) !important; }

@media (max-width: 760px), (min-width: 981px) {
  .modal.is-open { align-items: flex-end; padding: 12px 0 0; }
  .modal__panel,
  .modal__panel:has([data-auth-pane="register"].is-active) {
    width: 100%;
    max-height: calc(100dvh - 12px);
    padding: 20px 16px calc(28px + env(safe-area-inset-bottom));
    border-width: 1px 0 0;
    border-radius: 25px 25px 0 0;
  }
  .modal__panel::after { content: ""; position: absolute; top: 7px; left: 50%; width: 38px; height: 3px; border-radius: 3px; background: rgba(173, 188, 255, .32); transform: translateX(-50%); }
  .modal__close { top: 16px; right: 15px; width: 34px; height: 34px; }
  .authBrand { min-height: 34px; margin: 2px 45px 12px 0; }
  .authBrand img { width: 112px; height: 32px; }
  .authBrand span { font-size: 6px; }
  .modal__head { padding-bottom: 12px; }
  .modal__title { font-size: 23px; }
  .modal__sub { margin-top: 4px; font-size: 10px; }
  .modalTabs { margin-bottom: 14px; }
  .modalTab,
  .otpTab { min-height: 38px; font-size: 10px; }
  .authFormLead { margin-bottom: 9px; }
  .authFormLead > span { width: 28px; height: 28px; flex-basis: 28px; font-size: 8px; }
  .authFormLead strong { font-size: 12px; }
  .authFormLead small { font-size: 8px; }
  .authFieldGrid { grid-template-columns: 1fr; gap: 4px; }
  .authFieldStack { gap: 4px; }
  .fInput,
  .countryBtn { min-height: 44px; height: 44px; border-radius: 11px; }
  .fLabel { margin-top: 7px; }
  .fBetween { font-size: 10px; }
  .modalFoot { font-size: 10px; }
  .authFormLead--section { margin-top: 17px; padding-top: 13px; }
  .phoneRow,
  .otpRow { gap: 7px; }
}

/* Games catalogue phase: compact discovery, fast filters, dense mobile grid. */
.page--games main { background: transparent; }
.page--games .gHero {
  min-height: 216px;
  border-bottom: 0;
  background:
    radial-gradient(circle at 82% 26%, rgba(118, 87, 255, .2), transparent 23rem),
    radial-gradient(circle at 16% 90%, rgba(41, 215, 255, .08), transparent 18rem),
    #090d1e;
}
.page--games .gHero::before {
  display: block;
  background:
    linear-gradient(90deg, rgba(7, 10, 24, .96), rgba(7, 10, 24, .18)),
    repeating-linear-gradient(90deg, transparent 0 74px, rgba(118, 87, 255, .035) 75px 76px);
}
.page--games .gHero__inner { min-height: 216px; }
.page--games .gHero__copy { display: grid; align-content: center; }
.page--games .gHero__kicker { display: flex; align-items: center; gap: 8px; color: var(--k-cyan); font-size: 8px; }
.page--games .gHero__kicker i { width: 7px; height: 7px; border-radius: 50%; background: var(--k-cyan); box-shadow: 0 0 11px rgba(41, 215, 255, .8); }
.page--games .gHero__title { margin: 8px 0 5px; font-size: clamp(38px, 6vw, 68px); letter-spacing: -.055em; }
.page--games .gHero__sub { margin: 0; color: var(--k-muted); font-size: 13px; }
.gHero__stats { margin-top: 15px; display: flex; align-items: center; gap: 8px; }
.gHero__stats > span { min-height: 28px; padding: 0 10px; display: inline-flex; align-items: center; gap: 5px; border: 1px solid rgba(118, 87, 255, .22); border-radius: 999px; color: var(--k-muted); background: rgba(16, 21, 42, .72); font-size: 8px; }
.gHero__stats strong { color: #fff; font-size: 11px; }
.gHero__stats span:last-child i { width: 6px; height: 6px; border-radius: 50%; background: var(--k-mint); box-shadow: 0 0 8px var(--k-mint); }

.page--games .gTopbar { padding: 9px 0; border-block: 1px solid rgba(118, 87, 255, .18); background: rgba(7, 10, 24, .94); }
.page--games .gTopbar .wrap { display: block; }
.gTopbar__row { width: 100%; display: flex; align-items: center; gap: 10px; }
.page--games .provPill--back { width: auto; height: 40px; min-width: 94px; padding: 0 12px 0 5px; flex: 0 0 auto; border-color: rgba(118, 87, 255, .24); border-radius: 999px; background: rgba(118, 87, 255, .07); clip-path: none; }
.page--games .provPill--back .provPill__badge { width: 30px; height: 30px; border: 0; border-radius: 50%; color: var(--k-cyan); background: rgba(41, 215, 255, .09); }
.gCategoryRail { min-width: 0; display: flex; align-items: center; gap: 7px; overflow-x: auto; scrollbar-width: none; }
.gCategoryRail::-webkit-scrollbar { display: none; }
.gCategoryRail a { min-width: max-content; min-height: 36px; padding: 0 15px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(118, 87, 255, .17); border-radius: 999px; color: var(--k-muted); background: rgba(16, 21, 42, .65); font-size: 10px; font-weight: 800; text-decoration: none; }
.gCategoryRail a.is-active { border-color: transparent; color: #fff; background: linear-gradient(135deg, var(--k-violet), var(--k-coral)); }

.page--games .gTools { padding: 12px 0 0; background: transparent; }
.page--games .toolsBar { padding: 8px; display: grid; grid-template-columns: minmax(0, 1fr) 150px; align-items: end; gap: 8px; border-color: rgba(118, 87, 255, .2); border-radius: 16px; background: rgba(16, 21, 42, .72); }
.page--games .tool__label { margin: 0 0 5px 3px; color: var(--k-muted); font-size: 8px; font-weight: 800; letter-spacing: .1em; }
.page--games .tool__searchWrap { display: flex; flex-direction: row; gap: 7px; }
.page--games .tool__input,
.page--games .tool__select { min-height: 42px; padding: 0 12px; border-color: rgba(137, 151, 199, .2); border-radius: 11px; background: rgba(4, 7, 18, .58); color: var(--k-text); color-scheme: dark; }
.page--games .tool__input:focus,
.page--games .tool__select:focus { border-color: var(--k-cyan); outline: none; box-shadow: 0 0 0 3px rgba(41, 215, 255, .07); }
.page--games .tool__btn { min-width: 96px; min-height: 42px; padding: 0 13px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 0; border-radius: 11px; color: #fff; background: linear-gradient(135deg, var(--k-violet), var(--k-coral)); }
.page--games .tool__btn .uiIcon { width: 15px; }

.gResultsHead { margin: 0 0 11px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.gResultsHead span { display: flex; align-items: center; gap: 7px; color: var(--k-cyan); font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.gResultsHead span::before { content: ""; width: 3px; height: 18px; border-radius: 2px; background: linear-gradient(var(--k-cyan), var(--k-violet)); }
.gResultsHead strong { padding: 6px 9px; border-radius: 999px; color: var(--k-muted); background: rgba(118, 87, 255, .08); font-size: 8px; font-weight: 800; }
.page--games .gWrap { padding: 18px 0 90px; background: transparent; }
.page--games .gDemoNote { margin-bottom: 11px; padding: 10px 12px; border-color: rgba(41, 215, 255, .2); border-radius: 12px; background: rgba(41, 215, 255, .045); clip-path: none; }
.page--games .gGrid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.page--games .gCard { border-color: rgba(118, 87, 255, .18); border-radius: 14px 14px 6px 14px; background: #10152a; }
.page--games .gCard:hover { border-color: rgba(41, 215, 255, .46); }
.page--games .gCard__demoTag { left: 7px; top: 7px; padding: 5px 6px; border-radius: 999px; color: #07101f; clip-path: none; }
.page--games .gCard__meta { padding: 9px 9px 11px; gap: 3px; }
.page--games .gCard__meta strong { font-size: 11px; }
.page--games .gCard__meta span { color: var(--k-muted); font-size: 7px; letter-spacing: .04em; }
.page--games .section--panel { padding: 18px 0 100px; }
.page--games .section--panel .grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.page--games .section--panel .tile { overflow: hidden; border-color: rgba(118, 87, 255, .2); border-radius: 15px 15px 6px 15px; background: #10152a; clip-path: none; }
.page--games .section--panel .tile:hover { border-color: rgba(41, 215, 255, .45); }

@media (max-width: 760px), (min-width: 981px) {
  .page--games .gHero,
  .page--games .gHero__inner { min-height: 142px; }
  .page--games .gHero__inner { align-items: center; }
  .page--games .gHero__title { margin: 5px 0 3px; font-size: 32px; }
  .page--games .gHero__sub { display: block; max-width: 250px; font-size: 9px; line-height: 1.35; }
  .page--games .gHero__kicker { font-size: 7px; }
  .gHero__stats { margin-top: 9px; }
  .gHero__stats > span { min-height: 24px; padding-inline: 8px; font-size: 7px; }
  .gHero__stats strong { font-size: 9px; }

  .page--games .gTopbar { top: var(--k-top); padding: 7px 0; }
  .gTopbar__row { width: 100%; min-width: 0; gap: 7px; }
  .page--games .provPill--back { min-width: 42px; width: 42px; height: 36px; padding: 2px; }
  .page--games .provPill--back .provPill__badge { width: 30px; height: 30px; }
  .page--games .provPill--back .provPill__text { display: none; }
  .gCategoryRail { padding-right: 12px; }
  .gCategoryRail a { min-height: 34px; padding-inline: 13px; font-size: 9px; }

  .page--games .gTools { padding-top: 9px; }
  .page--games .toolsBar { grid-template-columns: minmax(0, 1fr) 88px; gap: 7px; padding: 7px; }
  .page--games .tool__label { display: none; }
  .page--games .tool__input,
  .page--games .tool__select { min-height: 40px; height: 40px; padding-inline: 9px; font-size: 10px; }
  .page--games .tool__searchWrap { gap: 6px; }
  .page--games .tool__btn { min-width: 40px; width: 40px; min-height: 40px; padding: 0; }
  .page--games .tool__btn span { display: none; }

  .page--games .gWrap { padding-top: 14px; }
  .gResultsHead { margin-bottom: 9px; }
  .gResultsHead span { font-size: 7px; }
  .gResultsHead strong { font-size: 7px; }
  .page--games .gDemoNote { align-items: center; flex-direction: row; gap: 8px; }
  .page--games .gDemoNote p { overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
  .page--games .gGrid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
  .page--games .gCard { border-radius: 11px 11px 4px 11px; }
  .page--games .gThumb { aspect-ratio: 4 / 5; }
  .page--games .gCard__demoTag { left: 5px; top: 5px; padding: 4px 5px; font-size: 5px; }
  .page--games .gCard__meta { padding: 7px 6px 8px; }
  .page--games .gCard__meta strong { font-size: 9px; }
  .page--games .gCard__meta span { font-size: 6px; }
  .page--games .section--panel { padding-top: 14px; }
  .page--games .section--panel .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .page--games .section--panel .tile { border-radius: 12px 12px 4px 12px; }
  .page--games .section--panel .tile .ph--tile { min-height: 105px; aspect-ratio: 1.35; }
}

/* Desktop uses the same customer experience as mobile.
   The admin layouts do not load this stylesheet and remain full width. */
@media (min-width: 901px) {
  html {
    background:
      radial-gradient(circle at 50% -12%, rgba(118, 87, 255, .16), transparent 34rem),
      #03050d;
  }

  body.page {
    width: 430px;
    max-width: 430px;
    min-width: 320px;
    min-height: 100dvh;
    margin-inline: auto;
    position: relative;
    box-shadow:
      0 0 0 1px rgba(118, 87, 255, .18),
      0 0 70px rgba(0, 0, 0, .72);
  }

  body.page::before {
    left: 50%;
    right: auto;
    width: 430px;
    transform: translateX(-50%);
  }

  body.page > main,
  body.page > .footer {
    width: 100%;
    max-width: 430px;
  }

  .topbar,
  .mNav,
  .mDrawer,
  .modal,
  .pModal {
    left: 50%;
    right: auto;
    width: 430px;
    max-width: 430px;
    transform: translateX(-50%);
  }

  .globalWinLatest {
    right: calc(50% - 215px + 16px) !important;
    max-width: calc(430px - 32px);
  }
}