:root {
  --gx-font: Arial, Helvetica, sans-serif;
  --gx-bg: #9ed7ed;
  --gx-ink: #16211c;
  --gx-muted: rgba(23, 35, 29, .72);
  --gx-cream: #f7ffd9;
  --gx-gold: #f5b33a;
  --gx-gold-2: #ffd96f;
  --gx-green: #48aa3e;
  --gx-glass: linear-gradient(135deg, rgba(139, 205, 215, .48), rgba(194, 232, 217, .34) 45%, rgba(74, 101, 74, .42));
  --gx-glass-strong: linear-gradient(180deg, rgba(64, 94, 84, .70), rgba(45, 67, 45, .68));
  --gx-panel: var(--gx-glass);
  --gx-card: linear-gradient(180deg, rgba(38, 59, 48, .82), rgba(31, 48, 39, .80));
  --gx-card-soft: linear-gradient(180deg, rgba(235, 242, 220, .78), rgba(210, 222, 196, .66));
  --gx-line: rgba(255, 255, 255, .28);
  --gx-line-dark: rgba(20, 38, 30, .34);
  --gx-shadow: 0 18px 42px rgba(15, 35, 34, .28);
  --gx-inner: inset 0 1px 0 rgba(255, 255, 255, .28);
}

*,
*::before,
*::after {
  box-sizing: border-box;
  letter-spacing: 0 !important;
}

html,
body {
  min-height: 100%;
  overflow-x: hidden;
}

body.gx-shell,
body.gx-public,
body.gx-admin {
  margin: 0;
  color: var(--gx-ink);
  font-family: var(--gx-font);
  font-weight: 800;
  background: var(--gx-bg) url("/images/backgrounds/dravonx-sunny-world-bg-1280.webp") center top / cover fixed no-repeat !important;
}

body.gx-shell::before,
body.gx-public::before,
body.gx-admin::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(145,199,216,.10) 42%, rgba(124,117,46,.28));
  pointer-events: none;
}

img {
  max-width: 100%;
}

a {
  color: inherit;
}

button,
input,
select,
textarea {
  font: inherit;
}

.gx-skip-link {
  position: absolute;
  left: -999px;
}

body.gx-shell #wrapper,
body.gx-public #wrapper {
  width: 100%;
  min-height: 100vh;
}

body.gx-shell #content,
body.gx-public #content {
  width: min(1120px, calc(100vw - 30px));
  margin: 0 auto;
  padding: 0 0 56px;
}

.page_title {
  width: min(980px, calc(100vw - 36px));
  height: auto !important;
  min-height: 0 !important;
  margin: 22px auto 18px !important;
  padding: 0 !important;
  color: #17231d !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.15 !important;
  font-size: clamp(18px, 2vw, 26px);
  text-shadow: 0 2px 5px rgba(255, 255, 255, .48), 0 5px 14px rgba(25, 48, 43, .22);
}

.gx-alert,
.gx-settings-notice,
.alert {
  border: 1px solid rgba(255,255,255,.34) !important;
  border-radius: 14px !important;
  background: rgba(35, 58, 50, .76) !important;
  color: var(--gx-cream) !important;
  box-shadow: var(--gx-shadow);
}

.gx-alert.is-good,
.gx-settings-notice.is-good,
.alert-success {
  background: rgba(48, 118, 67, .78) !important;
}

.gx-alert.is-bad,
.gx-settings-notice.is-error,
.alert-danger {
  background: rgba(129, 48, 43, .80) !important;
}

input,
select,
textarea,
.form-control,
.input-group-text {
  min-height: 48px;
  border: 1px solid rgba(255, 255, 255, .32) !important;
  border-radius: 999px !important;
  background: rgba(240, 247, 230, .72) !important;
  color: #20342c !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
  outline: none;
}

textarea {
  border-radius: 18px !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
  border-color: rgba(245, 179, 58, .72) !important;
  box-shadow: 0 0 0 3px rgba(245, 179, 58, .18), inset 0 1px 0 rgba(255,255,255,.35) !important;
}

button,
.btn,
.gx-home-btn,
.gx-payment-back,
.gx-payment-signup,
.gx-payout-route-link,
input[type="submit"] {
  min-height: 46px;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 11px 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #1e2119 !important;
  background: linear-gradient(180deg, #ffd465, #f0a627) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 6px 0 rgba(121, 85, 20, .45), 0 14px 24px rgba(40, 58, 33, .22) !important;
  text-decoration: none !important;
  cursor: pointer;
}

button:hover,
.btn:hover,
.gx-home-btn:hover,
.gx-payment-back:hover,
.gx-payment-signup:hover,
.gx-payout-route-link:hover,
input[type="submit"]:hover {
  transform: translateY(-1px);
  filter: saturate(1.08);
}

button:disabled,
.btn:disabled,
input[type="submit"]:disabled {
  opacity: .62;
  cursor: not-allowed;
  transform: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.26), 0 4px 0 rgba(70,80,60,.35) !important;
}

.gx-history-table,
table.table,
#tab {
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden;
  border-radius: 16px;
  background: rgba(28, 48, 40, .72) !important;
  color: #eef8df;
  box-shadow: var(--gx-shadow);
}

.gx-table-scroll,
.table-responsive {
  width: min(900px, 100%);
  margin: 22px auto;
  overflow-x: auto;
  border-radius: 16px;
}

.gx-history-table th,
.gx-history-table td,
table.table th,
table.table td,
#tab td {
  padding: 13px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
  background: transparent !important;
  vertical-align: middle;
}

.gx-history-table .tab_name,
.tab_name,
table.table thead th,
.gx-history-table thead th {
  background: linear-gradient(180deg, rgba(255, 205, 85, .96), rgba(232, 162, 42, .94)) !important;
  color: #202317 !important;
  text-transform: uppercase;
}

.tab_title,
.gx-history-table .tab_title {
  background: rgba(18, 54, 52, .78) !important;
  color: #f7ffda !important;
}

.gx-empty-row td,
.gx-empty-row {
  text-align: center;
  color: rgba(247,255,218,.82) !important;
}

.gx-mobile-table-sortbar {
  display: none;
}

.gx-method-pill,
.gx-status-pill {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 5px 12px;
  background: rgba(235, 242, 220, .18);
  color: #f7ffda;
}

/* User shell */
body.gx-shell #header.gx-site-header {
  margin: 36px auto 16px;
  padding: 0;
  background: transparent !important;
}

.gx-active-menu-card {
  width: min(1120px, calc(100vw - 36px));
  margin: 0 auto;
  min-height: 112px;
  padding: 14px 20px;
  display: grid;
  grid-template-columns: 150px minmax(250px, 360px) minmax(420px, 1fr);
  align-items: center;
  gap: 16px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.32);
  background: linear-gradient(90deg, rgba(123, 108, 86, .68), rgba(183, 218, 207, .72) 48%, rgba(172, 133, 87, .70));
  box-shadow: var(--gx-inner), 0 14px 32px rgba(24, 54, 48, .24);
  backdrop-filter: blur(12px);
}

.gx-active-brand {
  width: 132px;
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.gx-dravonx-logo {
  width: 122px;
  object-fit: contain;
  filter: drop-shadow(0 6px 8px rgba(0,0,0,.32));
}

.gx-active-menu-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.gx-active-menu-stats span {
  min-height: 54px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 3px;
  padding: 8px 6px;
  border-radius: 10px;
  background: rgba(53, 74, 66, .62);
  border: 1px solid rgba(255,255,255,.16);
  color: var(--gx-cream);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 7px 13px rgba(11,28,25,.18);
}

.gx-active-menu-stats small {
  max-width: 100%;
  font-size: 8px;
  line-height: 1;
  text-transform: uppercase;
  color: rgba(247,255,217,.80);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gx-active-menu-stats b {
  font-size: 17px;
  color: #fff8cb;
  text-shadow: 0 2px 4px rgba(0,0,0,.35);
}

.gx-active-menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}

.gx-active-menu a {
  width: 78px;
  min-height: 76px;
  padding: 7px 5px 8px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 4px;
  border-radius: 15px;
  color: #111812 !important;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  font-size: 11px;
  background: transparent;
  border: 1px solid transparent;
}

.gx-active-menu a img {
  width: 38px;
  height: 38px;
  object-fit: contain;
  filter: drop-shadow(0 5px 7px rgba(0,0,0,.30));
}

.gx-active-menu a.is-active,
.gx-active-menu a:hover {
  background: rgba(198, 219, 179, .35);
  border-color: rgba(255,255,255,.18);
  box-shadow: inset 0 -3px 0 var(--gx-gold), 0 9px 16px rgba(25,51,43,.14);
}

/* Game */
.gx-game {
  width: min(1120px, 100%);
  margin: 0 auto;
}

.gx-clone-tabs {
  width: min(780px, calc(100vw - 40px));
  margin: 0 auto 14px;
  padding: 7px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  border-radius: 18px;
  background: rgba(49, 79, 75, .62);
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: var(--gx-inner), 0 12px 22px rgba(13,39,36,.18);
  backdrop-filter: blur(9px);
}

.gx-clone-tabs a {
  min-height: 44px;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 999px;
  background: rgba(27,45,41,.58);
  color: #f7ffda !important;
  text-transform: uppercase;
  text-decoration: none !important;
  font-size: 13px;
  box-shadow: inset 0 -3px 0 rgba(0,0,0,.22);
}

.gx-clone-tabs a img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.gx-clone-tabs a.is-active {
  color: #1f2419 !important;
  background: linear-gradient(180deg, #ffe083, #f5b33a);
}

.gx-clone-board {
  position: relative;
  margin: 0 auto 24px;
  overflow: hidden;
  border-radius: 14px;
  background: var(--gx-glass-strong);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: var(--gx-shadow);
}

.gx-clone-playfield {
  position: relative;
  height: 352px;
  overflow: hidden;
  background-image: var(--gx-clone-map);
  background-size: cover;
  background-position: center 50%;
  border-radius: 14px 14px 0 0;
}

.gx-clone-scene {
  position: absolute;
  inset: 0;
}

.gx-live-dragon {
  position: absolute;
  z-index: 2;
  margin: 0;
  width: 128px;
  height: 142px;
  animation: gxDragonPulse 4.8s ease-in-out infinite;
  animation-delay: var(--delay, 0s);
}

.gx-live-dragon button {
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  display: block;
  position: relative;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.gx-live-dragon img {
  width: 100%;
  height: 116px;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 12px 11px rgba(0,0,0,.43));
}

.gx-live-dragon-level,
.gx-live-dragon-name {
  display: none !important;
}

.gx-live-dragon-count {
  position: absolute;
  right: 8px;
  bottom: 8px;
  min-width: 36px;
  min-height: 25px;
  padding: 3px 9px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: rgba(21,22,19,.86);
  box-shadow: 0 7px 14px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.18);
  font-size: 13px;
}

.gx-live-dragon figcaption {
  position: absolute;
  left: 22px;
  top: -8px;
  color: #fff8a8;
  text-shadow: 0 2px 4px rgba(0,0,0,.5);
  font-size: 13px;
  opacity: 0;
  animation: gxGoldFloat 4.8s ease-in-out infinite;
  animation-delay: var(--delay, 0s);
}

.gx-live-dragon figcaption::before {
  content: attr(data-popup-text);
}

.gx-live-dragon.is-empty {
  opacity: .45;
  filter: grayscale(.35);
}

.gx-live-dragon-1 { left: 1.5%; top: 59%; width: 116px; }
.gx-live-dragon-2 { left: 14.0%; top: 48%; width: 120px; }
.gx-live-dragon-3 { left: 27.5%; top: 63%; width: 122px; }
.gx-live-dragon-4 { left: 41.5%; top: 54%; width: 128px; }
.gx-live-dragon-5 { left: 55.0%; top: 66%; width: 130px; }
.gx-live-dragon-6 { left: 69.5%; top: 56%; width: 126px; }
.gx-live-dragon-7 { left: 85.0%; top: 63%; width: 124px; }
.gx-live-dragon-8 { left: 22.0%; top: 36%; width: 118px; }
.gx-live-dragon-9 { left: 48.0%; top: 31%; width: 123px; }
.gx-live-dragon-10 { left: 73.5%; top: 39%; width: 122px; }

.gx-clone-scene-cart {
  position: absolute;
  right: 2.5%;
  bottom: 13%;
  width: 90px;
  filter: drop-shadow(0 12px 12px rgba(0,0,0,.40));
}

.gx-clone-command-strip {
  display: grid;
  grid-template-columns: 1fr 1fr minmax(230px, 1.15fr);
  gap: 12px;
  align-items: stretch;
  padding: 14px;
  background: rgba(39, 67, 57, .72);
  border-top: 1px solid rgba(255,255,255,.16);
}

.gx-strip-card,
.gx-clone-next-command,
.gx-clone-strip-collect,
.gx-clone-strip-card {
  min-height: 118px;
  border-radius: 8px;
  background: rgba(33, 51, 40, .84);
  border: 1px solid rgba(255,255,255,.15);
  color: #f7ffda;
  box-shadow: var(--gx-inner), 0 8px 15px rgba(0,0,0,.16);
}

.gx-strip-card {
  padding: 12px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 4px;
}

.gx-strip-card small,
.gx-clone-next-command small {
  color: rgba(247,255,218,.78);
  text-transform: uppercase;
  font-size: 10px;
}

.gx-strip-card b {
  font-size: 22px;
  color: #fff7b5;
}

.gx-clone-next-command {
  padding: 14px;
  display: grid;
  grid-template-columns: 1fr 58px;
  gap: 10px;
  align-items: center;
}

.gx-clone-next-command button,
.gx-clone-next-command a {
  min-width: 54px;
  padding: 9px 12px;
}

.gx-clone-strip-collect {
  position: absolute;
  right: 3%;
  bottom: 146px;
  z-index: 8;
  padding: 0;
  display: block;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.gx-clone-strip-collect .gx-clone-scene-collect {
  width: 158px;
  min-height: 72px;
  display: grid;
  place-items: center;
  gap: 4px;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #68ca58, #35983d) !important;
  color: #142015 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 5px 0 rgba(27,85,28,.52), 0 16px 22px rgba(21,53,31,.20) !important;
}

.gx-clone-strip-collect img,
.gx-clone-scene-collect img {
  width: 24px;
  height: 24px;
}

.gx-clone-tasks {
  width: min(980px, calc(100vw - 32px));
  margin: 30px auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

.gx-clone-task-card,
.gx-clone-tasks article {
  position: relative;
  min-height: 248px;
  padding: 22px 18px 82px;
  display: grid;
  justify-items: center;
  text-align: center;
  border-radius: 16px;
  background: var(--gx-card);
  color: #f7ffda;
  box-shadow: var(--gx-shadow);
}

.gx-clone-task-card img,
.gx-clone-tasks article img {
  width: 58px;
  height: 58px;
  object-fit: contain;
}

.gx-clone-task-action,
.gx-clone-tasks article button,
.gx-clone-tasks article a {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
}

.gx-clone-shop {
  margin: 0 auto 34px;
  padding: 24px;
  border-radius: 18px;
  background: var(--gx-glass);
  border: 1px solid rgba(255,255,255,.24);
  box-shadow: var(--gx-shadow);
  backdrop-filter: blur(10px);
}

.gx-clone-shop > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 250px 190px;
  gap: 16px;
  align-items: stretch;
  margin-bottom: 20px;
}

.gx-clone-shop h1 {
  margin: 0 0 6px;
  color: #17231d;
  text-transform: uppercase;
  font-size: clamp(24px, 3vw, 38px);
  text-shadow: 0 2px 5px rgba(255,255,255,.48);
}

.gx-clone-shop p {
  color: var(--gx-muted);
  margin: 0;
}

.gx-clone-shop-next,
.gx-clone-shop-balance {
  padding: 16px;
  border-radius: 14px;
  background: rgba(33, 51, 40, .78);
  color: #f7ffda;
}

.gx-clone-shop-balance b {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 22px;
}

.gx-clone-shop-balance img {
  width: 27px;
  height: 27px;
}

.gx-clone-cardgrid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.gx-clone-slot {
  min-height: 318px;
  display: grid;
  grid-template-rows: 144px 1fr;
  overflow: hidden;
  border-radius: 18px;
  background: rgba(39, 61, 49, .76);
  border: 1px solid rgba(255,255,255,.20);
  box-shadow: var(--gx-shadow);
}

.gx-clone-slot-visual {
  position: relative;
  min-height: 144px;
  display: grid;
  place-items: center;
  background: rgba(178, 215, 203, .20);
}

.gx-clone-slot-visual img {
  width: 116px;
  height: 116px;
  object-fit: contain;
  filter: drop-shadow(0 10px 12px rgba(0,0,0,.28));
}

.gx-clone-slot-state,
.gx-clone-dragon-title,
.gx-clone-boost {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 9px;
  border-radius: 999px;
  padding: 4px 8px;
  background: rgba(28,43,36,.78);
  color: #f7ffda;
  text-align: center;
  font-size: 10px;
  text-transform: uppercase;
}

.gx-clone-count {
  position: absolute;
  right: 10px;
  bottom: 10px;
  min-width: 34px;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(22,24,20,.85);
  color: #fff;
}

.gx-clone-slot-footer {
  padding: 14px;
  display: grid;
  align-content: space-between;
  gap: 10px;
  background: rgba(236, 242, 220, .58);
  color: #2b3328;
}

.gx-clone-slot-copy b {
  display: block;
  font-size: 16px;
  line-height: 1.1;
}

.gx-clone-slot-copy span {
  display: block;
  margin-top: 4px;
  color: rgba(31,43,34,.72);
  line-height: 1.15;
}

.gx-clone-slot-meter {
  height: 5px;
  display: block;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(46,72,59,.22);
}

.gx-clone-slot-meter u {
  height: 100%;
  display: block;
  background: #54a99b;
}

.gx-clone-slot button {
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.gx-clone-slot button img {
  width: 20px;
  height: 20px;
}

.gx-clone-slot button em,
.gx-clone-slot button strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-style: normal;
}

.gx-clone-shop-legend {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  justify-content: center;
  color: rgba(31,43,34,.76);
  font-size: 12px;
}

@keyframes gxDragonPulse {
  0%, 100% { transform: translate3d(0,0,0) scale(1); }
  30% { transform: translate3d(0,-4px,0) scale(1.018); }
  58% { transform: translate3d(1px,1px,0) rotate(.6deg); }
}

@keyframes gxGoldFloat {
  0%, 62%, 100% { opacity: 0; transform: translateY(9px); }
  18%, 38% { opacity: 1; transform: translateY(-4px); }
}

/* Deposit, payout, settings */
.gx-deposit-panel,
.gx-deposit-checkout,
.gx-payout-clone,
.gx-settings-grid,
.gx-partner-clone,
.gx-public-copy-panel,
.gx-empty-state {
  width: min(900px, 100%);
  margin: 0 auto 26px;
  padding: 30px;
  border-radius: 22px;
  background: var(--gx-glass);
  border: 1px solid rgba(255,255,255,.28);
  box-shadow: var(--gx-shadow);
  backdrop-filter: blur(10px);
}

.gx-deposit-checkout,
.gx-payout-clone {
  width: min(780px, 100%);
}

.gx-deposit-amount,
.gx-payout-form {
  width: min(560px, 100%);
  margin: 0 auto;
  padding: 18px;
  display: grid;
  gap: 12px;
  border-radius: 18px;
  background: rgba(31, 49, 42, .54);
  border: 1px solid rgba(255,255,255,.30);
}

.gx-deposit-amount label,
.gx-payout-form label {
  display: grid;
  grid-template-columns: 86px 1fr;
  align-items: center;
  gap: 12px;
  margin: 0;
  color: var(--gx-cream);
}

.gx-deposit-amount label input {
  width: 100%;
}

.gx-payment-converter,
.gx-payout-preview {
  display: grid;
  gap: 10px;
}

.gx-payment-converter article,
.gx-payout-preview article {
  min-height: 50px;
  padding: 7px 16px;
  display: flex;
  align-items: center;
  gap: 14px;
  border-radius: 999px;
  background: rgba(226, 239, 221, .68);
  color: #20342c;
}

.gx-payment-converter img,
.gx-payment-converter svg,
.gx-payment-converter .gx-payment-icon,
.gx-payout-preview img,
.gx-payout-preview svg,
.gx-payout-preview .gx-payment-icon {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
}

.gx-deposit-methods,
.gx-payment-types {
  display: grid;
  gap: 16px;
}

.gx-deposit-providers {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 18px;
}

.gx-deposit-coins,
.gx-payout-methods {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.gx-payment-type,
.gx-payout-method-card {
  min-height: 76px;
  padding: 12px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  border-radius: 999px;
  background: rgba(31, 47, 42, .72);
  color: #f7ffda !important;
  text-decoration: none !important;
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: var(--gx-inner), 0 10px 18px rgba(17,38,34,.18);
}

.gx-payment-type:hover,
.gx-payout-method-card:hover {
  background: rgba(38, 63, 55, .80);
}

.gx-payment-type img,
.gx-payment-type svg,
.gx-payment-icon,
.gx-payout-method-icon img,
.gx-payout-method-icon svg {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  object-fit: contain;
}

.gx-payout-method-copy {
  display: grid;
  gap: 3px;
}

.minPay {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: rgba(247,255,218,.82);
}

.minPay img {
  width: 16px;
  height: 16px;
}

.gx-activity-panel,
.gx-activity-help {
  margin: 0 auto 18px;
  padding: 16px;
  border-radius: 16px;
  background: rgba(32, 51, 44, .70);
  color: #f7ffda;
}

.gx-activity-track {
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.20);
}

.gx-activity-track div {
  width: var(--gx-activity, 0);
  height: 100%;
  background: linear-gradient(90deg, #8fdc7d, #ffd66c);
}

.gx-activity-range {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 8px;
  font-size: 12px;
}

.gx-payout-wallet {
  min-height: 52px;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-radius: 14px;
  background: rgba(30, 47, 40, .72);
  color: #f7ffda;
}

.gx-payout-wallet-entry {
  display: grid;
  grid-template-columns: 1fr;
}

.gx-settings-grid {
  display: grid;
  gap: 18px;
}

.gx-settings-section-title {
  text-align: center;
  text-transform: uppercase;
  color: #17231d;
  font-size: 20px;
  text-shadow: 0 2px 4px rgba(255,255,255,.40);
}

.gx-settings-card {
  padding: 14px;
  border-radius: 16px;
  background: rgba(35, 55, 47, .68);
  border: 1px solid rgba(255,255,255,.18);
}

.gx-settings-password-form,
.gx-settings-payout-form {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) minmax(0, 1fr) 128px;
  gap: 10px;
  align-items: center;
}

.gx-settings-payout-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.gx-settings-payout-form {
  grid-template-columns: 52px minmax(0, 1fr) 104px;
}

.gx-settings-row-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(22, 42, 37, .62);
  color: #f7ffda;
}

.gx-settings-row-icon img,
.gx-settings-row-icon svg {
  width: 36px;
  height: 36px;
}

/* Partners and public */
.gx-partner-hero,
.gx-home-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
  gap: 26px;
  align-items: center;
}

.gx-partner-hero img,
.gx-home-clone-art {
  width: min(360px, 100%);
  margin: 0 auto;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 20px 22px rgba(0,0,0,.24));
}

.gx-partner-summary,
.gx-partner-reward-grid,
.gx-public-steps,
.gx-public-perks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.gx-partner-summary article,
.gx-partner-reward-grid article,
.gx-public-steps article,
.gx-public-perks article {
  min-height: 120px;
  padding: 18px;
  display: grid;
  place-items: center;
  text-align: center;
  border-radius: 16px;
  background: rgba(31, 49, 42, .70);
  color: #f7ffda;
  box-shadow: var(--gx-inner), 0 10px 20px rgba(19, 42, 37, .18);
}

.gx-partner-reward-grid img,
.gx-public-steps img,
.gx-public-perks img {
  width: 74px;
  height: 74px;
  object-fit: contain;
}

.gx-partner-link {
  margin: 18px 0;
  display: grid;
  gap: 8px;
}

.gx-partner-link > div {
  display: grid;
  grid-template-columns: 1fr 120px;
  gap: 10px;
}

.gx-public-shell-header {
  width: min(1080px, calc(100vw - 36px));
  margin: 30px auto 18px;
}

.gx-public-topline {
  min-height: 104px;
  padding: 14px 22px;
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  border-radius: 22px;
  background: var(--gx-glass);
  border: 1px solid rgba(255,255,255,.26);
  box-shadow: var(--gx-shadow);
  backdrop-filter: blur(10px);
}

.gx-public-stats {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

.gx-public-stats article {
  min-width: 112px;
  min-height: 58px;
  display: grid;
  place-items: center;
  align-content: center;
  border-radius: 12px;
  background: rgba(48, 72, 64, .62);
  color: #f7ffda;
}

.gx-home-hero {
  width: min(1080px, 100%);
  margin: 0 auto 30px;
  padding: 34px;
  border-radius: 24px;
  background: var(--gx-glass);
  box-shadow: var(--gx-shadow);
  border: 1px solid rgba(255,255,255,.26);
}

.gx-home-copy {
  display: grid;
  justify-items: center;
  text-align: center;
}

.gx-home-copy h1 {
  max-width: 460px;
  margin: -20px 0 0;
  color: #fff;
  font-size: clamp(34px, 5vw, 58px);
  line-height: .92;
  text-shadow: 0 4px 8px rgba(0,0,0,.34);
}

.gx-home-login {
  padding: 24px;
  border-radius: 20px;
  background: rgba(36, 59, 51, .76);
  border: 1px solid rgba(255,255,255,.20);
  box-shadow: var(--gx-shadow);
}

.gx-home-wordmark {
  margin: 0 auto 16px;
}

.gx-auth-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 12px;
}

.gx-auth-tabs button {
  min-height: 42px;
  background: rgba(232,240,219,.80) !important;
  box-shadow: none !important;
}

.gx-auth-tabs button.is-active {
  background: linear-gradient(180deg, #ffd465, #f0a627) !important;
}

.gx-auth-form {
  display: none;
  gap: 10px;
}

.gx-auth-form.is-active {
  display: grid;
}

.gx-public-slogan,
.gx-public-payment-title {
  width: min(980px, calc(100vw - 36px));
  margin: 18px auto;
  color: #263125;
  text-align: center;
  text-transform: uppercase;
  font-size: clamp(20px, 2.6vw, 34px);
  transform: rotate(2deg);
  background: rgba(235, 211, 112, .78);
  border-radius: 8px;
  padding: 8px 18px;
  box-shadow: 0 8px 16px rgba(37,56,42,.16);
}

.gx-public-slogan strong,
.gx-public-slogan span {
  display: block;
}

.gx-public-slogan strong {
  font-size: 1.35em;
  line-height: 1;
}

.gx-public-slogan span {
  margin-top: 3px;
  font-size: .58em;
  letter-spacing: 0;
}

.gx-public-payments {
  width: min(980px, 100%);
  margin: 18px auto 28px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 18px;
  overflow: visible;
}

.gx-public-payments span {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(31,49,42,.72);
  box-sizing: border-box;
}

.gx-public-payments img {
  width: 48px;
  height: 48px;
  padding: 8px;
  border-radius: 999px;
  background: rgba(31,49,42,.72);
  box-sizing: border-box;
  display: block;
}

.gx-public-payments span > img,
.gx-public-payments span > .gx-coin-badge {
  width: 100%;
  height: 100%;
  max-width: 48px;
  max-height: 48px;
}

.gx-clone-copy {
  max-width: 760px;
  margin: 0 auto;
  color: #f7ffda;
  line-height: 1.6;
}

.gx-clone-copy h2 {
  color: #17231d;
  text-shadow: 0 2px 4px rgba(255,255,255,.34);
}

.gx-footer {
  width: min(860px, calc(100vw - 36px));
  margin: 0 auto 24px;
  padding: 12px;
  border-radius: 16px;
  background: rgba(35,55,47,.62);
  color: #f7ffda;
}

.gx-footer-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
}

.gx-footer-menu a {
  color: #f7ffda;
  text-decoration: none;
}

.gx-route-not-found {
  text-align: center;
}

.gx-route-not-found img {
  width: 90px;
}

/* Admin */
body.gx-admin {
  color: #eaf5dd;
}

body.gx-admin .container-fluid {
  width: min(1480px, calc(100vw - 28px));
  margin: 24px auto;
}

body.gx-admin:has(.gx-admin-game-table) .container-fluid {
  width: calc(100vw - 18px);
  margin-top: 12px;
}

body.gx-admin .row {
  margin-left: 0;
  margin-right: 0;
}

.fcmenu {
  min-height: calc(100vh - 48px);
  border-radius: 22px 0 0 22px;
  overflow: hidden;
  background: rgba(28, 46, 40, .82) !important;
  box-shadow: var(--gx-shadow);
}

.gx-admin-brand {
  min-height: 90px;
  display: grid;
  place-items: center;
  background: linear-gradient(180deg, rgba(255,215,113,.96), rgba(229,160,45,.94)) !important;
}

.gx-admin-brand img {
  width: 112px;
  display: block;
  margin: 0 auto 4px;
}

.fcmenu .nav-link {
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 14px !important;
  color: #eaf5dd !important;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.fcmenu .nav-link:hover {
  background: rgba(255,255,255,.08) !important;
}

.fcmenu .badge {
  margin-left: auto;
  border-radius: 999px;
}

.gx-admin-topbar {
  min-height: 54px;
  border-radius: 0 22px 0 0;
  background: rgba(31, 50, 43, .82) !important;
  border-left: 1px solid rgba(255,255,255,.08);
}

.gx-admin-content {
  min-height: calc(100vh - 102px);
  padding: 22px !important;
  border-radius: 0 0 22px 0;
  background: var(--gx-glass);
  color: #17231d;
  box-shadow: var(--gx-shadow);
}

body.gx-admin:has(.gx-admin-game-table) .fcmenu {
  flex: 0 0 150px;
  width: 150px;
  max-width: 150px;
}

body.gx-admin:has(.gx-admin-game-table) .col-md-10 {
  flex: 0 0 calc(100% - 150px);
  width: calc(100% - 150px);
  max-width: calc(100% - 150px);
}

body.gx-admin .gx-admin-game-table {
  min-width: 0;
  width: 100%;
  table-layout: fixed;
}

body.gx-admin .gx-admin-game-table th,
body.gx-admin .gx-admin-game-table td {
  padding: 8px 6px !important;
  font-size: 11px;
  line-height: 1.15;
  vertical-align: middle;
}

body.gx-admin .gx-admin-game-table th:nth-child(1),
body.gx-admin .gx-admin-game-table td:nth-child(1) {
  width: 42px;
}

body.gx-admin .gx-admin-game-table th:nth-child(2),
body.gx-admin .gx-admin-game-table td:nth-child(2) {
  width: 82px;
}

body.gx-admin .gx-admin-game-table th:nth-child(n+4):nth-child(-n+13),
body.gx-admin .gx-admin-game-table td:nth-child(n+4):nth-child(-n+13) {
  width: 36px;
}

.gx-admin-content h3,
.gx-admin-content h4,
.gx-admin-content h5 {
  color: #17231d;
  font-weight: 900;
}

body.gx-admin .card,
body.gx-admin .bg-light,
body.gx-admin .alert-light {
  border: 1px solid rgba(255,255,255,.24) !important;
  border-radius: 16px !important;
  background: rgba(31, 49, 42, .62) !important;
  color: #f7ffda !important;
  box-shadow: 0 12px 22px rgba(17,38,34,.14);
}

body.gx-admin .card-header,
body.gx-admin .bg-dark {
  border: 0 !important;
  background: rgba(31, 50, 43, .82) !important;
  color: #f7ffda !important;
}

body.gx-admin .table {
  color: #f7ffda !important;
  background: transparent !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.gx-admin .bg-white,
body.gx-admin .table thead,
body.gx-admin .table tbody,
body.gx-admin .table tr,
body.gx-admin .table td,
body.gx-admin .table th {
  background-color: transparent !important;
  background: transparent !important;
  border-color: rgba(255,255,255,.14) !important;
  color: #f7ffda !important;
}

body.gx-admin .table-responsive,
body.gx-admin .gx-admin-table-form {
  border-radius: 16px;
  overflow: auto;
  background: rgba(31, 49, 42, .58) !important;
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 12px 22px rgba(17,38,34,.14);
}

body.gx-admin .table-striped tbody tr:nth-of-type(odd) {
  background: rgba(255,255,255,.05) !important;
}

body.gx-admin .table-hover tbody tr:hover {
  background: rgba(255,213,101,.12) !important;
}

body.gx-admin .form-control,
body.gx-admin .custom-select,
body.gx-admin select,
body.gx-admin input[type="text"],
body.gx-admin input[type="number"],
body.gx-admin input[type="email"],
body.gx-admin input[type="password"] {
  background: rgba(225, 239, 221, .78) !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  color: #20342c !important;
  border-radius: 12px !important;
}

body.gx-admin .btn-outline-dark {
  color: #f7ffda !important;
  border-color: rgba(255,255,255,.22) !important;
  background: rgba(31, 49, 42, .46) !important;
}

body.gx-admin .btn-dark,
body.gx-admin .btn-success,
body.gx-admin .btn-primary {
  border: 0 !important;
  color: #17231d !important;
  background: linear-gradient(180deg, #ffd465, #f0a627) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 4px 0 rgba(119,82,20,.42) !important;
}

body.gx-admin .btn-danger {
  border: 0 !important;
  color: #fff7e6 !important;
  background: linear-gradient(180deg, #d65d4e, #9d352f) !important;
}

body.gx-admin .table a {
  color: #fff2a8 !important;
}

body.gx-admin .gx-admin-content,
body.gx-admin .col-md-12.py-3,
body.gx-admin .gx-empty-state {
  background: var(--gx-glass) !important;
  background-color: transparent !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  box-shadow: 0 18px 42px rgba(15,35,34,.22) !important;
  backdrop-filter: blur(10px) !important;
  color: #f7ffda !important;
}

body.gx-admin .gx-admin-content {
  overflow-x: clip !important;
}

body.gx-admin .table-responsive {
  max-width: 100% !important;
}

body.gx-admin .table {
  margin-bottom: 0 !important;
  font-size: 13px !important;
}

body.gx-admin .text-dark,
body.gx-admin .text-muted,
body.gx-admin .card-title,
body.gx-admin .bg-light b,
body.gx-admin .bg-light small,
body.gx-admin .bg-light p {
  color: #f7ffda !important;
}

body.gx-admin .pagination .page-link {
  border-radius: 999px !important;
  margin: 0 3px;
  border: 0;
  color: #17231d;
}

body.gx-admin .pagination .active .page-link {
  background: var(--gx-gold);
}

body.gx-admin .col-md-4.alert-light {
  width: min(440px, calc(100vw - 32px));
  margin: 8vh auto 0;
  border-radius: 22px !important;
  overflow: hidden;
  box-shadow: var(--gx-shadow);
}

body.gx-admin .gx-admin-topbar {
  min-height: 42px !important;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px !important;
  border-radius: 0 18px 0 0 !important;
}

body.gx-admin .gx-admin-topbar a {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 10px;
  border-radius: 2px;
  background: rgba(220, 238, 218, .20);
  color: #eff8df !important;
  font-weight: 900;
}

body.gx-admin .gx-admin-topbar a.float-end {
  margin-left: auto;
}

body.gx-admin .gx-admin-content {
  min-height: auto !important;
  padding: 16px !important;
  color: #17231d !important;
}

body.gx-admin .card,
body.gx-admin .alert-light,
body.gx-admin .gx-admin-content > .pb-4 > .row.alert-light {
  background: linear-gradient(135deg, rgba(194, 244, 249, .56), rgba(234, 250, 215, .46)) !important;
  color: #17231d !important;
  border-color: rgba(255,255,255,.44) !important;
}

body.gx-admin .card-header {
  background: rgba(24, 49, 42, .84) !important;
  color: #f8ffdf !important;
  border-radius: 14px 14px 0 0 !important;
}

body.gx-admin .gx-admin-content > .pb-4 > .row.alert-light {
  padding: 10px !important;
  margin: 0 !important;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.gx-admin .gx-admin-content > .pb-4 > .row.alert-light > [class*="col-"] {
  width: auto;
  max-width: none;
  padding: 0 !important;
}

body.gx-admin .gx-admin-content > .pb-4 .bg-light,
body.gx-admin .alert-light .bg-light {
  min-height: 86px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 3px;
  border-radius: 14px !important;
  background: rgba(219, 249, 247, .58) !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  color: #17231d !important;
}

body.gx-admin .gx-admin-content > .pb-4 .bg-light i,
body.gx-admin .gx-admin-content > .pb-4 .bg-light small,
body.gx-admin .gx-admin-content > .pb-4 .bg-light b {
  color: #17231d !important;
  text-shadow: none !important;
}

body.gx-admin .table-responsive,
body.gx-admin .gx-admin-table-form {
  background: rgba(205, 247, 242, .50) !important;
  border: 1px solid rgba(255,255,255,.46) !important;
}

body.gx-admin .table {
  min-width: 760px;
  color: #17231d !important;
}

body.gx-admin .gx-admin-table-form .table {
  min-width: 1080px;
}

body.gx-admin .table thead,
body.gx-admin .table thead tr,
body.gx-admin .table thead th {
  background: rgba(21, 45, 39, .92) !important;
  color: #f8ffdf !important;
}

body.gx-admin .table thead th {
  padding: 10px 8px !important;
  vertical-align: middle !important;
  white-space: nowrap;
  line-height: 1.15;
  font-size: 12px;
}

body.gx-admin .table tbody tr,
body.gx-admin .table tbody td {
  background: rgba(222, 249, 240, .58) !important;
  color: #17231d !important;
}

body.gx-admin .table td {
  padding: 9px 8px !important;
  vertical-align: middle !important;
}

body.gx-admin .table thead a {
  color: #f8ffdf !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.gx-admin .table tbody a {
  color: #0f584c !important;
  font-weight: 900;
}

body.gx-admin .text-dark,
body.gx-admin .text-muted,
body.gx-admin .card-title,
body.gx-admin .bg-light b,
body.gx-admin .bg-light small,
body.gx-admin .bg-light p {
  color: #17231d !important;
}

@media (max-width: 1120px) {
  body.gx-admin .gx-admin-content > .pb-4 > .row.alert-light {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* responsive */
@media (max-width: 1120px) {
  .gx-active-menu-card {
    grid-template-columns: 132px 1fr;
  }
  .gx-active-menu-stats {
    grid-column: 2;
  }
  .gx-active-menu {
    grid-column: 1 / -1;
    justify-content: center;
  }
  .gx-clone-cardgrid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  body.gx-shell #content,
  body.gx-public #content {
    width: min(100vw - 18px, 760px);
  }
  .gx-active-menu-card,
  .gx-public-topline,
  .gx-home-hero,
  .gx-partner-hero {
    grid-template-columns: 1fr;
  }
  .gx-active-brand,
  .gx-public-brand {
    margin: 0 auto;
  }
  .gx-active-menu-stats {
    grid-column: auto;
  }
  .gx-active-menu {
    overflow-x: auto;
    justify-content: flex-start;
    padding-bottom: 4px;
  }
  .gx-active-menu a {
    flex: 0 0 76px;
  }
  .gx-clone-tabs,
  .gx-deposit-coins,
  .gx-payout-methods,
  .gx-settings-payout-grid,
  .gx-partner-summary,
  .gx-partner-reward-grid,
  .gx-public-steps,
  .gx-public-perks {
    grid-template-columns: 1fr 1fr;
  }
  .gx-clone-command-strip,
  .gx-clone-shop > header,
  .gx-settings-password-form,
  .gx-settings-payout-form {
    grid-template-columns: 1fr;
  }
  .gx-clone-cardgrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .gx-clone-tasks {
    grid-template-columns: 1fr;
  }
  .gx-clone-playfield {
    height: 300px;
  }
  .gx-live-dragon {
    width: 96px !important;
    height: 114px;
  }
  .gx-live-dragon img {
    height: 92px;
  }
  .gx-live-dragon-count {
    right: 2px;
    bottom: 2px;
  }
  body.gx-admin .container-fluid {
    width: calc(100vw - 18px);
  }
  .fcmenu,
  .gx-admin-topbar,
  .gx-admin-content {
    border-radius: 18px !important;
  }
}

@media (max-width: 560px) {
  body.gx-shell #header.gx-site-header,
  .gx-public-shell-header {
    margin-top: 12px;
  }
  .gx-active-menu-card,
  .gx-public-topline,
  .gx-home-hero,
  .gx-deposit-panel,
  .gx-deposit-checkout,
  .gx-payout-clone,
  .gx-settings-grid,
  .gx-partner-clone,
  .gx-public-copy-panel {
    width: calc(100vw - 14px);
    padding: 14px;
    border-radius: 18px;
  }
  .gx-active-menu-stats {
    grid-template-columns: repeat(2, 1fr);
  }
  .gx-clone-tabs,
  .gx-deposit-providers,
  .gx-deposit-coins,
  .gx-payout-methods,
  .gx-settings-payout-grid,
  .gx-partner-summary,
  .gx-partner-reward-grid,
  .gx-public-steps,
  .gx-public-perks,
  .gx-public-stats {
    grid-template-columns: 1fr;
  }
  .gx-public-stats {
    display: grid;
  }
  .gx-deposit-amount label,
  .gx-payout-form label,
  .gx-partner-link > div {
    grid-template-columns: 1fr;
  }
  .gx-clone-cardgrid {
    grid-template-columns: 1fr;
  }
  .gx-clone-playfield {
    height: 250px;
  }
  .gx-live-dragon {
    width: 82px !important;
  }
  .gx-live-dragon-1 { left: 0; top: 54%; }
  .gx-live-dragon-2 { left: 13%; top: 43%; }
  .gx-live-dragon-3 { left: 25%; top: 58%; }
  .gx-live-dragon-4 { left: 40%; top: 46%; }
  .gx-live-dragon-5 { left: 52%; top: 59%; }
  .gx-live-dragon-6 { left: 65%; top: 46%; }
  .gx-live-dragon-7 { left: 78%; top: 58%; }
  .gx-live-dragon-8 { left: 25%; top: 30%; }
  .gx-live-dragon-9 { left: 48%; top: 29%; }
  .gx-live-dragon-10 { left: 67%; top: 28%; }
}

/* final specificity layer */
html body.gx-public .gx-public-topline {
  display: grid !important;
  grid-template-columns: 170px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
  background: var(--gx-glass) !important;
}

html body.gx-public .gx-public-stats {
  width: auto !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(120px, 1fr)) !important;
  gap: 12px !important;
  background: transparent !important;
}

html body.gx-public .gx-public-stats article {
  width: auto !important;
  height: 62px !important;
  min-height: 62px !important;
  padding: 8px 12px !important;
  transform: none !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(48, 72, 64, .62) !important;
  color: #f7ffda !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 8px 15px rgba(12,32,28,.18) !important;
}

html body.gx-public .gx-public-stats article span,
html body.gx-public .gx-public-stats article b {
  color: #f7ffda !important;
  text-shadow: 0 2px 4px rgba(0,0,0,.28) !important;
}

html body.gx-public .gx-home-copy {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.gx-public .gx-home-clone .gx-home-copy {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.gx-public .gx-home-copy h1 {
  max-width: 420px !important;
  margin: 8px 0 0 !important;
  font-size: clamp(28px, 3.4vw, 44px) !important;
  line-height: .98 !important;
}

html body.gx-public .gx-home-clone-art {
  width: min(330px, 90%) !important;
  height: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.gx-public .gx-home-login {
  background: rgba(36, 59, 51, .76) !important;
  min-height: 430px !important;
  display: grid !important;
  align-content: center !important;
}

html body.gx-shell .gx-live-dragon figcaption {
  display: none !important;
}

html body.gx-shell .gx-payout-methods {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

html body.gx-shell .gx-payout-method-card {
  width: auto !important;
  min-height: 86px !important;
}

html body.gx-shell .gx-payout-clone .gx-payout-form,
html body.gx-shell .gx-deposit-checkout .gx-deposit-amount {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.gx-shell .gx-payment-converter article,
html body.gx-shell .gx-payout-preview article,
html body.gx-shell .gx-deposit-amount input,
html body.gx-shell .gx-payout-form input,
html body.gx-shell .gx-settings-grid input {
  background: rgba(220, 235, 219, .56) !important;
  color: #20342c !important;
}

html body.gx-shell .gx-deposit-amount button,
html body.gx-shell .gx-payout-form button,
html body.gx-shell .gx-settings-grid button {
  background: linear-gradient(180deg, #ffd465, #f0a627) !important;
  color: #1e2119 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 6px 0 rgba(121, 85, 20, .45), 0 14px 24px rgba(40, 58, 33, .22) !important;
}

html body.gx-shell .gx-payout-wallet-entry {
  padding: 0 !important;
  display: block !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.gx-shell .gx-payout-wallet-entry span {
  display: none !important;
}

html body.gx-shell .gx-payout-wallet-entry input {
  width: 100% !important;
  min-height: 52px !important;
  padding: 0 18px !important;
}

html body.gx-shell .gx-partner-hero {
  grid-template-columns: 260px minmax(0, 1fr) !important;
  background: rgba(218, 235, 220, .36) !important;
  border-radius: 16px !important;
  padding: 18px !important;
}

html body.gx-shell .gx-partner-summary article,
html body.gx-shell .gx-partner-reward-grid article {
  background: rgba(31, 49, 42, .72) !important;
  color: #f7ffda !important;
}

html body.gx-shell .gx-settings-card,
html body.gx-shell .gx-purse-row {
  background: rgba(35, 55, 47, .58) !important;
}

html body.gx-public .page_title,
html body.gx-shell .page_title {
  background: transparent !important;
  color: #17231d !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.gx-public .page_nav.gx-public-copy-panel,
html body.gx-public .gx-public-copy-panel,
html body.gx-public .gx-public-clone-page {
  background: var(--gx-glass) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  box-shadow: var(--gx-shadow) !important;
  color: #f7ffda !important;
}

html body.gx-shell .gx-clone-shop > header > div,
html body.gx-shell .gx-clone-shop-next,
html body.gx-shell .gx-clone-shop-balance {
  background: rgba(33, 51, 40, .74) !important;
  color: #f7ffda !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 10px 20px rgba(18,43,37,.14) !important;
}

html body.gx-shell .gx-clone-shop > header > div:first-child {
  padding: 16px !important;
  border-radius: 14px !important;
}

html body.gx-shell .gx-clone-shop h1,
html body.gx-shell .gx-clone-shop p,
html body.gx-shell .gx-clone-shop small,
html body.gx-shell .gx-clone-shop span,
html body.gx-shell .gx-clone-shop b {
  color: #f7ffda !important;
}

html body.gx-shell .gx-partner-link,
html body.gx-shell .gx-partner-link > div,
html body.gx-shell .gx-partner-history {
  background: transparent !important;
}

/* Site-wide finish pass */
html body.gx-shell .gx-deposit-panel {
  width: min(980px, calc(100vw - 34px)) !important;
}

html body.gx-shell .gx-deposit-providers {
  grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
  max-width: 650px !important;
  margin: 0 auto 18px !important;
}

html body.gx-shell .gx-deposit-coins {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: min(860px, 100%) !important;
  max-width: 860px !important;
  margin: 0 auto !important;
}

html body.gx-shell .gx-payment-type,
html body.gx-shell .gx-payout-method-card {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 70px !important;
  margin: 0 !important;
  padding: 10px 16px !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(31, 49, 42, .82), rgba(27, 43, 36, .78)) !important;
}

html body.gx-shell .gx-payment-type span,
html body.gx-shell .gx-payout-method-card span,
html body.gx-shell .gx-payout-method-copy {
  min-width: 0 !important;
}

html body.gx-shell .gx-deposit-checkout,
html body.gx-shell .gx-payout-clone {
  width: min(780px, calc(100vw - 34px)) !important;
  display: grid !important;
  justify-items: center !important;
  gap: 16px !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-amount,
html body.gx-shell .gx-payout-clone .gx-payout-form {
  width: min(540px, 100%) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.gx-shell .gx-payment-converter,
html body.gx-shell .gx-payout-preview {
  width: 100% !important;
}

html body.gx-shell .gx-payment-converter article,
html body.gx-shell .gx-payout-preview article {
  min-height: 50px !important;
  background: rgba(223, 238, 219, .62) !important;
  border: 1px solid rgba(255,255,255,.24) !important;
}

html body.gx-shell .gx-payout-wallet-entry {
  width: 100% !important;
  padding: 12px !important;
  background: rgba(224, 238, 219, .50) !important;
  border-radius: 16px !important;
}

html body.gx-shell .gx-payout-form #payout,
html body.gx-shell .gx-payout-form #payout .block {
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.gx-shell .gx-payout-form #payout > div,
html body.gx-shell .gx-payout-wallet-entry {
  background: rgba(31, 49, 42, .54) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 16px !important;
}

html body.gx-shell .gx-payout-wallet-entry input {
  background: rgba(42, 68, 58, .82) !important;
  color: #f7ffda !important;
  border-color: rgba(255,255,255,.18) !important;
}

html body.gx-shell .gx-clone-slot-footer {
  background: rgba(32, 51, 43, .58) !important;
  color: #f7ffda !important;
  border-top: 1px solid rgba(255,255,255,.14) !important;
}

html body.gx-shell .gx-clone-slot-footer small,
html body.gx-shell .gx-clone-slot-footer span,
html body.gx-shell .gx-clone-slot-footer b {
  color: #f7ffda !important;
}

html body.gx-shell .gx-settings-grid {
  width: min(980px, calc(100vw - 34px)) !important;
  padding: 28px !important;
}

html body.gx-shell .gx-settings-section-title {
  padding: 11px 16px !important;
  border-radius: 12px !important;
  background: rgba(47, 112, 110, .32) !important;
  color: #12221d !important;
}

html body.gx-shell .gx-settings-card,
html body.gx-shell .gx-purse-row {
  background: rgba(31, 49, 42, .72) !important;
  border-color: rgba(255,255,255,.18) !important;
}

html body.gx-shell .gx-settings-password-form,
html body.gx-shell .gx-settings-payout-form {
  gap: 10px !important;
}

html body.gx-shell .gx-settings-grid input {
  min-height: 52px !important;
  background: rgba(42, 68, 58, .74) !important;
  color: #f7ffda !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 14px !important;
}

html body.gx-shell .gx-settings-password-form input,
html body.gx-shell .gx-settings-payout-grid .gx-settings-payout-form input[type="text"] {
  background: rgba(42, 68, 58, .82) !important;
  color: #f7ffda !important;
  border-color: rgba(255,255,255,.18) !important;
}

html body.gx-shell .gx-settings-grid input::placeholder {
  color: rgba(247,255,218,.72) !important;
}

html body.gx-shell .gx-settings-row-icon {
  background: rgba(20, 39, 34, .66) !important;
}

html body.gx-shell .gx-settings-grid button {
  min-height: 52px !important;
  border-radius: 16px !important;
}

html body.gx-shell .gx-partner-clone {
  width: min(1020px, calc(100vw - 34px)) !important;
  padding: 26px !important;
}

html body.gx-shell .gx-partner-hero {
  grid-template-columns: 220px minmax(0, 1fr) !important;
  margin-bottom: 18px !important;
  background: rgba(33, 53, 45, .52) !important;
}

html body.gx-shell .gx-partner-hero .page_title {
  margin: 0 0 10px !important;
  width: auto !important;
  text-align: left !important;
}

html body.gx-shell .gx-partner-hero p {
  max-width: 620px !important;
  color: #21362e !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
}

html body.gx-shell .gx-partner-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.gx-shell .gx-partner-summary article {
  min-height: 112px !important;
  align-content: center !important;
}

html body.gx-shell .gx-partner-link {
  padding: 16px !important;
  border-radius: 16px !important;
  background: rgba(31, 49, 42, .62) !important;
  color: #f7ffda !important;
}

html body.gx-shell .gx-partner-link input {
  background: rgba(219, 236, 218, .38) !important;
  color: #f7ffda !important;
  border-radius: 14px !important;
}

html body.gx-public .gx-home-hero {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding-top: 20px !important;
}

html body.gx-public .gx-home-copy,
html body.gx-public .gx-home-clone .gx-home-copy {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html body.gx-public .gx-home-clone-art {
  width: min(410px, 100%) !important;
}

html body.gx-public .gx-guest-form {
  display: grid !important;
  margin-top: 10px !important;
}

html body.gx-public .gx-guest-form button {
  min-height: 48px !important;
  border-radius: 999px !important;
  background: rgba(31, 49, 42, .78) !important;
  color: #f7ffda !important;
  border: 1px solid rgba(255,255,255,.20) !important;
}

html body.gx-shell .gx-deposit-panel,
html body.gx-shell .gx-payout-clone,
html body.gx-shell .gx-settings-grid,
html body.gx-shell .gx-partner-clone,
html body.gx-public .gx-public-copy-panel {
  background: var(--gx-glass) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  box-shadow: 0 18px 42px rgba(15,35,34,.22) !important;
  backdrop-filter: blur(10px) !important;
}

html body.gx-shell .gx-deposit-panel {
  width: min(920px, calc(100vw - 30px)) !important;
  padding: 26px !important;
}

html body.gx-shell .gx-deposit-checkout,
html body.gx-shell .gx-payout-clone {
  width: min(680px, calc(100vw - 30px)) !important;
  padding: 26px !important;
}

html body.gx-shell .gx-deposit-amount,
html body.gx-shell .gx-payout-form {
  width: min(540px, 100%) !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.gx-shell .gx-payment-converter article,
html body.gx-shell .gx-payout-preview article {
  min-height: 48px !important;
  background: rgba(229, 240, 222, .70) !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.26), 0 6px 14px rgba(23,39,33,.10) !important;
}

html body.gx-shell .gx-deposit-amount > button,
html body.gx-shell .gx-deposit-amount > .gx-payment-back,
html body.gx-shell .gx-deposit-amount > .gx-payment-signup,
html body.gx-shell .gx-payout-form button,
html body.gx-shell .gx-payout-form .gx-payment-signup,
html body.gx-shell .gx-payout-form .gx-payout-route-link {
  min-height: 48px !important;
  border-radius: 999px !important;
}

html body.gx-shell .gx-payout-methods,
html body.gx-shell .gx-deposit-coins {
  gap: 12px !important;
}

html body.gx-shell.gx-page-payout .gx-payout-clone:has(.gx-payout-methods) {
  width: min(820px, calc(100vw - 30px)) !important;
}

html body.gx-shell .gx-payout-methods {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.gx-shell .gx-payout-method-card,
html body.gx-shell .gx-payment-type {
  min-height: 70px !important;
  padding: 10px 16px !important;
}

html body.gx-shell .gx-payout-method-card {
  gap: 10px !important;
  padding: 10px 14px !important;
}

html body.gx-shell .gx-payout-method-icon {
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
}

html body.gx-shell .gx-payout-method-copy,
html body.gx-shell .gx-payout-method-copy .title {
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.1 !important;
}

html body.gx-shell .gx-table-scroll {
  width: min(820px, calc(100vw - 30px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body.gx-shell .gx-deposit-checkout,
html body.gx-shell .gx-payout-clone {
  background: var(--gx-glass) !important;
  background-color: transparent !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-amount,
html body.gx-shell .gx-payout-clone .gx-payout-form {
  width: min(540px, 100%) !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.gx-shell .gx-payout-form #payout > div,
html body.gx-shell .gx-payout-wallet-entry {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
}

html body.gx-shell .gx-guest-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  place-items: center;
  padding: 18px;
  background: rgba(8, 20, 18, .54);
  backdrop-filter: blur(8px);
}

html body.gx-shell .gx-guest-modal.is-open {
  display: grid;
}

html body.gx-shell .gx-guest-dialog {
  width: min(460px, 100%);
  padding: 24px;
  position: relative;
  display: grid;
  gap: 12px;
  text-align: center;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(39, 62, 52, .94), rgba(24, 42, 35, .94));
  color: #f7ffda;
  border: 1px solid rgba(255,255,255,.20);
  box-shadow: 0 28px 60px rgba(0,0,0,.36);
}

html body.gx-shell .gx-guest-dialog > img {
  width: 140px;
  margin: 0 auto;
}

html body.gx-shell .gx-guest-close {
  position: absolute;
  right: 12px;
  top: 10px;
  width: 34px;
  height: 34px;
  min-height: 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
}

html body.gx-shell .gx-guest-login-form,
html body.gx-shell .gx-guest-register-form {
  display: grid;
  gap: 10px;
}

html body.gx-shell .gx-guest-login-form input,
html body.gx-shell .gx-guest-register-form input {
  min-height: 50px;
  border-radius: 14px;
  padding: 0 16px;
  background: rgba(226, 239, 221, .82);
  border: 1px solid rgba(255,255,255,.24);
}

html body.gx-shell .gx-guest-login-form button,
html body.gx-shell .gx-guest-register-form button,
html body.gx-shell .gx-payout-min-final {
  border-radius: 999px;
}

html body.gx-shell .gx-guest-or {
  color: #f7ffda;
  font-size: 12px;
  font-weight: 900;
  opacity: .86;
  text-transform: uppercase;
}

html body.gx-shell .gx-guest-error {
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(139, 42, 35, .72);
}

html body.gx-shell .gx-payout-min-final {
  width: min(560px, 100%);
  min-height: 48px;
  padding: 8px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: rgba(31, 49, 42, .62);
  color: #f7ffda;
  border: 1px solid rgba(255,255,255,.16);
}

html body.gx-shell .gx-payout-min-final b {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

html body.gx-shell .gx-payout-min-final img {
  width: 22px;
  height: 22px;
}

html body.gx-shell .gx-partner-share {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 18px;
}

html body.gx-shell .gx-partner-share a {
  min-height: 46px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  text-decoration: none !important;
  background: linear-gradient(180deg, #ffd465, #f0a627);
  color: #19231d !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 4px 0 rgba(119,82,20,.42);
}

html body.gx-shell.gx-page-person .gx-clone-slot {
  grid-template-rows: 178px 1fr;
  min-height: 330px;
}

html body.gx-shell.gx-page-person .gx-clone-slot-visual {
  min-height: 178px;
  align-items: end;
  background: radial-gradient(circle at 50% 74%, rgba(255,222,113,.24), rgba(178,215,203,.12) 52%, rgba(31,49,42,.16));
}

html body.gx-shell.gx-page-person .gx-clone-slot-visual img {
  width: 156px;
  height: 150px;
  margin-bottom: 10px;
}

html body.gx-shell.gx-page-person .gx-clone-slot-state {
  display: none !important;
}

html body.gx-shell.gx-page-person .gx-clone-dragon-title {
  display: block !important;
  position: absolute !important;
  top: auto;
  right: auto;
  bottom: 10px;
  left: 10px;
  width: calc(100% - 20px);
  max-width: calc(100% - 20px);
  padding: 6px 9px;
  text-align: left;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  line-height: 1.05;
  background: rgba(22, 35, 30, .72);
  color: #f7ffda !important;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

html body.gx-shell.gx-page-person .gx-clone-boost {
  display: inline-grid !important;
  position: absolute !important;
  left: auto;
  right: 10px;
  width: auto;
}

html body.gx-shell.gx-page-person .gx-clone-count {
  display: inline-grid !important;
  position: absolute !important;
  left: 10px !important;
  right: auto !important;
  top: 10px !important;
  bottom: auto !important;
}

html body.gx-shell.gx-page-person .gx-clone-slot-footer {
  background: rgba(32, 51, 43, .68) !important;
}

html body.gx-shell.gx-page-person .gx-clone-slot-footer form button {
  border-radius: 999px !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-live-dragon {
  width: 86px !important;
  height: 108px !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-live-dragon button img {
  max-width: 86px !important;
  max-height: 86px !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-1 { left: 5.8% !important; bottom: 8px !important; top: auto !important; z-index: 10 !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-2 { left: 16.0% !important; bottom: 70px !important; top: auto !important; z-index: 6 !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-3 { left: 28.0% !important; bottom: 14px !important; top: auto !important; z-index: 9 !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-4 { left: 42.0% !important; bottom: 74px !important; top: auto !important; z-index: 6 !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-5 { left: 55.0% !important; bottom: 10px !important; top: auto !important; z-index: 10 !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-6 { left: 69.5% !important; bottom: 66px !important; top: auto !important; z-index: 7 !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-7 { left: 84.0% !important; bottom: 14px !important; top: auto !important; z-index: 10 !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-8 { left: 24.0% !important; bottom: 136px !important; top: auto !important; z-index: 4 !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-9 { left: 49.0% !important; bottom: 158px !important; top: auto !important; z-index: 3 !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-10 { left: 77.0% !important; bottom: 130px !important; top: auto !important; z-index: 4 !important; }

html body.gx-game-shell .gx-clone-games-page .gx-clone-strip-collect {
  width: 160px !important;
  min-height: 64px !important;
  height: auto !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-strip-collect .gx-clone-scene-collect {
  width: 160px !important;
  height: 64px !important;
  min-height: 64px !important;
  padding: 8px 16px !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-strip-collect .gx-clone-scene-collect span {
  font-size: 13px !important;
  width: auto !important;
  max-width: none !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  html body.gx-shell #header.gx-site-header .gx-active-menu-card,
  html body.gx-shell .gx-active-menu-card {
    width: min(760px, calc(100vw - 18px)) !important;
    grid-template-columns: 118px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 12px !important;
    align-items: center !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-brand,
  html body.gx-shell .gx-active-brand {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 118px !important;
    min-height: 80px !important;
    margin: 0 !important;
  }

  html body.gx-shell #header.gx-site-header .gx-dravonx-logo,
  html body.gx-shell .gx-dravonx-logo {
    width: 112px !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-menu-stats,
  html body.gx-shell .gx-active-menu-stats {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-menu-stats span,
  html body.gx-shell .gx-active-menu-stats span {
    min-height: 42px !important;
    padding: 5px 4px !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-menu-stats small,
  html body.gx-shell .gx-active-menu-stats small {
    font-size: 7px !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-menu-stats b,
  html body.gx-shell .gx-active-menu-stats b {
    font-size: 13px !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-menu,
  html body.gx-shell .gx-active-menu {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-menu a,
  html body.gx-shell .gx-active-menu a {
    flex: 0 1 70px !important;
    width: 70px !important;
    min-width: 0 !important;
    min-height: 58px !important;
    padding: 4px 3px !important;
    font-size: 8px !important;
    line-height: 1.05 !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-menu a img,
  html body.gx-shell .gx-active-menu a img {
    width: 30px !important;
    height: 30px !important;
  }

  html body.gx-game-shell .gx-clone-games-page .gx-live-dragon {
    width: 54px !important;
    height: 74px !important;
  }
  html body.gx-game-shell .gx-clone-games-page .gx-live-dragon button img {
    max-width: 54px !important;
    max-height: 58px !important;
  }
  html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-1 { left: 0% !important; bottom: 8px !important; }
  html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-2 { left: 14% !important; bottom: 68px !important; }
  html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-3 { left: 28% !important; bottom: 8px !important; }
  html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-4 { left: 42% !important; bottom: 68px !important; }
  html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-5 { left: 56% !important; bottom: 8px !important; }
  html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-6 { left: 70% !important; bottom: 68px !important; }
  html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-7 { left: 82% !important; bottom: 8px !important; }
  html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-8 { left: 7% !important; bottom: 128px !important; }
  html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-9 { left: 35% !important; bottom: 128px !important; }
  html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-10 { left: 63% !important; bottom: 128px !important; }
}

@media (max-width: 900px) {
  html body.gx-public .gx-public-topline,
  html body.gx-public .gx-public-stats,
  html body.gx-shell .gx-payout-methods,
  html body.gx-shell .gx-deposit-coins,
  html body.gx-shell .gx-deposit-providers,
  html body.gx-shell .gx-settings-payout-grid,
  html body.gx-shell .gx-partner-hero {
    grid-template-columns: 1fr !important;
  }

  html body.gx-shell .gx-partner-share {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.gx-shell .gx-clone-strip-collect {
    right: 14px;
    bottom: 156px;
  }

  html body.gx-shell .gx-clone-strip-collect .gx-clone-scene-collect {
    width: 128px;
    min-height: 62px;
  }
}

/* Corrective layout layer */
html body.gx-shell #header.gx-site-header .gx-active-menu-card {
  width: min(1120px, calc(100vw - 36px)) !important;
  min-height: 112px !important;
  height: auto !important;
  padding: 14px 18px !important;
  display: grid !important;
  grid-template-columns: 140px 310px minmax(500px, 1fr) !important;
  grid-template-rows: auto !important;
  align-items: center !important;
  gap: 12px !important;
  overflow: visible !important;
}

html body.gx-shell #header.gx-site-header .gx-active-brand {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 128px !important;
  min-height: 76px !important;
  margin: 0 !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu-stats {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu {
  grid-column: 3 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 7px !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu a {
  width: 74px !important;
  min-width: 74px !important;
  min-height: 70px !important;
  padding: 5px 4px !important;
  font-size: 9px !important;
  line-height: 1.05 !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu img {
  width: 40px !important;
  height: 40px !important;
}

html body.gx-game-shell .gx-clone-tabs {
  width: min(760px, calc(100vw - 34px)) !important;
  margin: 0 auto 10px !important;
  position: relative !important;
  z-index: 2 !important;
}

html body.gx-game-shell .gx-clone-playfield {
  background-position: center 63% !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-1 { left: 4.0% !important; bottom: 10px !important; top: auto !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-2 { left: 15.0% !important; bottom: 54px !important; top: auto !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-3 { left: 27.0% !important; bottom: 12px !important; top: auto !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-4 { left: 40.5% !important; bottom: 62px !important; top: auto !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-5 { left: 53.0% !important; bottom: 10px !important; top: auto !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-6 { left: 66.0% !important; bottom: 58px !important; top: auto !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-7 { left: 80.5% !important; bottom: 12px !important; top: auto !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-8 { left: 21.5% !important; bottom: 134px !important; top: auto !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-9 { left: 47.0% !important; bottom: 142px !important; top: auto !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-10 { left: 72.5% !important; bottom: 134px !important; top: auto !important; }

html body.gx-game-shell .gx-clone-games-page .gx-clone-strip-collect {
  right: 18px !important;
  top: 18px !important;
  bottom: auto !important;
  width: 140px !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-strip-collect .gx-clone-scene-collect {
  width: 140px !important;
  min-height: 56px !important;
  height: 56px !important;
  padding: 7px 10px !important;
  border-radius: 18px !important;
  grid-template-rows: 1fr !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-strip-collect .gx-clone-scene-collect em {
  display: none !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-strip-collect .gx-clone-scene-collect span {
  font-size: 11px !important;
  line-height: 1 !important;
}

html body.gx-game-shell .gx-clone-tasks {
  width: min(980px, calc(100vw - 30px)) !important;
  margin: 26px auto 30px !important;
  gap: 18px !important;
}

html body.gx-game-shell .gx-clone-tasks-complete {
  display: none !important;
}

html body.gx-game-shell .gx-clone-tasks article {
  min-height: 230px !important;
  padding: 20px 16px 72px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(38, 60, 50, .78), rgba(33, 48, 39, .76)) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 12px 26px rgba(17,38,34,.20) !important;
}

html body.gx-game-shell .gx-clone-task-action,
html body.gx-game-shell .gx-clone-tasks article button,
html body.gx-game-shell .gx-clone-tasks article a,
html body.gx-game-shell .gx-clone-tasks article em {
  left: 18px !important;
  right: 18px !important;
  bottom: 16px !important;
  min-height: 44px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
}

html body.gx-shell .gx-clone-slot-footer {
  padding: 13px !important;
  gap: 8px !important;
  background: rgba(32, 51, 43, .62) !important;
  color: #f7ffda !important;
}

html body.gx-shell .gx-clone-slot-copy b,
html body.gx-shell .gx-clone-slot-copy span {
  color: #f7ffda !important;
}

html body.gx-shell .gx-clone-slot button {
  min-height: 42px !important;
  border-radius: 999px !important;
  padding: 8px 10px !important;
  background: linear-gradient(180deg, #ffd465, #f0a627) !important;
  color: #17231d !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.30), 0 4px 0 rgba(119,82,20,.42) !important;
  border: 0 !important;
  font-weight: 950 !important;
  text-align: center !important;
}

html body.gx-shell .gx-clone-slot button img {
  width: 18px !important;
  height: 18px !important;
}

@media (max-width: 1120px) {
  html body.gx-shell #header.gx-site-header .gx-active-menu-card {
    width: min(760px, calc(100vw - 30px)) !important;
    grid-template-columns: 124px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 8px 12px !important;
    min-height: 138px !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-brand {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-menu-stats {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-menu {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-menu a {
    width: 70px !important;
    min-width: 70px !important;
    min-height: 58px !important;
  }
}

@media (max-width: 560px) {
  html body.gx-shell #header.gx-site-header .gx-active-menu-card {
    width: calc(100vw - 16px) !important;
    grid-template-columns: 104px minmax(0, 1fr) !important;
    min-height: 212px !important;
    padding: 12px !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-brand {
    width: 104px !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-menu-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-menu a {
    width: 62px !important;
    min-width: 62px !important;
    font-size: 8px !important;
  }

  html body.gx-game-shell .gx-clone-games-page .gx-clone-strip-collect {
    right: 18px !important;
    top: 18px !important;
    bottom: auto !important;
  }
}

/* Final page polish */
html body.gx-shell .gx-money-symbol {
  width: 48px !important;
  height: 48px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: rgba(239, 246, 234, .68) !important;
  color: #7a8781 !important;
  font-size: 28px !important;
  line-height: 1 !important;
}

html body.gx-game-shell .gx-clone-tasks {
  margin-top: 20px !important;
}

html body.gx-game-shell .gx-clone-tasks article {
  min-height: 215px !important;
  padding-bottom: 66px !important;
}

html body.gx-game-shell .gx-clone-task-action,
html body.gx-game-shell .gx-clone-tasks article button,
html body.gx-game-shell .gx-clone-tasks article a,
html body.gx-game-shell .gx-clone-tasks article em {
  min-height: 46px !important;
  background: linear-gradient(180deg, #ffd465, #f0a627) !important;
  color: #17231d !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 4px 0 rgba(119,82,20,.42) !important;
  border: 0 !important;
  font-weight: 950 !important;
}

html body.gx-shell.gx-page-map .gx-clone-slot button,
html body.gx-shell.gx-page-person .gx-clone-slot button,
html body.gx-shell.gx-page-volume .gx-clone-slot button {
  min-height: 44px !important;
  width: min(150px, 100%) !important;
  margin: 0 auto !important;
}

html body.gx-shell.gx-page-map .gx-clone-slot button[disabled],
html body.gx-shell.gx-page-person .gx-clone-slot button[disabled],
html body.gx-shell.gx-page-volume .gx-clone-slot button[disabled] {
  opacity: .86 !important;
  color: #516057 !important;
  background: rgba(233, 242, 224, .76) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 3px 0 rgba(83,93,72,.32) !important;
}

html body.gx-shell .gx-clone-slot-copy {
  text-align: center !important;
}

html body.gx-shell .gx-clone-slot-copy b {
  font-size: 17px !important;
  line-height: 1.18 !important;
  min-height: 22px !important;
  overflow: visible !important;
}

html body.gx-shell .gx-clone-slot-copy span {
  font-size: 12px !important;
  line-height: 1.18 !important;
  min-height: 15px !important;
  overflow: visible !important;
  color: rgba(247,255,218,.82) !important;
}

html body.gx-shell .gx-partner-clone {
  display: grid !important;
  justify-items: center !important;
  gap: 18px !important;
}

html body.gx-shell .gx-partner-hero {
  width: min(700px, 100%) !important;
  grid-template-columns: 120px minmax(0, 1fr) !important;
  align-items: center !important;
}

html body.gx-shell .gx-partner-summary,
html body.gx-shell .gx-partner-reward-grid {
  width: min(780px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body.gx-shell .gx-partner-link {
  width: min(760px, 100%) !important;
}

html body.gx-shell .gx-partner-link label {
  color: #17231d !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 5px rgba(255,255,255,.42) !important;
}

html body.gx-shell .gx-partner-share {
  width: min(330px, 100%) !important;
  grid-template-columns: repeat(5, 46px) !important;
  justify-content: center !important;
  gap: 8px !important;
}

html body.gx-shell .gx-partner-share a {
  min-height: 46px !important;
  width: 46px !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 24px !important;
  box-shadow: 0 5px 12px rgba(14, 31, 29, .22) !important;
}

html body.gx-shell .gx-partner-share a.is-telegram { background: #2aabee !important; }
html body.gx-shell .gx-partner-share a.is-x { background: #111 !important; }
html body.gx-shell .gx-partner-share a.is-whatsapp { background: #22c55e !important; }
html body.gx-shell .gx-partner-share a.is-facebook { background: #1877f2 !important; }
html body.gx-shell .gx-partner-share a.is-email { background: #3b82f6 !important; }

html body.gx-shell .gx-table-scroll,
body.gx-admin .table-responsive {
  background: var(--gx-glass) !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  box-shadow: 0 16px 34px rgba(15,35,34,.20) !important;
  padding: 8px !important;
  backdrop-filter: blur(10px) !important;
}

html body.gx-shell .gx-history-table,
html body.gx-shell #tab,
body.gx-admin table.table {
  background: rgba(30, 50, 43, .60) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

html body.gx-shell .gx-history-table .tab_name,
html body.gx-shell #tab .tab_name,
body.gx-admin table.table thead th {
  background: rgba(31, 49, 42, .72) !important;
  color: #f7ffda !important;
}

html body.gx-shell .gx-history-table th,
html body.gx-shell .gx-history-table td,
html body.gx-shell #tab td {
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-scene .gx-clone-scene-collect-form {
  right: 18px !important;
  top: 18px !important;
  bottom: auto !important;
  width: 142px !important;
  min-width: 142px !important;
  height: 58px !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-scene .gx-clone-scene-collect {
  width: 142px !important;
  min-width: 142px !important;
  height: 58px !important;
  min-height: 58px !important;
  padding: 7px 10px !important;
  border-radius: 18px !important;
}

@media (max-width: 560px) {
  html body.gx-game-shell .gx-clone-games-page .gx-clone-scene .gx-clone-scene-collect-form,
  html body.gx-game-shell .gx-clone-games-page .gx-clone-scene .gx-clone-scene-collect {
    width: 146px !important;
    min-width: 146px !important;
  }

  html body.gx-game-shell .gx-clone-games-page .gx-clone-scene .gx-clone-scene-collect span {
    font-size: 10px !important;
  }
}

/* Home and referral reference layout */
html body.gx-public .gx-public-shell-header {
  width: min(960px, calc(100vw - 24px)) !important;
  margin: 6px auto 8px !important;
}

html body.gx-public .gx-public-topline {
  min-height: 70px !important;
  padding: 6px 12px !important;
  grid-template-columns: 150px minmax(0, 1fr) !important;
  gap: 12px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html body.gx-public .gx-public-brand {
  justify-self: start !important;
}

html body.gx-public .gx-public-brand img {
  width: 130px !important;
  height: auto !important;
}

html body.gx-public .gx-public-stats {
  grid-template-columns: repeat(3, minmax(92px, 1fr)) !important;
  gap: 8px !important;
  justify-self: start !important;
  width: min(420px, 100%) !important;
}

html body.gx-public .gx-public-stats article {
  height: 46px !important;
  min-height: 46px !important;
  padding: 4px 9px !important;
  border-radius: 8px !important;
  background: rgba(38, 54, 49, .72) !important;
  box-shadow: 0 3px 0 rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.16) !important;
}

html body.gx-public .gx-public-stats article img {
  width: 20px !important;
  height: 20px !important;
}

html body.gx-public .gx-public-stats article span,
html body.gx-public .gx-public-stats article b {
  font-size: 8px !important;
  line-height: 1 !important;
}

html body.gx-public .gx-public-stats article b {
  font-size: 12px !important;
}

html body.gx-public .gx-public-slogan {
  width: min(740px, calc(100vw - 38px)) !important;
  margin: 4px auto 16px !important;
  padding: 5px 14px !important;
  border-radius: 5px !important;
  color: #3d442d !important;
  font-size: clamp(12px, 1.45vw, 18px) !important;
  line-height: 1.1 !important;
  background: rgba(219, 201, 105, .86) !important;
  transform: rotate(2.2deg) !important;
  box-shadow: 0 4px 10px rgba(25,42,38,.18) !important;
}

html body.gx-public .gx-public-slogan strong {
  font-size: 1.62em !important;
  line-height: 1 !important;
}

html body.gx-public .gx-public-slogan span {
  margin-top: 3px !important;
  font-size: .72em !important;
  line-height: 1 !important;
}

html body.gx-public .gx-home-hero {
  width: min(960px, calc(100vw - 34px)) !important;
  margin: 0 auto 20px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(340px, 1fr) minmax(290px, 360px) !important;
  gap: 28px !important;
  align-items: center !important;
}

html body.gx-public .gx-home-clone-art {
  width: min(400px, 100%) !important;
  display: block !important;
  margin: 0 auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 22px 22px rgba(17,31,29,.30)) !important;
}

html body.gx-public .gx-home-copy h1 {
  max-width: 420px !important;
  margin: -8px auto 0 !important;
  color: #fff !important;
  font-size: clamp(34px, 4.2vw, 54px) !important;
  line-height: .90 !important;
  text-align: center !important;
  text-shadow: 0 4px 0 rgba(72,76,51,.50), 0 8px 14px rgba(0,0,0,.30) !important;
}

html body.gx-public .gx-home-login {
  min-height: 0 !important;
  padding: 18px 18px 16px !important;
  border-radius: 18px !important;
  background: rgba(50, 71, 65, .70) !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  box-shadow: 0 15px 28px rgba(16,34,31,.24), inset 0 1px 0 rgba(255,255,255,.18) !important;
  backdrop-filter: blur(8px) !important;
}

html body.gx-public .gx-home-login h2 {
  margin: 5px 0 12px !important;
  color: #fff !important;
  font-size: 13px !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

html body.gx-public .gx-home-wordmark {
  width: 120px !important;
  margin-bottom: 12px !important;
}

html body.gx-public .gx-auth-tabs {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-bottom: 10px !important;
}

html body.gx-public .gx-auth-tabs button {
  min-height: 34px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
}

html body.gx-public .gx-auth-form input {
  min-height: 36px !important;
  border-radius: 999px !important;
  padding: 0 16px !important;
  background: rgba(238, 249, 243, .88) !important;
  border: 0 !important;
  color: #25332e !important;
}

html body.gx-public .gx-auth-form button,
html body.gx-public .gx-guest-form button,
html body.gx-public .gx-home-btn {
  min-height: 36px !important;
  border-radius: 999px !important;
  padding: 7px 16px !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
}

html body.gx-public .gx-guest-form {
  margin-top: 8px !important;
}

html body.gx-public .gx-guest-form button {
  background: linear-gradient(180deg, rgba(216,142,89,.98), rgba(181,93,53,.96)) !important;
  color: #fff7df !important;
}

html body.gx-public .gx-home-flow {
  width: min(840px, calc(100vw - 34px)) !important;
  grid-template-columns: 1fr 56px 1fr 56px 1fr !important;
  align-items: center !important;
  margin: 16px auto 18px !important;
  gap: 10px !important;
}

html body.gx-public .gx-home-flow article,
html body.gx-public .gx-public-perks article {
  min-height: 128px !important;
  padding: 12px !important;
  border-radius: 6px !important;
  background: rgba(35, 51, 47, .68) !important;
  color: #f7ffda !important;
  box-shadow: 0 12px 22px rgba(13,34,31,.20), inset 0 1px 0 rgba(255,255,255,.16) !important;
}

html body.gx-public .gx-home-flow img,
html body.gx-public .gx-public-perks img {
  width: 82px !important;
  height: 82px !important;
}

html body.gx-public .gx-home-flow p,
html body.gx-public .gx-public-perks p {
  margin: 4px 0 0 !important;
  color: #fff !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
}

html body.gx-public .gx-public-step-arrow {
  width: 54px !important;
  height: 26px !important;
  display: block !important;
  background: linear-gradient(90deg, transparent 0 12px, #f1a42e 12px 38px, transparent 38px) !important;
  clip-path: polygon(0 38%, 62% 38%, 62% 0, 100% 50%, 62% 100%, 62% 62%, 0 62%) !important;
  filter: drop-shadow(0 3px 2px rgba(44,43,24,.25)) !important;
}

html body.gx-public .gx-public-payment-title {
  margin-top: 20px !important;
}

html body.gx-public .gx-public-payments {
  width: min(1060px, calc(100vw - 34px)) !important;
  margin: 10px auto 24px !important;
  padding: 12px 18px !important;
  gap: 7px !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(184, 239, 237, .38), rgba(236, 246, 210, .30)) !important;
  box-shadow: 0 16px 28px rgba(12, 38, 38, .14) !important;
  backdrop-filter: blur(12px) !important;
}

html body.gx-public .gx-public-payments span {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: rgba(239, 250, 245, .76) !important;
  border: 1px solid rgba(255,255,255,.62) !important;
  box-shadow: 0 7px 12px rgba(13,34,31,.16) !important;
}

html body.gx-public .gx-public-payments img {
  width: 28px !important;
  height: 28px !important;
  padding: 3px !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: translate(-2px, -2px) !important;
}

html body.gx-public .gx-public-payments .gx-coin-badge {
  width: 28px !important;
  height: 28px !important;
  font-size: 10px !important;
  transform: translate(-2px, -2px) !important;
}

html body.gx-public .gx-public-perks {
  width: min(840px, calc(100vw - 34px)) !important;
  margin: 0 auto 38px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

html body.gx-shell .gx-ref-board {
  width: min(980px, calc(100vw - 34px)) !important;
  margin: 20px auto 0 !important;
  padding: 22px 26px !important;
  display: grid !important;
  grid-template-columns: 240px minmax(0, 1fr) !important;
  gap: 24px !important;
  align-items: start !important;
  justify-items: stretch !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html body.gx-shell .gx-ref-art {
  position: relative !important;
  min-height: 220px !important;
  display: grid !important;
  align-items: center !important;
  justify-items: center !important;
}

html body.gx-shell .gx-ref-art img {
  width: min(220px, 100%) !important;
  height: auto !important;
  filter: drop-shadow(0 20px 18px rgba(13,31,29,.28)) !important;
}

html body.gx-shell .gx-ref-art b {
  position: absolute !important;
  left: 15px !important;
  bottom: 10px !important;
  min-width: 48px !important;
  height: 48px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-size: 28px !important;
  background: rgba(21, 22, 20, .82) !important;
  box-shadow: 0 8px 14px rgba(0,0,0,.28) !important;
}

html body.gx-shell .gx-ref-main {
  display: grid !important;
  gap: 16px !important;
}

html body.gx-shell .gx-ref-topbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 200px !important;
  gap: 12px !important;
  align-items: center !important;
}

html body.gx-shell .gx-ref-income {
  min-height: 52px !important;
  padding: 8px 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  border-radius: 999px !important;
  background: rgba(35, 51, 47, .58) !important;
  color: #f7ffda !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 10px 22px rgba(14,33,31,.18) !important;
}

html body.gx-shell .gx-ref-income img {
  width: 32px !important;
  height: 32px !important;
}

html body.gx-shell .gx-ref-income b {
  font-size: 28px !important;
  color: #fff !important;
}

html body.gx-shell .gx-ref-collect {
  min-height: 52px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  color: #fff !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  background: linear-gradient(180deg, #61b64c, #3d8c34) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 4px 0 rgba(36,83,31,.72) !important;
}

html body.gx-shell .gx-ref-collect:disabled {
  opacity: .58 !important;
  cursor: not-allowed !important;
  background: linear-gradient(180deg, rgba(92,116,103,.86), rgba(55,76,65,.86)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.20), 0 4px 0 rgba(25,43,34,.45) !important;
}

html body.gx-shell .gx-ref-board .gx-partner-summary {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 !important;
}

html body.gx-shell .gx-ref-board .gx-partner-summary article {
  min-height: 106px !important;
  padding: 12px 8px !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  border-radius: 8px !important;
  background: rgba(35, 51, 47, .62) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 8px 14px rgba(12,31,29,.16) !important;
}

html body.gx-shell .gx-ref-board .gx-partner-summary article b {
  color: #fff !important;
  font-size: 27px !important;
  line-height: 1 !important;
}

html body.gx-shell .gx-ref-board .gx-partner-summary article span {
  max-width: 120px !important;
  margin-top: 8px !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  text-align: center !important;
}

html body.gx-shell .gx-ref-board .gx-partner-summary article img {
  width: 26px !important;
  height: 26px !important;
}

html body.gx-shell .gx-ref-board .gx-partner-link {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: rgba(35, 51, 47, .56) !important;
  overflow: hidden !important;
}

html body.gx-shell .gx-ref-board .gx-partner-link label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

html body.gx-shell .gx-ref-board .gx-partner-link > div {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 118px !important;
  gap: 0 !important;
}

html body.gx-shell .gx-ref-board .gx-partner-link input {
  height: 48px !important;
  min-height: 48px !important;
  border: 0 !important;
  border-radius: 999px 0 0 999px !important;
  padding: 0 22px !important;
  background: transparent !important;
  color: #fff !important;
  box-shadow: none !important;
}

html body.gx-shell .gx-ref-board .gx-partner-link button {
  width: 118px !important;
  min-width: 0 !important;
  max-width: 118px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  border-radius: 0 999px 999px 0 !important;
  padding: 0 16px !important;
  color: #fff !important;
  text-transform: uppercase !important;
  background: linear-gradient(180deg, #61b64c, #3d8c34) !important;
  box-shadow: none !important;
}

html body.gx-shell .gx-ref-board .gx-partner-share {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
}

html body.gx-shell .gx-ref-board .gx-partner-share a {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  border-radius: 6px !important;
  font-size: 18px !important;
}

html body.gx-shell .gx-partner-history {
  width: min(980px, calc(100vw - 34px)) !important;
  margin: 20px auto 34px !important;
}

html body.gx-shell .gx-partner-history .gx-table-scroll {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 6px !important;
  background: rgba(255,255,255,.30) !important;
  box-shadow: 0 16px 28px rgba(13,31,29,.16) !important;
}

html body.gx-shell .gx-partner-history .gx-history-table {
  border-radius: 6px !important;
  background: rgba(255,255,255,.28) !important;
  color: #f7ffda !important;
}

html body.gx-shell .gx-partner-history .gx-history-table .tab_name {
  display: none !important;
}

html body.gx-shell .gx-partner-history .gx-history-table thead tr:nth-child(2) th {
  height: 36px !important;
  padding: 8px 12px !important;
  color: #f6f2e4 !important;
  background: rgba(48, 42, 37, .54) !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
}

html body.gx-shell .gx-partner-history .gx-history-table td {
  height: 34px !important;
  padding: 8px 12px !important;
  color: #26342f !important;
  background: rgba(255,255,255,.62) !important;
  border-bottom: 1px solid rgba(60,80,70,.16) !important;
}

/* Interaction proportion pass */
html body.gx-game-shell .gx-clone-tasks article {
  min-height: 206px !important;
  padding: 16px 18px 62px !important;
  overflow: visible !important;
}

html body.gx-game-shell .gx-clone-tasks article img {
  width: 50px !important;
  height: 50px !important;
}

html body.gx-game-shell .gx-clone-tasks article b {
  margin-top: 4px !important;
  font-size: 20px !important;
  line-height: 1.05 !important;
}

html body.gx-game-shell .gx-clone-tasks article p,
html body.gx-game-shell .gx-clone-tasks article span {
  max-width: 94% !important;
  line-height: 1.25 !important;
}

html body.gx-game-shell .gx-clone-task-action,
html body.gx-game-shell .gx-clone-tasks article button,
html body.gx-game-shell .gx-clone-tasks article a,
html body.gx-game-shell .gx-clone-tasks article em {
  left: 50% !important;
  right: auto !important;
  bottom: 14px !important;
  width: calc(100% - 56px) !important;
  max-width: 196px !important;
  min-width: 0 !important;
  transform: translateX(-50%) !important;
  padding: 0 18px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

html body.gx-shell .gx-clone-slot {
  overflow: visible !important;
}

html body.gx-shell .gx-clone-slot-footer {
  justify-items: center !important;
  padding: 14px 12px 16px !important;
}

html body.gx-shell .gx-clone-slot-copy {
  width: 100% !important;
  min-height: 58px !important;
  display: grid !important;
  align-content: start !important;
}

html body.gx-shell .gx-clone-slot-meter {
  width: 84% !important;
  justify-self: center !important;
}

html body.gx-shell .gx-clone-slot-footer form {
  width: 100% !important;
  display: grid !important;
  justify-items: center !important;
}

html body.gx-shell .gx-clone-slot button {
  width: min(146px, calc(100% - 18px)) !important;
  min-width: 108px !important;
  max-width: 146px !important;
  min-height: 46px !important;
  margin: 0 auto !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

html body.gx-shell .gx-clone-slot button img,
html body.gx-shell .gx-clone-slot button em img,
html body.gx-shell .gx-clone-slot button strong img {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  margin: 0 !important;
  object-fit: contain !important;
}

html body.gx-shell .gx-clone-slot button em,
html body.gx-shell .gx-clone-slot button strong {
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  color: #17231d !important;
}

html body.gx-shell .gx-clone-slot button[disabled] {
  overflow: hidden !important;
}

html body.gx-shell .gx-clone-slot button[disabled] img + text,
html body.gx-shell .gx-clone-slot button[disabled] {
  color: #5f6b64 !important;
}

html body.gx-shell .gx-deposit-checkout,
html body.gx-shell .gx-payout-clone {
  width: min(650px, calc(100vw - 34px)) !important;
}

html body.gx-shell .gx-deposit-amount,
html body.gx-shell .gx-payout-form {
  width: min(520px, 100%) !important;
  padding: 14px 16px !important;
  gap: 10px !important;
}

html body.gx-shell .gx-deposit-amount label {
  width: 100% !important;
  min-height: 54px !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 6px 18px 6px 8px !important;
  border-radius: 999px !important;
  background: rgba(238, 250, 244, .42) !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 8px 18px rgba(14, 42, 42, .10) !important;
}

html body.gx-shell .gx-deposit-amount label .gx-money-symbol {
  width: 42px !important;
  height: 42px !important;
  display: inline-grid !important;
  place-items: center !important;
  justify-self: center !important;
  border-radius: 50% !important;
  background: rgba(238, 246, 236, .72) !important;
  color: rgba(38, 52, 47, .76) !important;
  font-size: 28px !important;
  line-height: 1 !important;
}

html body.gx-shell .gx-deposit-amount label input {
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: transparent !important;
  border: 0 !important;
  text-align: left !important;
}

html body.gx-shell .gx-payment-converter,
html body.gx-shell .gx-payout-preview {
  gap: 9px !important;
}

html body.gx-shell .gx-payment-converter article,
html body.gx-shell .gx-payout-preview article {
  min-height: 48px !important;
  padding: 6px 16px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
}

html body.gx-shell .gx-payment-converter article > img,
html body.gx-shell .gx-payment-converter article > svg,
html body.gx-shell .gx-payment-converter article > .gx-payment-icon,
html body.gx-shell .gx-payout-preview article > img,
html body.gx-shell .gx-payout-preview article > svg,
html body.gx-shell .gx-payout-preview article > .gx-payment-icon,
html body.gx-shell .gx-payout-preview article > span {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  display: inline-grid !important;
  place-items: center !important;
  justify-self: center !important;
  margin: 0 !important;
}

html body.gx-shell .gx-payment-converter article b,
html body.gx-shell .gx-payout-preview article b {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: left !important;
}

html body.gx-shell .gx-deposit-amount button,
html body.gx-shell .gx-payout-form button,
html body.gx-shell .gx-payment-signup,
html body.gx-shell .gx-payout-route-link,
html body.gx-shell .gx-payout-form .btn {
  width: min(360px, 100%) !important;
  min-height: 50px !important;
  margin: 0 auto !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
}

html body.gx-shell .gx-payout-wallet {
  min-height: 48px !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 132px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 10px 18px !important;
}

html body.gx-shell .gx-payout-wallet b,
html body.gx-shell .gx-payout-wallet input {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.gx-shell .gx-settings-payout-grid {
  grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
}

html body.gx-shell .gx-settings-payout-form {
  grid-template-columns: 46px minmax(0, 1fr) 92px !important;
  gap: 8px !important;
}

html body.gx-shell .gx-settings-payout-form button {
  width: 92px !important;
  min-width: 92px !important;
  min-height: 44px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
}

html body.gx-shell .gx-settings-section-title {
  min-height: 42px !important;
  height: auto !important;
  padding: 8px 14px !important;
  display: grid !important;
  place-items: center !important;
  line-height: 1.15 !important;
  overflow: visible !important;
}

/* Glass cleanup pass */
html body.gx-game-shell .gx-clone-tasks article,
html body.gx-shell .gx-ref-board .gx-partner-summary article,
html body.gx-shell .gx-settings-card,
html body.gx-shell .gx-settings-section-title,
html body.gx-shell .gx-settings-profile-form,
html body.gx-shell .gx-settings-password-form,
html body.gx-shell .gx-settings-payout-form,
html body.gx-shell .gx-payout-wallet,
html body.gx-shell .gx-payout-wallet-entry {
  background: linear-gradient(135deg, rgba(132, 204, 215, .42), rgba(216, 244, 231, .28) 52%, rgba(84, 112, 83, .26)) !important;
  border: 1px solid rgba(255, 255, 255, .30) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.26), 0 12px 26px rgba(12, 35, 35, .16) !important;
  backdrop-filter: blur(10px) !important;
}

html body.gx-shell .gx-ref-board .gx-partner-summary article b,
html body.gx-shell .gx-ref-board .gx-partner-summary article span {
  color: #f7ffda !important;
  text-shadow: 0 2px 5px rgba(21, 41, 35, .38) !important;
}

html body.gx-shell .gx-ref-board .gx-partner-summary article b {
  width: auto !important;
  min-width: 74px !important;
  padding: 4px 12px !important;
  border-radius: 6px !important;
  background: rgba(111, 203, 97, .84) !important;
}

html body.gx-shell .gx-settings-card,
html body.gx-shell .gx-settings-row,
html body.gx-shell .gx-purse-row {
  padding: 0 !important;
  overflow: visible !important;
}

html body.gx-shell .gx-settings-password-form,
html body.gx-shell .gx-settings-payout-form {
  min-height: 56px !important;
  border-radius: 14px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body.gx-shell .gx-settings-password-form input,
html body.gx-shell .gx-settings-payout-form input[type="text"] {
  height: 54px !important;
  min-height: 54px !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: rgba(33, 58, 50, .58) !important;
  color: #f7ffda !important;
}

html body.gx-shell .gx-settings-password-form input::placeholder,
html body.gx-shell .gx-settings-payout-form input::placeholder {
  color: rgba(247, 255, 218, .76) !important;
}

html body.gx-shell .gx-settings-row-icon {
  border-radius: 14px 0 0 14px !important;
  background: rgba(25, 48, 43, .60) !important;
}

html body.gx-shell .gx-settings-payout-form button,
html body.gx-shell .gx-settings-password-form button {
  height: 54px !important;
  min-height: 54px !important;
  border-radius: 0 14px 14px 0 !important;
  margin: 0 !important;
}

html body.gx-shell .gx-payout-wallet {
  border-radius: 18px !important;
  color: #f7ffda !important;
}

html body.gx-shell .gx-payout-wallet span,
html body.gx-shell .gx-payout-wallet b {
  color: #f7ffda !important;
}

@media (max-width: 760px) {
  html body.gx-shell .gx-settings-password-form,
  html body.gx-shell .gx-settings-payout-form {
    padding: 10px !important;
    gap: 8px !important;
  }

  html body.gx-shell .gx-settings-row-icon,
  html body.gx-shell .gx-settings-password-form input,
  html body.gx-shell .gx-settings-payout-form input[type="text"],
  html body.gx-shell .gx-settings-payout-form button,
  html body.gx-shell .gx-settings-password-form button {
    border-radius: 999px !important;
  }
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-result {
  width: min(980px, 100%) !important;
  padding: 22px 26px !important;
  gap: 16px !important;
  border-radius: 18px !important;
  background: #101211 !important;
  color: #f7fbff !important;
  border: 1px dashed rgba(255,255,255,.18) !important;
  box-shadow: 0 18px 34px rgba(5, 16, 16, .30) !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-result-head {
  display: grid !important;
  justify-items: center !important;
  gap: 8px !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-result-head h2 {
  color: #f7fbff !important;
  font-size: clamp(22px, 3.4vw, 30px) !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-result-head p {
  color: #bde8ff !important;
}

html body.gx-shell .gx-deposit-wait-orbit {
  width: 72px !important;
  height: 72px !important;
  border-radius: 50% !important;
  position: relative !important;
  background: radial-gradient(circle at center, #151717 0 54%, transparent 55%), conic-gradient(#f6a30b 0 66deg, rgba(255,255,255,.12) 67deg 360deg) !important;
  box-shadow: 0 0 20px rgba(246, 163, 11, .22) !important;
  animation: gxDepositSpin 1.1s linear infinite !important;
}

html body.gx-shell .gx-deposit-wait-orbit span {
  position: absolute !important;
  inset: 7px !important;
  border-radius: 50% !important;
  background: #151717 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important;
}

html body.gx-shell .gx-deposit-progress {
  height: 16px !important;
  padding: 2px !important;
  border-radius: 999px !important;
  background: #0f1010 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  overflow: hidden !important;
}

html body.gx-shell .gx-deposit-progress span {
  display: block !important;
  height: 100% !important;
  width: 36% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, rgba(246, 163, 11, .1), #f6a30b, rgba(246, 163, 11, .1)) !important;
  animation: gxDepositBar 1.8s ease-in-out infinite !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-result-grid {
  grid-template-columns: minmax(0, 1fr) 210px !important;
  grid-template-areas: "wallet qr" !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-qr {
  grid-area: qr !important;
  background: #131514 !important;
  border-color: rgba(255,255,255,.16) !important;
  color: #bde8ff !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-wallet-panel {
  grid-area: wallet !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  align-content: center !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-result .gx-deposit-address-row input {
  height: 64px !important;
  border-radius: 18px !important;
  background: #111312 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  text-align: center !important;
  font-size: clamp(13px, 2.2vw, 18px) !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-result .gx-deposit-address-row span,
html body.gx-shell .gx-deposit-checkout .gx-deposit-timer span,
html body.gx-shell .gx-deposit-checkout .gx-deposit-confirm-note span {
  color: #bde8ff !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-confirm-note,
html body.gx-shell .gx-deposit-checkout .gx-deposit-timer {
  background: transparent !important;
  border: 0 !important;
  color: #f7fbff !important;
  text-align: center !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-confirm-note b,
html body.gx-shell .gx-deposit-checkout .gx-deposit-timer b {
  color: #f7fbff !important;
}

@keyframes gxDepositSpin {
  to { transform: rotate(360deg); }
}

@keyframes gxDepositBar {
  0% { transform: translateX(-110%); }
  50% { transform: translateX(90%); }
  100% { transform: translateX(240%); }
}

@media (max-width: 760px) {
  html body.gx-shell .gx-deposit-checkout .gx-deposit-result-grid {
    grid-template-columns: 1fr !important;
    grid-template-areas: "qr" "wallet" !important;
  }
}

/* Presentation lock: latest user-facing cleanup layer. */
html body.gx-public .gx-footer {
  width: min(960px, calc(100vw - 24px)) !important;
  margin: 16px auto 30px !important;
  padding: 0 !important;
}

html body.gx-public .gx-footer-menu {
  width: 100% !important;
  min-height: 64px !important;
  padding: 10px 12px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, rgba(150, 220, 231, .46), rgba(237, 250, 245, .30) 54%, rgba(209, 239, 220, .26)) !important;
  border: 1px solid rgba(255,255,255,.38) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.30), 0 12px 28px rgba(14,42,42,.14) !important;
  backdrop-filter: blur(12px) !important;
}

html body.gx-public .gx-footer-menu a {
  width: auto !important;
  min-width: 116px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 9px 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  border-radius: 14px !important;
  background: rgba(238, 250, 244, .34) !important;
  color: #17231d !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 6px 14px rgba(14,42,42,.10) !important;
}

html body.gx-game-shell .gx-clone-playfield {
  background-position: center 68%, center 68% !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks {
  gap: 18px !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article {
  min-height: 218px !important;
  padding: 16px 16px 68px !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article > img {
  width: 34px !important;
  height: 34px !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-task-reward {
  gap: 6px !important;
  min-height: 36px !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-task-reward img {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-task-reward b {
  font-size: 17px !important;
  line-height: 1 !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-task-copy,
html body.gx-game-shell .gx-clone-games-page .gx-clone-task-copy p,
html body.gx-game-shell .gx-clone-games-page .gx-clone-task-copy span,
html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article p,
html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article span {
  font-size: 15px !important;
  line-height: 1.12 !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-task-progress span,
html body.gx-game-shell .gx-clone-games-page .gx-clone-task-progress u {
  font-size: 10px !important;
  line-height: 1 !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-task-action,
html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article button,
html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article a {
  min-height: 46px !important;
  font-size: 14px !important;
}

html body.gx-shell .gx-table-scroll,
html body.gx-shell .gx-history-table,
html body.gx-shell #tab,
html body.gx-shell .gx-partner-history .gx-table-scroll,
html body.gx-shell .gx-partner-history .gx-history-table {
  background: linear-gradient(135deg, rgba(150, 220, 231, .46), rgba(237, 250, 245, .34) 54%, rgba(209, 239, 220, .30)) !important;
  background-color: transparent !important;
  color: #17231d !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 12px 28px rgba(14,42,42,.14) !important;
  backdrop-filter: blur(12px) !important;
}

html body.gx-shell .gx-history-table .tab_name,
html body.gx-shell .gx-history-table .tab_title,
html body.gx-shell .gx-history-table th,
html body.gx-shell .gx-history-table td,
html body.gx-shell #tab .tab_name,
html body.gx-shell #tab .tab_title,
html body.gx-shell #tab th,
html body.gx-shell #tab td,
html body.gx-shell .gx-partner-history .gx-history-table .tab_name,
html body.gx-shell .gx-partner-history .gx-history-table .tab_title,
html body.gx-shell .gx-partner-history .gx-history-table th,
html body.gx-shell .gx-partner-history .gx-history-table td {
  background: rgba(238, 250, 244, .24) !important;
  color: #17231d !important;
  text-shadow: none !important;
  border-bottom: 1px solid rgba(23,35,29,.12) !important;
}

html body.gx-shell .gx-history-table .tab_name,
html body.gx-shell #tab .tab_name {
  background: rgba(238, 250, 244, .38) !important;
}

html body.gx-shell .gx-settings-card,
html body.gx-shell .gx-settings-row,
html body.gx-shell .gx-purse-row,
html body.gx-shell .gx-settings-password-form,
html body.gx-shell .gx-settings-payout-form,
html body.gx-shell .gx-settings-section-title,
html body.gx-shell .gx-activity-panel,
html body.gx-shell .gx-activity-help {
  background: linear-gradient(135deg, rgba(150, 220, 231, .46), rgba(237, 250, 245, .34) 54%, rgba(209, 239, 220, .30)) !important;
  background-color: transparent !important;
  color: #17231d !important;
  border-color: rgba(255,255,255,.42) !important;
}

/* Final glass pass: shared presentation surfaces */
html body.gx-shell {
  color: #17231d !important;
}

html body.gx-shell .gx-glass,
html body.gx-shell .gx-card,
html body.gx-shell .gx-deposit-panel,
html body.gx-shell .gx-payment-box,
html body.gx-shell .gx-payment-type,
html body.gx-shell .gx-payout-clone,
html body.gx-shell .gx-payout-method-card,
html body.gx-shell .gx-payout-wallet,
html body.gx-shell .gx-activity-panel,
html body.gx-shell .gx-activity-help,
html body.gx-shell .gx-settings-card,
html body.gx-shell .gx-settings-section-title,
html body.gx-shell .gx-partner-clone,
html body.gx-shell .gx-partner-summary article,
html body.gx-shell .gx-partner-history,
html body.gx-shell .gx-table-scroll,
html body.gx-shell table.gx-history-table,
html body.gx-shell #tab,
html body.gx-game-shell .gx-clone-command-strip,
html body.gx-game-shell .gx-clone-scene-next,
html body.gx-game-shell .gx-clone-tasks,
html body.gx-game-shell .gx-clone-tasks-reference,
html body.gx-game-shell .gx-clone-tasks article,
html body.gx-game-shell .gx-clone-tasks-complete,
html body.gx-game-shell .gx-clone-shop,
html body.gx-game-shell .gx-clone-shop > header > div,
html body.gx-game-shell .gx-clone-shop-next,
html body.gx-game-shell .gx-clone-shop-balance,
html body.gx-game-shell .gx-clone-slot,
html body.gx-game-shell .gx-clone-slot-footer,
html body.gx-game-shell .gx-strip-upgrade-card,
html body.gx-game-shell .gx-strip-upgrade-current {
  background: linear-gradient(135deg, rgba(150, 220, 231, .46), rgba(237, 250, 245, .34) 54%, rgba(209, 239, 220, .30)) !important;
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, .48) !important;
  color: #17231d !important;
  text-shadow: none !important;
}

html body.gx-shell .gx-deposit-panel *,
html body.gx-shell .gx-payment-box *,
html body.gx-shell .gx-payment-type *,
html body.gx-shell .gx-payout-clone *,
html body.gx-shell .gx-payout-method-card *,
html body.gx-shell .gx-payout-wallet *,
html body.gx-shell .gx-activity-panel *,
html body.gx-shell .gx-activity-help *,
html body.gx-shell .gx-settings-card *,
html body.gx-shell .gx-settings-section-title *,
html body.gx-shell .gx-partner-clone *,
html body.gx-shell .gx-partner-summary article *,
html body.gx-shell .gx-partner-history *,
html body.gx-shell .gx-table-scroll *,
html body.gx-shell table.gx-history-table *,
html body.gx-shell #tab *,
html body.gx-game-shell .gx-clone-command-strip *,
html body.gx-game-shell .gx-clone-scene-next *,
html body.gx-game-shell .gx-clone-tasks *,
html body.gx-game-shell .gx-clone-shop *,
html body.gx-game-shell .gx-clone-shop > header > div *,
html body.gx-game-shell .gx-clone-shop-next *,
html body.gx-game-shell .gx-clone-shop-balance *,
html body.gx-game-shell .gx-clone-slot *,
html body.gx-game-shell .gx-clone-slot-footer *,
html body.gx-game-shell .gx-strip-upgrade-card *,
html body.gx-game-shell .gx-strip-upgrade-current * {
  color: #17231d !important;
  text-shadow: none !important;
}

html body.gx-shell button,
html body.gx-shell .btn,
html body.gx-shell input[type="submit"],
html body.gx-game-shell .gx-clone-task-action,
html body.gx-game-shell .gx-clone-scene-next a,
html body.gx-game-shell .gx-clone-scene-next button,
html body.gx-game-shell .gx-clone-shop button,
html body.gx-game-shell .gx-clone-slot-footer button,
html body.gx-game-shell .gx-strip-upgrade-card button {
  color: #17231d !important;
  text-shadow: none !important;
}

html body.gx-shell .gx-table-scroll {
  width: min(860px, calc(100vw - 32px)) !important;
  max-width: 100% !important;
  margin: 22px auto !important;
  padding: 0 !important;
  overflow-x: auto !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 0 rgba(22, 35, 29, .18), 0 16px 28px rgba(12, 30, 28, .18) !important;
}

html body.gx-shell table.gx-history-table,
html body.gx-shell #tab.gx-history-table {
  min-width: 620px;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

html body.gx-shell table.gx-history-table .tab_name,
html body.gx-shell #tab.gx-history-table .tab_name {
  display: none !important;
}

html body.gx-shell table.gx-history-table thead tr,
html body.gx-shell table.gx-history-table thead th,
html body.gx-shell #tab.gx-history-table thead tr,
html body.gx-shell #tab.gx-history-table thead th,
html body.gx-shell table.gx-history-table tbody tr,
html body.gx-shell table.gx-history-table tbody td,
html body.gx-shell #tab.gx-history-table tbody tr,
html body.gx-shell #tab.gx-history-table tbody td {
  background: rgba(238, 250, 244, .28) !important;
  background-color: rgba(238, 250, 244, .28) !important;
  color: #17231d !important;
  border-color: rgba(23, 35, 29, .12) !important;
}

html body.gx-shell table.gx-history-table thead tr:last-child th,
html body.gx-shell #tab.gx-history-table thead tr:last-child th {
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

html body.gx-shell table.gx-history-table .gx-empty-row td,
html body.gx-shell #tab.gx-history-table .gx-empty-row td,
html body.gx-shell table.gx-history-table .gx-method-pill,
html body.gx-shell table.gx-history-table .gx-status-pill {
  color: #17231d !important;
  background: rgba(238, 250, 244, .34) !important;
}

html body.gx-shell .gx-payout-clone {
  overflow: hidden !important;
  justify-items: center !important;
  align-items: start !important;
}

html body.gx-shell .gx-activity-panel,
html body.gx-shell .gx-activity-help {
  width: min(620px, calc(100vw - 34px)) !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: hidden !important;
}

html body.gx-shell .gx-activity-panel header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
}

html body.gx-shell .gx-activity-panel header button {
  max-width: 190px !important;
  white-space: normal !important;
}

html body.gx-shell .gx-activity-track {
  overflow: hidden !important;
}

html body.gx-shell .gx-activity-range {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 10px !important;
}

html body.gx-shell .gx-activity-range span:last-child {
  text-align: right !important;
}

html body.gx-shell .gx-payout-wallet,
html body.gx-shell .gx-payout-wallet-entry,
html body.gx-shell .gx-payout-wallet-entry input {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html body.gx-game-shell .gx-clone-scene-next {
  min-width: 250px !important;
}

html body.gx-game-shell .gx-clone-scene-next small,
html body.gx-game-shell .gx-clone-scene-next b,
html body.gx-game-shell .gx-clone-scene-next span,
html body.gx-game-shell .gx-clone-slot small,
html body.gx-game-shell .gx-clone-slot b,
html body.gx-game-shell .gx-clone-slot strong,
html body.gx-game-shell .gx-clone-slot-footer small,
html body.gx-game-shell .gx-clone-slot-footer b,
html body.gx-game-shell .gx-clone-slot-footer span {
  color: #17231d !important;
}

@media (max-width: 760px) {
  html body.gx-shell .gx-table-scroll {
    width: min(100%, calc(100vw - 18px)) !important;
    margin: 16px auto !important;
  }

  html body.gx-shell .gx-activity-panel header,
  html body.gx-shell .gx-activity-range {
    grid-template-columns: 1fr !important;
  }

  html body.gx-shell .gx-activity-panel header button {
    width: 100% !important;
    max-width: none !important;
  }

  html body.gx-shell .gx-activity-range span:last-child {
    text-align: left !important;
  }
}

body.gx-admin .gx-admin-table-form table,
body.gx-admin .table-responsive table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}

body.gx-admin .gx-admin-table-form th,
body.gx-admin .gx-admin-table-form td,
body.gx-admin .table-responsive th,
body.gx-admin .table-responsive td {
  min-width: 0 !important;
  max-width: 180px !important;
  padding: 7px 6px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

body.gx-admin:has(.gx-admin-game-table) .gx-admin-content {
  padding: 14px !important;
}

body.gx-admin:has(.gx-admin-game-table) .gx-admin-table-form {
  overflow: visible !important;
  padding: 10px !important;
}

body.gx-admin:has(.gx-admin-game-table) .gx-admin-table-form table.gx-admin-game-table {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  table-layout: fixed !important;
}

body.gx-admin:has(.gx-admin-game-table) .gx-admin-game-table th,
body.gx-admin:has(.gx-admin-game-table) .gx-admin-game-table td {
  max-width: none !important;
  overflow-wrap: anywhere !important;
}

body.gx-admin .gx-admin-table-form .btn,
body.gx-admin .table-responsive .btn {
  min-height: 30px !important;
  padding: 4px 7px !important;
  font-size: 11px !important;
}

body.gx-admin .btn-outline-dark,
body.gx-admin a.btn-outline-dark,
body.gx-admin .alert,
body.gx-admin .alert-info,
body.gx-admin .alert-danger,
body.gx-admin .alert-success,
body.gx-admin .table thead th,
body.gx-admin .table th,
body.gx-admin table.table thead th,
body.gx-admin table.table th {
  background: rgba(238, 250, 244, .30) !important;
  background-color: rgba(238, 250, 244, .30) !important;
  color: #17231d !important;
  border-color: rgba(23,35,29,.12) !important;
  text-shadow: none !important;
}

body.gx-admin .btn-dark,
body.gx-admin .btn-success,
body.gx-admin .btn-primary,
body.gx-admin .btn-danger,
body.gx-admin input.btn-danger {
  background: linear-gradient(180deg, #ffd767, #efa82a) !important;
  background-color: transparent !important;
  color: #17231d !important;
  border-color: rgba(23,35,29,.18) !important;
}

/* Glass/readability pass for user-facing cards and history tables. */
html body.gx-shell .gx-payout-clone {
  overflow: hidden !important;
  display: grid !important;
  justify-items: center !important;
}

html body.gx-shell .gx-activity-panel,
html body.gx-shell .gx-activity-help {
  width: min(620px, 100%) !important;
  max-width: calc(100vw - 34px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

html body.gx-shell .gx-activity-panel header {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(120px, auto) !important;
  align-items: center !important;
  gap: 12px !important;
}

html body.gx-shell .gx-activity-panel header button {
  max-width: 180px !important;
  min-width: 0 !important;
  white-space: normal !important;
}

html body.gx-game-shell .gx-clone-command-strip,
html body.gx-game-shell .gx-clone-command-strip button,
html body.gx-game-shell .gx-clone-scene-next,
html body.gx-game-shell .gx-clone-scene-next a,
html body.gx-game-shell .gx-clone-tasks,
html body.gx-game-shell .gx-clone-tasks-reference,
html body.gx-game-shell .gx-clone-tasks article,
html body.gx-game-shell .gx-clone-slot-footer,
html body.gx-game-shell .gx-clone-shop-next,
html body.gx-game-shell .gx-clone-shop-balance {
  background: linear-gradient(135deg, rgba(150, 220, 231, .46), rgba(237, 250, 245, .34) 54%, rgba(209, 239, 220, .30)) !important;
  background-color: transparent !important;
  color: #17231d !important;
  border-color: rgba(255,255,255,.42) !important;
  text-shadow: none !important;
}

html body.gx-game-shell .gx-clone-tasks {
  border-radius: 22px !important;
  padding: 24px !important;
  width: min(1050px, calc(100vw - 34px)) !important;
}

html body.gx-game-shell .gx-clone-command-strip *,
html body.gx-game-shell .gx-clone-scene-next *,
html body.gx-game-shell .gx-clone-tasks *,
html body.gx-game-shell .gx-clone-slot-footer *,
html body.gx-game-shell .gx-clone-shop-next *,
html body.gx-game-shell .gx-clone-shop-balance *,
html body.gx-shell .gx-activity-panel *,
html body.gx-shell .gx-activity-help * {
  color: #17231d !important;
  text-shadow: none !important;
}

html body.gx-shell .gx-table-scroll,
html body.gx-shell .gx-partner-history .gx-table-scroll {
  width: min(980px, calc(100vw - 34px)) !important;
  padding: 8px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(150, 220, 231, .46), rgba(237, 250, 245, .34) 54%, rgba(209, 239, 220, .30)) !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 12px 28px rgba(14,42,42,.14) !important;
}

html body.gx-shell table.gx-history-table,
html body.gx-shell .gx-partner-history table.gx-history-table,
html body.gx-shell #tab.gx-history-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: transparent !important;
  color: #17231d !important;
  box-shadow: none !important;
}

html body.gx-shell table.gx-history-table .tab_name {
  display: none !important;
}

html body.gx-shell table.gx-history-table thead tr:not(:first-child) th,
html body.gx-shell table.gx-history-table .tab_title th,
html body.gx-shell table.gx-history-table .tab_title td,
html body.gx-shell table.gx-history-table tbody td {
  padding: 12px 14px !important;
  background: rgba(238, 250, 244, .24) !important;
  background-color: rgba(238, 250, 244, .24) !important;
  color: #17231d !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(23,35,29,.12) !important;
  text-shadow: none !important;
}

html body.gx-shell table.gx-history-table thead tr:not(:first-child) th,
html body.gx-shell table.gx-history-table .tab_title th,
html body.gx-shell table.gx-history-table .tab_title td {
  font-size: 12px !important;
  text-transform: uppercase !important;
}

html body.gx-shell table.gx-history-table *,
html body.gx-shell .gx-table-scroll * {
  color: #17231d !important;
  text-shadow: none !important;
}

@media (max-width: 760px) {
  html body.gx-shell .gx-activity-panel header {
    grid-template-columns: 1fr !important;
  }

  html body.gx-shell .gx-activity-panel header button {
    max-width: 100% !important;
    width: 100% !important;
  }

  html body.gx-game-shell .gx-clone-tasks {
    padding: 14px !important;
  }
}

html body.gx-shell .gx-settings-password-form input,
html body.gx-shell .gx-settings-payout-form input[type="text"],
html body.gx-shell .gx-settings-grid input,
html body.gx-shell .gx-settings-card input,
html body.gx-shell .gx-purse-row input[name="payout_address"],
html body.gx-shell .gx-password-row input {
  background: rgba(238, 250, 244, .44) !important;
  background-color: rgba(238, 250, 244, .44) !important;
  color: #17231d !important;
  text-shadow: none !important;
}

html body.gx-shell .gx-settings-row-icon {
  background: rgba(238, 250, 244, .38) !important;
  background-color: rgba(238, 250, 244, .38) !important;
}

@media (max-width: 760px) {
  html body.gx-public .gx-footer-menu a {
    min-width: 0 !important;
    flex: 1 1 132px !important;
  }

  html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article {
    min-height: 190px !important;
  }
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article,
html body.gx-shell .gx-partner-history .gx-history-table,
html body.gx-shell .gx-partner-history .gx-table-scroll {
  background: linear-gradient(135deg, rgba(150, 220, 231, .46), rgba(237, 250, 245, .34) 54%, rgba(209, 239, 220, .30)) !important;
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, .42) !important;
  color: #17231d !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 12px 28px rgba(14, 42, 42, .14) !important;
  backdrop-filter: blur(12px) !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article *,
html body.gx-shell .gx-partner-history .gx-history-table *,
html body.gx-shell .gx-partner-history .gx-table-scroll * {
  color: #17231d !important;
  text-shadow: none !important;
}

html body.gx-shell .gx-partner-history .gx-history-table .tab_name,
html body.gx-shell .gx-partner-history .gx-history-table .tab_title,
html body.gx-shell .gx-partner-history .gx-history-table td {
  background: rgba(238, 250, 244, .24) !important;
  color: #17231d !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article .gx-clone-task-action,
html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article button,
html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article a {
  background: linear-gradient(180deg, #ffd767, #efa82a) !important;
  color: #17231d !important;
}

html body.gx-shell .gx-settings-row-icon {
  width: 44px !important;
  height: 44px !important;
}

html body.gx-shell .gx-settings-row-icon img,
html body.gx-shell .gx-settings-row-icon svg {
  width: 32px !important;
  height: 32px !important;
}

/* Clear glass surfaces: no green fill, dark readable text */
html body.gx-game-shell .gx-clone-tasks article,
html body.gx-shell .gx-ref-board .gx-partner-summary article,
html body.gx-shell .gx-settings-card,
html body.gx-shell .gx-settings-section-title,
html body.gx-shell .gx-settings-profile-form,
html body.gx-shell .gx-settings-password-form,
html body.gx-shell .gx-settings-payout-form,
html body.gx-shell .gx-payout-wallet,
html body.gx-shell .gx-payout-wallet-entry {
  background: linear-gradient(135deg, rgba(150, 220, 232, .34), rgba(238, 251, 244, .24) 55%, rgba(180, 223, 214, .20)) !important;
  border: 1px solid rgba(255, 255, 255, .44) !important;
  color: #17231d !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.38), 0 12px 26px rgba(17, 50, 55, .12) !important;
  backdrop-filter: blur(12px) !important;
}

html body.gx-game-shell .gx-clone-tasks article b,
html body.gx-game-shell .gx-clone-tasks article p,
html body.gx-game-shell .gx-clone-tasks article span,
html body.gx-shell .gx-ref-board .gx-partner-summary article b,
html body.gx-shell .gx-ref-board .gx-partner-summary article span,
html body.gx-shell .gx-settings-section-title,
html body.gx-shell .gx-payout-wallet span,
html body.gx-shell .gx-payout-wallet b {
  color: #17231d !important;
  text-shadow: none !important;
}

html body.gx-shell .gx-ref-board .gx-partner-summary article b {
  background: transparent !important;
  min-width: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.gx-shell .gx-ref-board .gx-ref-each-partner {
  align-content: center !important;
  gap: 8px !important;
}

html body.gx-shell .gx-ref-board .gx-ref-each-value {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 0 !important;
}

html body.gx-shell .gx-ref-board .gx-ref-each-value img {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
}

html body.gx-shell .gx-ref-board .gx-ref-each-value b {
  font-size: 28px !important;
  line-height: 1 !important;
}

html body.gx-shell .gx-settings-password-form input,
html body.gx-shell .gx-settings-payout-form input[type="text"] {
  background: rgba(238, 250, 244, .42) !important;
  color: #17231d !important;
}

html body.gx-shell .gx-settings-password-form input::placeholder,
html body.gx-shell .gx-settings-payout-form input::placeholder {
  color: rgba(23, 35, 29, .70) !important;
}

html body.gx-shell .gx-settings-row-icon {
  background: rgba(238, 250, 244, .38) !important;
  color: #17231d !important;
}

html body.gx-shell .gx-settings-row-icon i {
  color: #17231d !important;
}

@media (max-width: 760px) {
  html body.gx-game-shell .gx-clone-tasks {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  html body.gx-game-shell .gx-clone-tasks article {
    min-height: 190px !important;
  }

  html body.gx-shell .gx-deposit-checkout,
  html body.gx-shell .gx-payout-clone {
    width: min(100%, calc(100vw - 18px)) !important;
  }

  html body.gx-shell .gx-payment-converter article,
  html body.gx-shell .gx-payout-preview article {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    min-height: 46px !important;
    padding-inline: 12px !important;
  }

  html body.gx-shell .gx-payout-wallet {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  html body.gx-shell .gx-settings-payout-grid,
  html body.gx-shell .gx-settings-payout-form {
    grid-template-columns: 1fr !important;
  }

  html body.gx-shell .gx-settings-payout-form {
    justify-items: center !important;
  }

  html body.gx-shell .gx-settings-payout-form input {
    width: 100% !important;
  }
}

@media (max-width: 860px) {
  html body.gx-public .gx-home-hero,
  html body.gx-shell .gx-ref-board {
    grid-template-columns: 1fr !important;
  }

  html body.gx-shell .gx-ref-art {
    min-height: 160px !important;
  }

  html body.gx-shell .gx-ref-art img {
    width: min(170px, 76vw) !important;
  }

  html body.gx-public .gx-home-flow {
    grid-template-columns: 1fr !important;
  }

  html body.gx-public .gx-public-step-arrow {
    display: none !important;
  }

  html body.gx-public .gx-public-perks,
  html body.gx-shell .gx-ref-board .gx-partner-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}

@media (max-width: 560px) {
  html body.gx-public .gx-public-topline {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    width: 100% !important;
  }

  html body.gx-public .gx-public-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  html body.gx-public .gx-home-hero {
    width: min(100%, calc(100vw - 18px)) !important;
    gap: 14px !important;
  }

  html body.gx-public .gx-home-login {
    padding: 14px !important;
  }

  html body.gx-public .gx-public-perks,
  html body.gx-shell .gx-ref-board .gx-partner-summary {
    grid-template-columns: 1fr !important;
  }

  html body.gx-shell .gx-ref-board {
    width: min(100%, calc(100vw - 18px)) !important;
    padding: 10px 0 !important;
    gap: 12px !important;
  }

  html body.gx-shell .gx-ref-topbar,
  html body.gx-shell .gx-ref-board .gx-partner-link > div {
    grid-template-columns: 1fr !important;
  }

  html body.gx-shell .gx-ref-board .gx-partner-link,
  html body.gx-shell .gx-ref-board .gx-partner-link input,
  html body.gx-shell .gx-ref-board .gx-partner-link button {
    border-radius: 18px !important;
  }
}

/* Final glass normalization: remove dark nested cards and keep controls readable. */
html body.gx-shell .gx-table-scroll,
html body.gx-shell .gx-history-table,
html body.gx-shell #tab,
html body.gx-shell .gx-activity-panel,
html body.gx-shell .gx-activity-help,
html body.gx-shell .gx-settings-card,
html body.gx-shell .gx-settings-section-title,
html body.gx-shell .gx-settings-password-form,
html body.gx-shell .gx-settings-payout-form,
html body.gx-shell .gx-payout-wallet,
html body.gx-shell .gx-payout-wallet-entry,
html body.gx-game-shell .gx-clone-tasks article,
html body.gx-shell .gx-ref-board .gx-partner-summary article {
  background: linear-gradient(135deg, rgba(150, 220, 231, .46), rgba(237, 250, 245, .34) 54%, rgba(209, 239, 220, .30)) !important;
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, .42) !important;
  color: #17231d !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 12px 28px rgba(14, 42, 42, .14) !important;
  backdrop-filter: blur(12px) !important;
}

html body.gx-shell .gx-table-scroll {
  width: min(820px, calc(100vw - 34px)) !important;
  padding: 8px !important;
  margin: 20px auto !important;
}

html body.gx-shell .gx-history-table,
html body.gx-shell #tab {
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

html body.gx-shell .gx-history-table td,
html body.gx-shell .gx-history-table th,
html body.gx-shell #tab td,
html body.gx-shell #tab th {
  background: rgba(238, 250, 244, .22) !important;
  color: #17231d !important;
  text-shadow: none !important;
  border-bottom: 1px solid rgba(23, 35, 29, .12) !important;
}

html body.gx-shell .gx-history-table .tab_name,
html body.gx-shell #tab .tab_name,
html body.gx-shell .tab_name {
  background: rgba(238, 250, 244, .42) !important;
  color: #17231d !important;
  text-shadow: none !important;
}

html body.gx-shell .gx-history-table .tab_title,
html body.gx-shell #tab .tab_title,
html body.gx-shell .tab_title {
  background: rgba(238, 250, 244, .30) !important;
  color: #17231d !important;
}

html body.gx-shell .gx-empty-row,
html body.gx-shell .gx-empty-row td {
  color: rgba(23, 35, 29, .76) !important;
}

html body.gx-shell .gx-activity-panel {
  width: min(650px, calc(100vw - 34px)) !important;
  padding: 16px 18px !important;
}

html body.gx-shell .gx-activity-panel *,
html body.gx-shell .gx-activity-help *,
html body.gx-game-shell .gx-clone-tasks article *,
html body.gx-shell .gx-ref-board .gx-partner-summary article *,
html body.gx-shell .gx-settings-card *,
html body.gx-shell .gx-settings-section-title,
html body.gx-shell .gx-payout-wallet * {
  color: #17231d !important;
  text-shadow: none !important;
}

html body.gx-game-shell .gx-clone-tasks article {
  min-height: 230px !important;
  padding: 22px 18px 74px !important;
}

html body.gx-game-shell .gx-clone-task-reward {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

html body.gx-game-shell .gx-clone-task-reward img {
  width: 42px !important;
  height: 42px !important;
}

html body.gx-game-shell .gx-clone-task-progress {
  width: 100% !important;
  background: rgba(23, 35, 29, .16) !important;
}

html body.gx-game-shell .gx-clone-task-action,
html body.gx-game-shell .gx-clone-tasks article button,
html body.gx-game-shell .gx-clone-tasks article a,
html body.gx-shell .gx-settings-payout-form button,
html body.gx-shell .gx-settings-password-form button,
html body.gx-shell .gx-payout-form button,
html body.gx-shell .gx-payout-route-link,
html body.gx-shell .gx-deposit-amount button {
  background: linear-gradient(180deg, #ffd767, #efa82a) !important;
  color: #17231d !important;
  text-shadow: none !important;
}

html body.gx-shell .gx-payout-wallet,
html body.gx-shell .gx-payout-wallet-entry {
  width: 100% !important;
  min-height: 56px !important;
  padding: 8px 14px !important;
  display: grid !important;
  grid-template-columns: 118px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  border-radius: 18px !important;
}

html body.gx-shell .gx-payout-wallet span {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  opacity: .78 !important;
}

html body.gx-shell .gx-payout-wallet b,
html body.gx-shell .gx-payout-wallet input {
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(238, 250, 244, .48) !important;
  color: #17231d !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.gx-shell .gx-settings-payout-grid {
  grid-template-columns: repeat(2, minmax(300px, 1fr)) !important;
  gap: 12px !important;
}

html body.gx-shell .gx-settings-card,
html body.gx-shell .gx-settings-row,
html body.gx-shell .gx-purse-row {
  padding: 0 !important;
  border-radius: 18px !important;
}

html body.gx-shell .gx-settings-password-form,
html body.gx-shell .gx-settings-payout-form {
  min-height: 58px !important;
  grid-template-columns: 54px minmax(0, 1fr) 104px !important;
  gap: 0 !important;
  padding: 0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

html body.gx-shell .gx-settings-password-form {
  grid-template-columns: 54px minmax(0, 1fr) minmax(0, 1fr) 112px !important;
}

html body.gx-shell .gx-settings-row-icon {
  width: 54px !important;
  height: 58px !important;
  border-radius: 18px 0 0 18px !important;
  background: rgba(238, 250, 244, .38) !important;
  box-shadow: inset -1px 0 0 rgba(23, 35, 29, .10) !important;
}

html body.gx-shell .gx-settings-row-icon img,
html body.gx-shell .gx-settings-row-icon svg {
  width: 36px !important;
  height: 36px !important;
}

html body.gx-shell .gx-settings-password-form input,
html body.gx-shell .gx-settings-payout-form input[type="text"] {
  width: 100% !important;
  height: 58px !important;
  min-height: 58px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-left: 1px solid rgba(23, 35, 29, .10) !important;
  border-radius: 0 !important;
  background: rgba(238, 250, 244, .28) !important;
  color: #17231d !important;
  box-shadow: none !important;
}

html body.gx-shell .gx-settings-password-form input::placeholder,
html body.gx-shell .gx-settings-payout-form input::placeholder {
  color: rgba(23, 35, 29, .70) !important;
}

html body.gx-shell .gx-settings-payout-form button,
html body.gx-shell .gx-settings-password-form button {
  width: 104px !important;
  min-width: 104px !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 !important;
  border-radius: 0 18px 18px 0 !important;
}

html body.gx-shell .gx-settings-password-form button {
  width: 112px !important;
  min-width: 112px !important;
}

html body.gx-shell .gx-ref-board .gx-ref-each-value {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
}

html body.gx-shell .gx-ref-board .gx-ref-each-value img {
  width: 20px !important;
  height: 20px !important;
}

html body.gx-shell .gx-ref-board .gx-ref-each-value b {
  font-size: 26px !important;
  line-height: 1 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

@media (max-width: 760px) {
  html body.gx-shell .gx-payout-wallet,
  html body.gx-shell .gx-payout-wallet-entry {
    grid-template-columns: 1fr !important;
  }

  html body.gx-shell .gx-settings-payout-grid,
  html body.gx-shell .gx-settings-password-form,
  html body.gx-shell .gx-settings-payout-form {
    grid-template-columns: 1fr !important;
  }

  html body.gx-shell .gx-settings-row-icon,
  html body.gx-shell .gx-settings-password-form input,
  html body.gx-shell .gx-settings-payout-form input[type="text"],
  html body.gx-shell .gx-settings-password-form button,
  html body.gx-shell .gx-settings-payout-form button {
    width: 100% !important;
    min-width: 0 !important;
    border-radius: 999px !important;
  }
}

/* Absolute final overrides for current visual pass. */
html body.gx-shell .gx-settings-password-form input,
html body.gx-shell .gx-settings-payout-form input[type="text"],
html body.gx-shell .gx-settings-grid input,
html body.gx-shell .gx-settings-card input,
html body.gx-shell .gx-purse-row input[name="payout_address"],
html body.gx-shell .gx-password-row input {
  background: rgba(238, 250, 244, .44) !important;
  background-color: rgba(238, 250, 244, .44) !important;
  color: #17231d !important;
  text-shadow: none !important;
}

html body.gx-shell .gx-settings-card,
html body.gx-shell .gx-settings-row,
html body.gx-shell .gx-purse-row,
html body.gx-shell .gx-settings-password-form,
html body.gx-shell .gx-settings-payout-form,
html body.gx-shell .gx-settings-section-title,
html body.gx-shell .gx-activity-panel,
html body.gx-shell .gx-activity-help {
  background: linear-gradient(135deg, rgba(150, 220, 231, .46), rgba(237, 250, 245, .34) 54%, rgba(209, 239, 220, .30)) !important;
  background-color: transparent !important;
  color: #17231d !important;
}

html body.gx-game-shell .gx-clone-playfield {
  background-position: center 68%, center 68% !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article {
  grid-template-rows: 32px 34px minmax(30px, auto) 17px 42px !important;
  min-height: 198px !important;
  padding: 12px 14px 18px !important;
  gap: 6px !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article > img {
  width: 32px !important;
  height: 32px !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-task-reward img {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-task-reward b {
  font-size: 16px !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-task-copy,
html body.gx-game-shell .gx-clone-games-page .gx-clone-task-copy p,
html body.gx-game-shell .gx-clone-games-page .gx-clone-task-copy b,
html body.gx-game-shell .gx-clone-games-page .gx-clone-task-copy span,
html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article p,
html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article span {
  font-size: 14px !important;
  line-height: 1.1 !important;
}

html body.gx-shell .gx-table-scroll,
html body.gx-shell .gx-history-table,
html body.gx-shell #tab,
html body.gx-shell .gx-partner-history .gx-table-scroll,
html body.gx-shell .gx-partner-history .gx-history-table {
  background: linear-gradient(135deg, rgba(150, 220, 231, .46), rgba(237, 250, 245, .34) 54%, rgba(209, 239, 220, .30)) !important;
  background-color: transparent !important;
  color: #17231d !important;
}

html body.gx-shell .gx-history-table .tab_name,
html body.gx-shell .gx-history-table .tab_title,
html body.gx-shell .gx-history-table th,
html body.gx-shell .gx-history-table td,
html body.gx-shell #tab .tab_name,
html body.gx-shell #tab .tab_title,
html body.gx-shell #tab th,
html body.gx-shell #tab td {
  background: rgba(238, 250, 244, .24) !important;
  color: #17231d !important;
  text-shadow: none !important;
}

html body.gx-shell .gx-settings-payout-grid .gx-settings-payout-form input[type="text"],
html body.gx-shell .gx-settings-grid .gx-purse-row input[name="payout_address"],
html body.gx-shell .gx-settings-grid .gx-password-row input,
html body.gx-shell .gx-payout-wallet-entry input {
  background: rgba(238, 250, 244, .46) !important;
  background-color: rgba(238, 250, 244, .46) !important;
  color: #17231d !important;
  border-color: rgba(255,255,255,.38) !important;
}

html body.gx-shell .gx-ref-income,
html body.gx-shell .gx-partner-link,
html body.gx-shell .gx-partner-link input {
  background: linear-gradient(135deg, rgba(150, 220, 231, .46), rgba(237, 250, 245, .34) 54%, rgba(209, 239, 220, .30)) !important;
  background-color: transparent !important;
  color: #17231d !important;
  border-color: rgba(255,255,255,.42) !important;
  text-shadow: none !important;
}

html body.gx-shell .gx-ref-board .gx-partner-link,
html body.gx-shell .gx-ref-board .gx-partner-link > div,
html body.gx-shell .gx-ref-board .gx-partner-link input {
  background: linear-gradient(135deg, rgba(150, 220, 231, .46), rgba(237, 250, 245, .34) 54%, rgba(209, 239, 220, .30)) !important;
  background-color: transparent !important;
  color: #17231d !important;
  border-color: rgba(255,255,255,.42) !important;
}

html body.gx-public .gx-public-stats article,
html body.gx-public .gx-public-steps article,
html body.gx-public .gx-public-perks article,
html body.gx-shell .gx-payout-method-card,
html body.gx-shell .gx-payout-min-final,
html body.gx-shell .gx-partner-history th,
html body.gx-shell .gx-partner-history td {
  background: linear-gradient(135deg, rgba(150, 220, 231, .46), rgba(237, 250, 245, .34) 54%, rgba(209, 239, 220, .30)) !important;
  background-color: transparent !important;
  color: #17231d !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.30), 0 10px 22px rgba(14,42,42,.12) !important;
}

html body.gx-public .gx-public-stats article *,
html body.gx-public .gx-public-steps article *,
html body.gx-public .gx-public-perks article *,
html body.gx-shell .gx-payout-method-card *,
html body.gx-shell .gx-payout-min-final *,
html body.gx-shell .gx-partner-history th *,
html body.gx-shell .gx-partner-history td * {
  color: #17231d !important;
  text-shadow: none !important;
}

html body.gx-shell .gx-payout-method-card {
  min-height: 70px !important;
}

html body.gx-shell .gx-payout-min-final {
  border-radius: 16px !important;
}

html body.gx-shell .gx-payment-type,
html body.gx-shell a.gx-payment-type,
html body.gx-shell .gx-payout-method-card,
html body.gx-shell a.gx-payout-method-card,
html body.gx-game-shell .gx-clone-tabs,
html body.gx-game-shell .gx-clone-tabs a,
html body.gx-game-shell .gx-clone-tabs a.is-active,
html body.gx-game-shell .gx-clone-command-strip,
html body.gx-game-shell .gx-clone-command-strip button,
html body.gx-game-shell .gx-clone-shop,
html body.gx-game-shell .gx-clone-shop > header > div,
html body.gx-game-shell .gx-clone-shop-next,
html body.gx-game-shell .gx-clone-shop-balance,
html body.gx-game-shell .gx-clone-slot,
html body.gx-game-shell .gx-clone-slot-footer {
  background: linear-gradient(135deg, rgba(150, 220, 231, .46), rgba(237, 250, 245, .34) 54%, rgba(209, 239, 220, .30)) !important;
  background-color: transparent !important;
  color: #17231d !important;
  border-color: rgba(255,255,255,.42) !important;
  text-shadow: none !important;
}

html body.gx-shell .gx-payment-type *,
html body.gx-shell .gx-payout-method-card *,
html body.gx-game-shell .gx-clone-tabs *,
html body.gx-game-shell .gx-clone-command-strip button *,
html body.gx-game-shell .gx-clone-shop > header > div *,
html body.gx-game-shell .gx-clone-shop-next *,
html body.gx-game-shell .gx-clone-shop-balance *,
html body.gx-game-shell .gx-clone-slot *,
html body.gx-game-shell .gx-clone-slot-footer * {
  color: #17231d !important;
  text-shadow: none !important;
}

html body.gx-shell table.gx-history-table th,
html body.gx-shell table.gx-history-table td,
html body.gx-shell table.gx-history-table thead th,
html body.gx-shell table.gx-history-table tr,
html body.gx-shell #tab th,
html body.gx-shell #tab td,
html body.gx-shell #tab tr {
  background: rgba(238, 250, 244, .24) !important;
  background-color: rgba(238, 250, 244, .24) !important;
  color: #17231d !important;
  text-shadow: none !important;
}

html body.gx-shell .gx-deposit-methods .gx-payment-type,
html body.gx-shell .gx-deposit-methods .gx-payment-type:hover,
html body.gx-shell .gx-payout-methods .gx-payout-method-card,
html body.gx-shell .gx-payout-methods .gx-payout-method-card:hover,
html body.gx-shell .gx-payout-methods .gx-payout-method-card.is-registered,
html body.gx-game-shell .gx-clone .gx-clone-tabs,
html body.gx-game-shell .gx-clone .gx-clone-tabs a,
html body.gx-game-shell .gx-clone .gx-clone-tabs a:hover,
html body.gx-game-shell .gx-clone .gx-clone-tabs a.is-active,
html body.gx-game-shell .gx-clone-games-page .gx-clone-command-strip,
html body.gx-game-shell .gx-clone-games-page .gx-clone-command-strip button,
html body.gx-game-shell .gx-clone-games-page .gx-clone-command-strip button:hover,
html body.gx-game-shell .gx-clone-games-page .gx-clone-shop,
html body.gx-game-shell .gx-clone-games-page .gx-clone-shop > header > div,
html body.gx-game-shell .gx-clone-games-page .gx-clone-shop-next,
html body.gx-game-shell .gx-clone-games-page .gx-clone-shop-balance,
html body.gx-game-shell .gx-clone-games-page .gx-clone-slot,
html body.gx-game-shell .gx-clone-games-page .gx-clone-slot-footer {
  background: linear-gradient(135deg, rgba(150, 220, 231, .46), rgba(237, 250, 245, .34) 54%, rgba(209, 239, 220, .30)) !important;
  background-color: transparent !important;
  color: #17231d !important;
  border-color: rgba(255,255,255,.42) !important;
  text-shadow: none !important;
}

html body.gx-shell .gx-deposit-methods .gx-payment-type *,
html body.gx-shell .gx-payout-methods .gx-payout-method-card *,
html body.gx-game-shell .gx-clone .gx-clone-tabs *,
html body.gx-game-shell .gx-clone-games-page .gx-clone-command-strip button *,
html body.gx-game-shell .gx-clone-games-page .gx-clone-shop > header > div *,
html body.gx-game-shell .gx-clone-games-page .gx-clone-shop-next *,
html body.gx-game-shell .gx-clone-games-page .gx-clone-shop-balance *,
html body.gx-game-shell .gx-clone-games-page .gx-clone-slot *,
html body.gx-game-shell .gx-clone-games-page .gx-clone-slot-footer * {
  color: #17231d !important;
  text-shadow: none !important;
}

html body.gx-shell .gx-partner-history table.gx-history-table th,
html body.gx-shell .gx-partner-history table.gx-history-table td,
html body.gx-shell .gx-partner-history table.gx-history-table thead th,
html body.gx-shell .gx-partner-history table.gx-history-table tr {
  background: rgba(238, 250, 244, .24) !important;
  background-color: rgba(238, 250, 244, .24) !important;
  color: #17231d !important;
}

html body.gx-shell.gx-page-insert .gx-deposit-methods .gx-payment-type,
html body.gx-shell.gx-page-insert .gx-deposit-methods .gx-payment-type:hover,
html body.gx-shell.gx-page-payout .gx-payout-methods .gx-payout-method-card,
html body.gx-shell.gx-page-payout .gx-payout-methods .gx-payout-method-card:hover,
html body.gx-shell.gx-page-payout .gx-payout-methods .gx-payout-method-card.is-registered,
html body.gx-shell.gx-page-games .gx-clone-command-strip,
html body.gx-shell.gx-page-games .gx-clone-command-strip button,
html body.gx-shell.gx-page-games .gx-clone-command-strip button:hover,
html body.gx-shell.gx-page-person .gx-clone-slot-footer,
html body.gx-shell.gx-page-map .gx-clone-slot-footer,
html body.gx-shell.gx-page-volume .gx-clone-slot-footer {
  background: linear-gradient(135deg, rgba(150, 220, 231, .46), rgba(237, 250, 245, .34) 54%, rgba(209, 239, 220, .30)) !important;
  background-color: transparent !important;
  color: #17231d !important;
  border-color: rgba(255,255,255,.42) !important;
  text-shadow: none !important;
}

html body.gx-shell.gx-page-ref .gx-partner-history table.gx-history-table th,
html body.gx-shell.gx-page-ref .gx-partner-history table.gx-history-table td,
html body.gx-shell.gx-page-ref table.gx-history-table th,
html body.gx-shell.gx-page-ref table.gx-history-table td {
  background: rgba(238, 250, 244, .24) !important;
  background-color: rgba(238, 250, 244, .24) !important;
  color: #17231d !important;
  text-shadow: none !important;
}

html body.gx-shell.gx-game-shell.gx-page-games .gx-clone-games-page .gx-strip-upgrade-card button,
html body.gx-shell.gx-game-shell.gx-page-games .gx-clone-games-page .gx-strip-upgrade-card button:not(:disabled),
html body.gx-shell.gx-game-shell.gx-page-games .gx-clone-games-page .gx-strip-upgrade-card button:hover:not(:disabled),
html body.gx-shell.gx-game-shell.gx-page-person .gx-clone-person-page .gx-clone-slot .gx-clone-slot-footer,
html body.gx-shell.gx-game-shell.gx-page-map .gx-clone-map-page .gx-clone-slot .gx-clone-slot-footer,
html body.gx-shell.gx-game-shell.gx-page-volume .gx-clone-volume-page .gx-clone-slot .gx-clone-slot-footer {
  background: linear-gradient(135deg, rgba(150, 220, 231, .46), rgba(237, 250, 245, .34) 54%, rgba(209, 239, 220, .30)) !important;
  background-color: transparent !important;
  color: #17231d !important;
  border-color: rgba(255,255,255,.42) !important;
  text-shadow: none !important;
}

html body.gx-shell.gx-page-ref .gx-partner-history .gx-history-table thead tr:nth-child(2) th,
html body.gx-shell.gx-page-ref .gx-partner-history table.gx-history-table thead tr:nth-child(2) th {
  background: rgba(238, 250, 244, .24) !important;
  background-color: rgba(238, 250, 244, .24) !important;
  color: #17231d !important;
  text-shadow: none !important;
}

html body.gx-game-shell .gx-clone-playfield {
  background-color: transparent !important;
}

body.gx-admin {
  color: #17231d !important;
}

body.gx-admin .fcmenu,
body.gx-admin .gx-admin-topbar,
body.gx-admin .gx-admin-content,
body.gx-admin .card,
body.gx-admin .bg-light,
body.gx-admin .alert-light,
body.gx-admin .table-responsive,
body.gx-admin .gx-admin-table-form,
body.gx-admin table.table {
  background: linear-gradient(135deg, rgba(150, 220, 231, .46), rgba(237, 250, 245, .34) 54%, rgba(209, 239, 220, .30)) !important;
  background-color: transparent !important;
  color: #17231d !important;
  border-color: rgba(255,255,255,.42) !important;
  text-shadow: none !important;
}

body.gx-admin .gx-admin-brand,
body.gx-admin .card-header,
body.gx-admin .bg-dark,
body.gx-admin .table thead,
body.gx-admin .table tbody,
body.gx-admin .table tr,
body.gx-admin .table td,
body.gx-admin .table th,
body.gx-admin .nav-link,
body.gx-admin .text-light {
  background: rgba(238, 250, 244, .26) !important;
  background-color: rgba(238, 250, 244, .26) !important;
  color: #17231d !important;
  border-color: rgba(23,35,29,.12) !important;
  text-shadow: none !important;
}

body.gx-admin .fcmenu .nav-link:hover,
body.gx-admin .fcmenu .nav-link:focus {
  background: rgba(238, 250, 244, .42) !important;
  color: #17231d !important;
}

body.gx-admin .badge,
body.gx-admin .btn,
body.gx-admin button,
body.gx-admin input[type="submit"],
body.gx-admin input[type="button"] {
  color: #17231d !important;
  text-shadow: none !important;
}

body.gx-admin .form-control,
body.gx-admin .custom-select,
body.gx-admin select,
body.gx-admin input[type="text"],
body.gx-admin input[type="number"],
body.gx-admin input[type="email"],
body.gx-admin input[type="password"],
body.gx-admin textarea {
  background: rgba(238, 250, 244, .52) !important;
  background-color: rgba(238, 250, 244, .52) !important;
  color: #17231d !important;
  border-color: rgba(255,255,255,.42) !important;
}

@media (max-width: 760px) {
  body.gx-admin .container-fluid {
    width: min(100%, calc(100vw - 14px)) !important;
    margin: 8px auto !important;
  }

  body.gx-admin .fcmenu,
  body.gx-admin .gx-admin-topbar,
  body.gx-admin .gx-admin-content {
    border-radius: 18px !important;
  }
}

/* Absolute final presentation overrides */
html body.gx-shell.gx-game-shell.gx-page-games .gx-clone-games-page .gx-clone-command-strip .gx-clone-scene-next,
html body.gx-shell.gx-game-shell.gx-page-games .gx-clone-games-page .gx-clone-command-strip .gx-clone-scene-next:hover,
html body.gx-shell.gx-game-shell.gx-page-games .gx-clone-games-page .gx-clone-command-strip .gx-clone-scene-next:focus-within,
html body.gx-shell.gx-page-payout .gx-payout-clone .gx-table-scroll,
html body.gx-shell.gx-page-insert .gx-table-scroll,
html body.gx-shell.gx-page-ref .gx-partner-history .gx-table-scroll {
  background: linear-gradient(135deg, rgba(150, 220, 231, .46), rgba(237, 250, 245, .34) 54%, rgba(209, 239, 220, .30)) !important;
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, .48) !important;
  color: #17231d !important;
  text-shadow: none !important;
}

html body.gx-shell.gx-game-shell.gx-page-games .gx-clone-games-page .gx-clone-command-strip .gx-clone-scene-next *,
html body.gx-shell.gx-page-payout .gx-payout-clone .gx-table-scroll *,
html body.gx-shell.gx-page-insert .gx-table-scroll *,
html body.gx-shell.gx-page-ref .gx-partner-history .gx-table-scroll * {
  color: #17231d !important;
  text-shadow: none !important;
}

html body.gx-shell.gx-page-payout .gx-payout-clone .gx-table-scroll,
html body.gx-shell.gx-page-insert .gx-table-scroll,
html body.gx-shell.gx-page-ref .gx-partner-history .gx-table-scroll {
  width: min(900px, calc(100vw - 34px)) !important;
  max-width: 100% !important;
  margin: 22px auto !important;
  padding: 8px !important;
  overflow-x: auto !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 12px 28px rgba(14,42,42,.14) !important;
}

html body.gx-shell.gx-page-payout .gx-payout-clone .gx-table-scroll table.gx-history-table,
html body.gx-shell.gx-page-insert .gx-table-scroll table.gx-history-table,
html body.gx-shell.gx-page-ref .gx-partner-history .gx-table-scroll table.gx-history-table {
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

html body.gx-shell.gx-page-payout .gx-payout-clone .gx-table-scroll table.gx-history-table th,
html body.gx-shell.gx-page-payout .gx-payout-clone .gx-table-scroll table.gx-history-table td,
html body.gx-shell.gx-page-insert .gx-table-scroll table.gx-history-table th,
html body.gx-shell.gx-page-insert .gx-table-scroll table.gx-history-table td,
html body.gx-shell.gx-page-ref .gx-partner-history .gx-table-scroll table.gx-history-table th,
html body.gx-shell.gx-page-ref .gx-partner-history .gx-table-scroll table.gx-history-table td {
  background: rgba(238, 250, 244, .28) !important;
  background-color: rgba(238, 250, 244, .28) !important;
  color: #17231d !important;
  border-color: rgba(23, 35, 29, .12) !important;
}

html body.gx-shell.gx-page-payout .gx-payout-clone .gx-table-scroll table.gx-history-table .tab_name,
html body.gx-shell.gx-page-insert .gx-table-scroll table.gx-history-table .tab_name,
html body.gx-shell.gx-page-ref .gx-partner-history .gx-table-scroll table.gx-history-table .tab_name {
  display: none !important;
}

@media (max-width: 760px) {
  html body.gx-shell.gx-page-payout .gx-payout-methods,
  html body.gx-shell.gx-page-insert .gx-deposit-methods,
  html body.gx-shell.gx-page-insert .gx-deposit-coins {
    width: min(100%, calc(100vw - 60px)) !important;
    max-width: calc(100vw - 60px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    grid-template-columns: 1fr !important;
    box-sizing: border-box !important;
    justify-self: center !important;
  }

  html body.gx-shell.gx-page-payout .gx-payout-methods .gx-payout-method-card,
  html body.gx-shell.gx-page-insert .gx-deposit-methods .gx-payment-type,
  html body.gx-shell.gx-page-insert .gx-deposit-coins .gx-payment-type {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

/* Balance/security presentation pass */
html body.gx-shell #header.gx-site-header .gx-active-menu-card {
  grid-template-columns: 150px minmax(280px, 450px) minmax(470px, 1fr) !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu-stats span {
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 6px 8px !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu-stats small {
  font-size: 8px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu-stats b {
  font-size: 15px !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-playfield {
  background-position: center 68% !important;
  background-size: cover !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-live-dragon {
  width: 86px !important;
  height: 108px !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-live-dragon img {
  height: 86px !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-1 { left: 3.0% !important; bottom: 10px !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-2 { left: 15.8% !important; bottom: 40px !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-3 { left: 29.8% !important; bottom: 12px !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-4 { left: 43.6% !important; bottom: 42px !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-5 { left: 57.4% !important; bottom: 12px !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-6 { left: 71.2% !important; bottom: 40px !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-7 { left: 85.0% !important; bottom: 10px !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-8 { left: 18.0% !important; bottom: 118px !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-9 { left: 45.2% !important; bottom: 120px !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-10 { left: 72.4% !important; bottom: 118px !important; }

html body.gx-game-shell .gx-clone-tasks article {
  min-height: 214px !important;
  padding: 16px 16px 66px !important;
}

html body.gx-game-shell .gx-clone-tasks article > img {
  width: 52px !important;
  height: 52px !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article > img {
  width: 52px !important;
  height: 52px !important;
}

html body.gx-game-shell .gx-clone-task-reward {
  gap: 6px !important;
  font-size: 18px !important;
}

html body.gx-game-shell .gx-clone-task-reward img,
html body.gx-game-shell .gx-clone-tasks article .gx-clone-task-reward img,
html body.gx-game-shell .gx-clone-games-page .gx-clone-task-reward img,
html body.gx-shell button img,
html body.gx-shell .gx-payout-route-link img,
html body.gx-shell .gx-payment-back img {
  width: 20px !important;
  height: 20px !important;
  flex-basis: 20px !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-live-dragon button img,
html body.gx-game-shell .gx-live-dragon button img {
  width: auto !important;
  height: 86px !important;
  max-width: none !important;
  max-height: none !important;
  flex-basis: auto !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-game-inline-stats {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: stretch !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-game-inline-stats span {
  min-height: 54px !important;
  padding: 8px 12px !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  color: #17231d !important;
  background: linear-gradient(135deg, rgba(150,220,231,.46), rgba(237,250,245,.34) 54%, rgba(209,239,220,.30)) !important;
  border: 1px solid rgba(255,255,255,.48) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 10px 20px rgba(14,42,42,.14) !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-game-inline-stats small {
  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  color: #17231d !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-game-inline-stats b {
  font-size: 20px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  color: #17231d !important;
}

html body.gx-game-shell .gx-clone-tasks {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

html body.gx-game-shell .gx-clone-tasks > article {
  width: auto !important;
  margin: 0 !important;
  justify-self: stretch !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

html body.gx-shell.gx-page-payout .gx-payout-clone {
  width: min(760px, calc(100vw - 38px)) !important;
  padding: 24px !important;
  overflow: visible !important;
}

html body.gx-shell.gx-page-payout .gx-payout-methods {
  width: min(100%, 680px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  box-sizing: border-box !important;
}

html body.gx-shell.gx-page-payout .gx-payout-methods .gx-payout-method-card {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html body.gx-shell.gx-page-payout .gx-balance-convert-panel {
  width: min(760px, 100%) !important;
  margin: 0 auto 18px !important;
  padding: 16px !important;
  display: grid !important;
  gap: 14px !important;
  color: #17231d !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(150,220,231,.44), rgba(237,250,245,.32) 55%, rgba(209,239,220,.28)) !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 12px 28px rgba(14,42,42,.14) !important;
  box-sizing: border-box !important;
}

html body.gx-shell.gx-page-payout .gx-balance-pair {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

html body.gx-shell.gx-page-payout .gx-balance-pair article {
  min-height: 64px !important;
  padding: 10px 16px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  border-radius: 16px !important;
  background: rgba(238,250,244,.44) !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  box-sizing: border-box !important;
}

html body.gx-shell.gx-page-payout .gx-balance-pair span,
html body.gx-shell.gx-page-payout .gx-balance-convert-form label > span {
  font-size: 12px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  color: #17231d !important;
}

html body.gx-shell.gx-page-payout .gx-balance-pair b {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #17231d !important;
  font-size: 20px !important;
}

html body.gx-shell.gx-page-payout .gx-balance-pair img {
  width: 26px !important;
  height: 26px !important;
}

html body.gx-shell.gx-page-payout .gx-balance-convert-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 180px !important;
  gap: 12px !important;
  align-items: stretch !important;
}

html body.gx-shell.gx-page-payout .gx-balance-convert-form label {
  min-height: 54px !important;
  padding: 7px 12px !important;
  display: grid !important;
  grid-template-columns: 150px minmax(0, 1fr) 42px !important;
  gap: 8px !important;
  align-items: center !important;
  border-radius: 999px !important;
  background: rgba(238,250,244,.48) !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  box-sizing: border-box !important;
}

html body.gx-shell.gx-page-payout .gx-balance-convert-form input {
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(26,52,45,.72) !important;
  color: #f7ffda !important;
  font-weight: 950 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

html body.gx-shell.gx-page-payout .gx-balance-convert-form small {
  color: #17231d !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

html body.gx-shell.gx-page-payout .gx-balance-pair article > small {
  color: rgba(23,35,29,.76) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  text-align: right !important;
}

html body.gx-shell.gx-page-payout .gx-balance-convert-form button {
  min-height: 54px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffd465, #f0a627) !important;
  color: #17231d !important;
  font-weight: 950 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 4px 0 rgba(119,82,20,.42) !important;
}

html body.gx-shell.gx-page-payout .gx-balance-convert-form input:disabled,
html body.gx-shell.gx-page-payout .gx-balance-convert-form button:disabled {
  opacity: .58 !important;
  cursor: not-allowed !important;
}

html body.gx-shell.gx-page-payout .gx-payout-form,
html body.gx-shell.gx-page-insert .gx-deposit-amount {
  width: min(520px, 100%) !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 14px !important;
  background: linear-gradient(135deg, rgba(150,220,231,.46), rgba(237,250,245,.34) 54%, rgba(209,239,220,.30)) !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 12px 28px rgba(14,42,42,.14) !important;
}

html body.gx-shell.gx-page-payout .gx-payment-converter article,
html body.gx-shell.gx-page-insert .gx-payment-converter article {
  min-height: 46px !important;
  color: #17231d !important;
  background: rgba(238,250,244,.48) !important;
  border: 1px solid rgba(255,255,255,.34) !important;
}

html body.gx-shell.gx-page-payout .gx-payout-wallet,
html body.gx-shell.gx-page-payout .gx-payout-wallet-entry {
  width: 100% !important;
  min-height: 58px !important;
  box-sizing: border-box !important;
  color: #17231d !important;
  background: rgba(238,250,244,.38) !important;
  border: 1px solid rgba(255,255,255,.36) !important;
}

html body.gx-shell.gx-page-payout .gx-payout-wallet-entry input {
  width: 100% !important;
  min-height: 44px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
}

html body.gx-shell.gx-page-payout #payout .block,
html body.gx-shell.gx-page-payout #payout .block > div {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html body.gx-shell.gx-page-payout .gx-table-scroll,
html body.gx-shell.gx-page-insert .gx-table-scroll {
  width: min(820px, calc(100vw - 42px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 1180px) {
  html body.gx-shell #header.gx-site-header .gx-active-menu-card {
    grid-template-columns: 122px minmax(0, 1fr) !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-menu-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body.gx-admin .table-responsive,
  body.gx-admin .gx-admin-table-form {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  body.gx-admin table.table {
    width: 100% !important;
    min-width: 0 !important;
    display: block !important;
    background: transparent !important;
    border: 0 !important;
  }

  body.gx-admin table.table thead {
    display: none !important;
  }

  body.gx-admin table.table tbody,
  body.gx-admin table.table tr,
  body.gx-admin table.table td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.gx-admin table.table tr {
    margin: 0 0 12px !important;
    padding: 10px !important;
    border: 1px solid rgba(255,255,255,.42) !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, rgba(150,220,231,.46), rgba(237,250,245,.34) 54%, rgba(209,239,220,.30)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 10px 20px rgba(14,42,42,.14) !important;
  }

  body.gx-admin table.table td,
  body.gx-admin table.table th {
    min-width: 0 !important;
    padding: 7px 8px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(23,35,29,.12) !important;
    color: #17231d !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.gx-admin table.table td:last-child {
    border-bottom: 0 !important;
  }

  body.gx-admin table.table .alert {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    white-space: normal !important;
  }

  body.gx-admin table.table .form-inline {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body.gx-admin table.table .form-inline .form-control,
  body.gx-admin table.table .form-inline .btn {
    width: 100% !important;
    margin: 0 !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-menu-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.gx-game-shell .gx-clone-games-page .gx-live-dragon {
    width: 70px !important;
    height: 86px !important;
  }

  html body.gx-game-shell .gx-clone-games-page .gx-live-dragon img {
    height: 66px !important;
  }

  html body.gx-game-shell .gx-clone-games-page .gx-live-dragon button img,
  html body.gx-game-shell .gx-live-dragon button img {
    width: auto !important;
    height: 66px !important;
    max-height: none !important;
  }

  html body.gx-game-shell .gx-clone-games-page .gx-game-inline-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-1 {
    left: 8% !important;
  }

  html body.gx-shell.gx-page-payout .gx-payout-form,
  html body.gx-shell.gx-page-insert .gx-deposit-amount {
    width: min(100%, calc(100vw - 96px)) !important;
    max-width: calc(100vw - 96px) !important;
  }

  html body.gx-shell.gx-page-payout .gx-payout-clone {
    width: min(100%, calc(100vw - 42px)) !important;
    padding: 12px !important;
    box-sizing: border-box !important;
  }

  html body.gx-shell.gx-page-payout .gx-payout-methods {
    grid-template-columns: 1fr !important;
  }

  html body.gx-shell.gx-page-payout .gx-payout-clone .gx-table-scroll,
  html body.gx-shell.gx-page-payout .gx-table-scroll {
    width: calc(100vw - 86px) !important;
    max-width: calc(100vw - 86px) !important;
  }

  html body.gx-shell.gx-page-payout .gx-balance-convert-panel {
    width: calc(100vw - 86px) !important;
    max-width: calc(100vw - 86px) !important;
  }

  html body.gx-shell.gx-page-payout .gx-balance-pair,
  html body.gx-shell.gx-page-payout .gx-balance-convert-form {
    grid-template-columns: 1fr !important;
  }

  html body.gx-shell.gx-page-payout .gx-balance-convert-form label {
    grid-template-columns: 1fr !important;
    border-radius: 18px !important;
  }
}

/* Current correction pass - keep after all legacy overrides */
html body.gx-game-shell .gx-alert[data-gx-flash] {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  z-index: 10050 !important;
  display: grid !important;
  place-items: center !important;
  width: min(360px, calc(100vw - 44px)) !important;
  min-height: 170px !important;
  padding: 72px 26px 24px !important;
  border: 1px solid rgba(255, 255, 255, .84) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 28px 70px rgba(23, 35, 29, .32) !important;
  color: #17231d !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-align: center !important;
}

html body.gx-game-shell .gx-alert[data-gx-flash]::before {
  content: "" !important;
  position: absolute !important;
  top: 24px !important;
  left: 50% !important;
  width: 52px !important;
  height: 52px !important;
  transform: translateX(-50%) rotate(45deg) !important;
  border-right: 5px solid #86d66f !important;
  border-bottom: 5px solid #86d66f !important;
  border-radius: 4px !important;
}

html body.gx-game-shell .gx-alert[data-gx-flash]::after {
  content: "" !important;
  position: absolute !important;
  top: 17px !important;
  left: 50% !important;
  width: 66px !important;
  height: 66px !important;
  transform: translateX(-50%) !important;
  border: 4px solid rgba(134, 214, 111, .24) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}

html body.gx-game-shell .gx-alert[data-gx-flash] [data-gx-flash-close] {
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(23, 35, 29, .08) !important;
  color: #17231d !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu-card {
  grid-template-columns: 150px minmax(230px, 315px) minmax(470px, 1fr) !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu-stats {
  width: 100% !important;
  max-width: 315px !important;
  grid-template-columns: repeat(2, minmax(104px, 1fr)) !important;
  gap: 8px !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu-stats span {
  min-height: 54px !important;
  padding: 7px 10px !important;
  border-radius: 10px !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu-stats small {
  font-size: 8px !important;
  line-height: 1.05 !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu-stats b {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  font-size: 16px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-task-card,
html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article {
  min-height: 0 !important;
  padding: 22px 24px 18px !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-task-card > img,
html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article > img {
  width: 38px !important;
  height: 38px !important;
  margin-bottom: 8px !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-task-reward {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  font-size: 17px !important;
  line-height: 1 !important;
  margin: 8px 0 12px !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-task-reward img,
html body.gx-game-shell .gx-clone-games-page .gx-clone-task-card .gx-clone-task-reward img {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  object-fit: contain !important;
  margin: 0 !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-task-card p,
html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article p {
  font-size: 16px !important;
  line-height: 1.12 !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-clone-playfield {
  background-position: center 62% !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-1 { left: 2.5% !important; bottom: 14px !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-2 { left: 15.0% !important; bottom: 52px !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-3 { left: 28.6% !important; bottom: 24px !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-4 { left: 42.8% !important; bottom: 56px !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-5 { left: 56.6% !important; bottom: 24px !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-6 { left: 70.6% !important; bottom: 54px !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-7 { left: 84.5% !important; bottom: 16px !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-8 { left: 16.8% !important; bottom: 126px !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-9 { left: 44.4% !important; bottom: 128px !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-10 { left: 71.2% !important; bottom: 126px !important; }

html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-1 { left: 3.8% !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-2 { left: 16.3% !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-3 { left: 29.9% !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-4 { left: 44.1% !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-5 { left: 57.9% !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-6 { left: 71.9% !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-7 { left: 85.8% !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-8 { left: 18.1% !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-9 { left: 45.7% !important; }
html body.gx-game-shell .gx-clone-games-page .gx-live-dragon-10 { left: 72.5% !important; }

html body.gx-shell.gx-page-payout .gx-activity-help {
  display: grid !important;
  gap: 10px !important;
  width: min(640px, 100%) !important;
  max-width: 100% !important;
  margin: 14px auto 20px !important;
  padding: 18px !important;
  border: 1px solid rgba(255, 255, 255, .72) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(188, 246, 255, .46), rgba(238, 250, 244, .58)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), 0 14px 38px rgba(23, 35, 29, .16) !important;
  color: #17231d !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html body.gx-shell.gx-page-payout .gx-activity-help[hidden] {
  display: none !important;
}

html body.gx-shell.gx-page-payout .gx-activity-help h3,
html body.gx-shell.gx-page-payout .gx-activity-help h4 {
  margin: 0 !important;
  color: #17231d !important;
  text-align: left !important;
}

html body.gx-shell.gx-page-payout .gx-activity-help > div,
html body.gx-shell.gx-page-payout .gx-activity-help .text,
html body.gx-shell.gx-page-payout .gx-activity-help .g {
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 11px 14px !important;
  border: 1px solid rgba(255, 255, 255, .48) !important;
  border-radius: 12px !important;
  background: rgba(238, 250, 244, .34) !important;
  box-shadow: none !important;
  color: #17231d !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  box-sizing: border-box !important;
}

html body.gx-shell.gx-page-payout .gx-activity-help .g {
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

html body .swal-overlay {
  background: rgba(23, 35, 29, .28) !important;
}

html body .swal-modal {
  width: min(420px, calc(100vw - 44px)) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 28px 70px rgba(23, 35, 29, .32) !important;
  overflow: visible !important;
  padding: 28px 28px 24px !important;
}

html body .swal-title {
  color: #17231d !important;
  margin: 10px 0 8px !important;
  padding: 0 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
}

html body .swal-text {
  color: rgba(23, 35, 29, .72) !important;
  text-align: center !important;
  margin: 0 auto !important;
  font-size: 17px !important;
  line-height: 1.28 !important;
  font-weight: 900 !important;
  max-width: 330px !important;
}

html body .swal-footer {
  display: flex !important;
  justify-content: center !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

html body .swal-button-container {
  display: flex !important;
  justify-content: center !important;
  margin: 0 !important;
}

html body .swal-button,
html body .swal-button:focus {
  min-width: 170px !important;
  height: 46px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffd365, #f0a42d) !important;
  box-shadow: 0 4px 0 rgba(111, 76, 18, .45), 0 14px 28px rgba(23, 35, 29, .18) !important;
  color: #17231d !important;
  font-weight: 900 !important;
  text-align: center !important;
}

html body .swal-icon {
  margin: 0 auto 8px !important;
}

html body .swal-icon--success::before,
html body .swal-icon--success::after,
html body .swal-icon--success__hide-corners {
  background: transparent !important;
}

@media (max-width: 760px) {
  html body.gx-shell #header.gx-site-header .gx-active-menu-card {
    grid-template-columns: 1fr !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-menu-stats {
    max-width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-menu-stats span {
    min-height: 46px !important;
    padding: 6px 8px !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-menu-stats b {
    font-size: 13px !important;
  }

  html body.gx-game-shell .gx-clone-games-page .gx-clone-task-card > img,
  html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article > img {
    width: 34px !important;
    height: 34px !important;
  }

  html body.gx-game-shell .gx-clone-games-page .gx-clone-task-reward {
    font-size: 15px !important;
  }

  html body.gx-shell.gx-page-payout .gx-activity-help {
    width: calc(100vw - 86px) !important;
    padding: 14px !important;
  }
}

/* Current admin/public cleanup pass */
html body.gx-public .gx-public-topline {
  justify-content: center !important;
}

html body.gx-public .gx-public-stats,
html body.gx-public .gx-public-start {
  display: none !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-game-inline-stats small {
  font-size: 9px !important;
  line-height: 1.05 !important;
  white-space: normal !important;
}

html body.gx-game-shell .gx-clone-games-page .gx-game-inline-stats b {
  font-size: 18px !important;
}

body.gx-admin {
  min-height: 100vh !important;
  background: var(--gx-bg) url("/images/backgrounds/dravonx-sunny-world-bg-1280.webp") center top / cover fixed no-repeat !important;
  color: #17231d !important;
}

body.gx-admin .container-fluid {
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 14px !important;
}

body.gx-admin .container-fluid > .row {
  display: grid !important;
  grid-template-columns: 238px minmax(0, 1fr) !important;
  gap: 14px !important;
  margin: 0 !important;
}

body.gx-admin .container-fluid > .row > .col-md-2,
body.gx-admin .container-fluid > .row > .col-md-10 {
  width: auto !important;
  max-width: none !important;
  flex: initial !important;
  min-width: 0 !important;
}

body.gx-admin .fcmenu {
  position: sticky !important;
  top: 14px !important;
  width: auto !important;
  max-height: calc(100vh - 28px) !important;
  overflow-y: auto !important;
  border: 1px solid rgba(255, 255, 255, .62) !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, rgba(188, 246, 255, .48), rgba(238, 250, 244, .42)) !important;
  box-shadow: 0 18px 44px rgba(23, 35, 29, .18) !important;
}

body.gx-admin .gx-admin-brand {
  border-radius: 18px 18px 0 0 !important;
  background: rgba(238, 250, 244, .34) !important;
  color: #17231d !important;
}

body.gx-admin .gx-admin-brand img {
  width: 86px !important;
  height: auto !important;
}

body.gx-admin .fcmenu .nav-link {
  min-height: 44px !important;
  border-radius: 12px !important;
  margin: 4px 8px !important;
  color: #17231d !important;
  font-weight: 900 !important;
}

body.gx-admin .fcmenu .nav-link:hover,
body.gx-admin .fcmenu .nav-link:focus {
  background: rgba(255, 255, 255, .42) !important;
  color: #17231d !important;
}

body.gx-admin .gx-admin-topbar,
body.gx-admin .gx-admin-content,
body.gx-admin .card,
body.gx-admin .bg-light,
body.gx-admin .alert,
body.gx-admin .alert-light,
body.gx-admin .table-responsive,
body.gx-admin .gx-admin-table-form {
  border: 1px solid rgba(255, 255, 255, .62) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(188, 246, 255, .46), rgba(238, 250, 244, .48)) !important;
  box-shadow: 0 18px 44px rgba(23, 35, 29, .16) !important;
  color: #17231d !important;
}

body.gx-admin .gx-admin-content {
  min-width: 0 !important;
  padding: 18px !important;
  overflow: hidden !important;
}

body.gx-admin .card-header,
body.gx-admin .bg-dark,
body.gx-admin table.table thead th {
  border: 0 !important;
  background: rgba(23, 35, 29, .78) !important;
  color: #fffbe4 !important;
}

body.gx-admin table.table {
  width: 100% !important;
  min-width: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
  table-layout: auto !important;
}

body.gx-admin table.table th,
body.gx-admin table.table td {
  max-width: 260px !important;
  border-color: rgba(23, 35, 29, .12) !important;
  background: rgba(238, 250, 244, .28) !important;
  color: #17231d !important;
  vertical-align: middle !important;
  overflow-wrap: anywhere !important;
}

body.gx-admin .form-control,
body.gx-admin .custom-select,
body.gx-admin select,
body.gx-admin textarea,
body.gx-admin input[type="text"],
body.gx-admin input[type="number"],
body.gx-admin input[type="email"],
body.gx-admin input[type="password"] {
  min-height: 42px !important;
  border: 1px solid rgba(255, 255, 255, .7) !important;
  border-radius: 12px !important;
  background: rgba(238, 250, 244, .64) !important;
  color: #17231d !important;
  font-weight: 800 !important;
}

body.gx-admin .btn,
body.gx-admin button,
body.gx-admin input[type="submit"] {
  min-height: 40px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffd365, #f0a42d) !important;
  box-shadow: 0 4px 0 rgba(111, 76, 18, .42) !important;
  color: #17231d !important;
  font-weight: 900 !important;
}

body.gx-admin .btn-danger,
body.gx-admin input.btn-danger {
  background: linear-gradient(180deg, #ff8a77, #d74735) !important;
  color: #fff !important;
}

html body.gx-shell.gx-page-payout .gx-payout-clone {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: min(880px, calc(100vw - 48px)) !important;
  max-width: calc(100vw - 48px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  overflow: visible !important;
}

html body.gx-shell.gx-page-payout .gx-payout-methods,
html body.gx-shell.gx-page-payout .gx-balance-convert-panel,
html body.gx-shell.gx-page-payout .gx-payout-form,
html body.gx-shell.gx-page-payout .gx-activity-panel {
  width: min(760px, 100%) !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

html body.gx-shell.gx-page-payout .gx-payout-methods {
  justify-content: center !important;
  justify-items: stretch !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.gx-admin:not(:has(.fcmenu)) .container-fluid > .row {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 100vh !important;
}

body.gx-admin:not(:has(.fcmenu)) .container-fluid > .row > .col-md-4:first-child {
  display: none !important;
}

body.gx-admin:not(:has(.fcmenu)) .alert-light {
  width: min(420px, calc(100vw - 36px)) !important;
  max-width: calc(100vw - 36px) !important;
}

@media (max-width: 900px) {
  body.gx-admin .container-fluid > .row {
    grid-template-columns: 1fr !important;
  }

  body.gx-admin .fcmenu {
    position: static !important;
    max-height: none !important;
  }

  html body.gx-shell.gx-page-payout .gx-payout-clone {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  html body.gx-shell.gx-page-payout .gx-payout-methods {
    grid-template-columns: 1fr !important;
  }
}

/* Admin layout lock */
body.gx-admin .container-fluid {
  width: min(1280px, calc(100vw - 32px)) !important;
  max-width: 1280px !important;
  margin: 24px auto !important;
  padding: 0 !important;
}

body.gx-admin .container-fluid > .row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: calc(100vh - 48px) !important;
  margin: 0 !important;
}

body.gx-admin .container-fluid > .row > aside.fcmenu {
  order: 1 !important;
  flex: 0 0 238px !important;
  width: 238px !important;
  max-width: 238px !important;
  min-width: 238px !important;
  margin: 0 !important;
}

body.gx-admin .container-fluid > .row > .col-md-10 {
  order: 2 !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.gx-admin .gx-admin-topbar,
body.gx-admin .gx-admin-content {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.gx-admin .gx-admin-content {
  min-height: calc(100vh - 116px) !important;
}

body.gx-admin .gx-admin-content > .row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  width: 100% !important;
}

body.gx-admin .gx-payment-admin-table input[type="number"] {
  min-width: 110px !important;
}

body.gx-admin .gx-admin-check {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

body.gx-admin .gx-payment-admin-table {
  min-width: 1180px !important;
}

body.gx-admin .gx-payment-admin-table td:nth-child(6),
body.gx-admin .gx-payment-admin-table td:nth-child(9) {
  font-size: 13px !important;
  white-space: nowrap !important;
}

body.gx-public-home .gx-public-brand,
body.gx-public-home .gx-home-wordmark {
  display: none !important;
}

body.gx-admin .card .table-responsive,
body.gx-admin .card .gx-admin-table-form {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.gx-admin .gx-payment-method-card .card-body {
  padding: 14px !important;
}

body.gx-admin .gx-payment-admin-table {
  min-width: 1120px !important;
}

body.gx-admin .gx-payment-admin-table th,
body.gx-admin .gx-payment-admin-table td {
  padding: 10px 12px !important;
}

body.gx-admin .gx-payment-admin-table td:nth-child(1) {
  width: 180px !important;
}

body.gx-admin .gx-payment-admin-table td:nth-child(6),
body.gx-admin .gx-payment-admin-table td:nth-child(7) {
  min-width: 96px !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}

body.gx-admin .gx-admin-sort {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  font-weight: 900 !important;
  text-transform: inherit !important;
  cursor: pointer !important;
}

body.gx-admin .gx-admin-sort::after {
  content: "sort";
  font-size: 11px;
  opacity: .7;
}

body.gx-public-home .gx-public-shell-header {
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

@media (max-width: 900px) {
  body.gx-admin .container-fluid {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    margin: 10px auto !important;
  }

  body.gx-admin .container-fluid > .row {
    display: block !important;
    min-height: 0 !important;
  }

  body.gx-admin .container-fluid > .row > aside.fcmenu,
  body.gx-admin .container-fluid > .row > .col-md-10 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.gx-admin .container-fluid > .row > aside.fcmenu {
    margin-bottom: 12px !important;
  }

  body.gx-admin .gx-admin-content {
    min-height: 0 !important;
  }
}

body.gx-admin .gx-admin-content,
body.gx-admin .gx-admin-content * {
  color: #17231d !important;
}

body.gx-admin .gx-admin-content > h1,
body.gx-admin .gx-admin-content > h2,
body.gx-admin .gx-admin-content > h3,
body.gx-admin .gx-admin-content > h4,
body.gx-admin .gx-admin-content > .pb-4 > h3,
body.gx-admin .gx-admin-content > .d-flex h3,
body.gx-admin .gx-admin-content > .d-flex small.text-muted {
  display: none !important;
}

body.gx-admin .gx-admin-content hr {
  display: none !important;
}

body.gx-admin .gx-admin-content {
  padding: 18px !important;
  background: var(--gx-glass) !important;
  border: 1px solid rgba(255, 255, 255, .36) !important;
  box-shadow: 0 18px 42px rgba(15, 35, 34, .18) !important;
}

body.gx-admin .card,
body.gx-admin .alert-light,
body.gx-admin .bg-light {
  background: linear-gradient(135deg, rgba(183, 237, 235, .60), rgba(230, 245, 214, .50)) !important;
  border: 1px solid rgba(255, 255, 255, .58) !important;
  color: #17231d !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 10px 22px rgba(19,55,49,.12) !important;
  backdrop-filter: blur(10px) !important;
}

body.gx-admin .card-header,
body.gx-admin .bg-dark,
body.gx-admin .table thead,
body.gx-admin .table thead tr,
body.gx-admin .table thead th {
  background: rgba(31, 58, 51, .72) !important;
  color: #f7ffda !important;
}

body.gx-admin .card-header *,
body.gx-admin .table thead *,
body.gx-admin .bg-dark *,
body.gx-admin .gx-admin-topbar,
body.gx-admin .gx-admin-topbar * {
  color: #f7ffda !important;
}

body.gx-admin .table-responsive,
body.gx-admin .gx-admin-table-form {
  background: rgba(202, 242, 236, .45) !important;
  border: 1px solid rgba(255,255,255,.45) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 22px rgba(19,55,49,.10) !important;
}

body.gx-admin .table {
  background: transparent !important;
}

body.gx-admin .table tbody,
body.gx-admin .table tr,
body.gx-admin .table td,
body.gx-admin .table th {
  border-color: rgba(27, 61, 55, .16) !important;
}

body.gx-admin .table tbody tr {
  background: rgba(226, 249, 242, .58) !important;
}

body.gx-admin .table-striped tbody tr:nth-of-type(odd) {
  background: rgba(195, 236, 229, .48) !important;
}

body.gx-admin .table a,
body.gx-admin .text-dark,
body.gx-admin .text-muted,
body.gx-admin .form-text {
  color: #17342d !important;
}

body.gx-admin .table a {
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

body.gx-admin .form-control,
body.gx-admin .custom-select,
body.gx-admin select,
body.gx-admin input[type="text"],
body.gx-admin input[type="number"],
body.gx-admin input[type="email"],
body.gx-admin input[type="password"],
body.gx-admin .input-group-text {
  background: rgba(238, 249, 244, .82) !important;
  border: 1px solid rgba(255,255,255,.62) !important;
  color: #17231d !important;
  min-height: 42px !important;
}

body.gx-admin input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  display: inline-grid !important;
  place-content: center !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  margin: 0 8px 0 0 !important;
  border: 2px solid rgba(23, 35, 29, .78) !important;
  border-radius: 6px !important;
  background: rgba(255, 248, 220, .96) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.68), 0 1px 4px rgba(20, 45, 35, .22) !important;
  vertical-align: middle !important;
  cursor: pointer !important;
}

body.gx-admin input[type="checkbox"]:checked {
  border-color: #1d3a2b !important;
  background: linear-gradient(180deg, #ffd96a, #d89428) !important;
}

body.gx-admin input[type="checkbox"]:checked::after {
  content: "" !important;
  width: 6px !important;
  height: 11px !important;
  border: solid #17231d !important;
  border-width: 0 3px 3px 0 !important;
  transform: rotate(45deg) translate(-1px, -1px) !important;
}

body.gx-admin input[type="checkbox"]:focus-visible {
  outline: 3px solid rgba(255, 217, 106, .78) !important;
  outline-offset: 2px !important;
}

body.gx-admin .form-check,
body.gx-admin .gx-admin-check,
body.gx-admin label:has(input[type="checkbox"]) {
  color: #17231d !important;
}

body.gx-admin .fcmenu {
  background: linear-gradient(180deg, rgba(167, 218, 206, .60), rgba(48, 70, 48, .58)) !important;
  border: 1px solid rgba(255,255,255,.30) !important;
  backdrop-filter: blur(10px) !important;
}

body.gx-admin .fcmenu .nav-link {
  min-height: 48px !important;
  margin: 8px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: 10px !important;
  background: rgba(211, 236, 226, .35) !important;
  color: #17231d !important;
  box-shadow: 0 7px 14px rgba(18, 43, 35, .12) !important;
}

body.gx-admin .fcmenu .nav-link *,
body.gx-admin .gx-admin-brand,
body.gx-admin .gx-admin-brand * {
  color: #17231d !important;
}

body.gx-admin .fcmenu .badge {
  background: linear-gradient(180deg, #ffe08a, #eaa33a) !important;
  color: #17231d !important;
}

body.gx-admin .fcmenu .gx-menu-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: flex-end;
  margin-left: auto;
}

body.gx-admin .fcmenu .gx-menu-badges .badge {
  margin-left: 0;
}

body.gx-admin .gx-admin-brand {
  background: linear-gradient(180deg, rgba(255,221,125,.88), rgba(210,144,45,.76)) !important;
}

body.gx-admin .gx-admin-topbar {
  background: rgba(31, 58, 51, .72) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: 0 10px 22px rgba(19,55,49,.12) !important;
}

body.gx-admin .gx-admin-disabled {
  opacity: .48 !important;
  filter: grayscale(.35) !important;
}

body.gx-public-home .gx-public-shell-header,
body.gx-public-home .gx-public-topline {
  display: none !important;
}

body.gx-public-home #content {
  padding-top: 10px !important;
}

body.gx-public-home .gx-public-slogan {
  margin-top: 14px !important;
  margin-bottom: 12px !important;
}

body.gx-public-home .gx-home-hero {
  margin-top: 0 !important;
}

body.gx-game-shell .gx-game-brand-strip {
  width: min(980px, calc(100vw - 24px));
  margin: 2px auto 10px;
  padding: 8px 14px;
  display: grid;
  gap: 2px;
  text-align: center;
  border-radius: 8px;
  color: #243225;
  background: linear-gradient(135deg, rgba(246, 217, 114, .88), rgba(190, 238, 222, .76));
  box-shadow: 0 8px 18px rgba(20, 43, 38, .14);
}

body.gx-game-shell .gx-game-brand-strip h1 {
  margin: 0;
  font-size: clamp(18px, 2.4vw, 28px);
  line-height: 1;
  text-transform: uppercase;
}

body.gx-game-shell .gx-game-brand-strip p {
  margin: 0;
  font-size: clamp(11px, 1.5vw, 14px);
  line-height: 1.15;
  font-weight: 700;
  text-transform: uppercase;
}

.gx-ref-materials {
  width: min(980px, calc(100vw - 28px));
  margin: 18px auto 22px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.gx-ref-materials article {
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.42);
  background: linear-gradient(135deg, rgba(183, 237, 235, .60), rgba(230, 245, 214, .48));
  box-shadow: 0 12px 24px rgba(15, 35, 34, .16);
  backdrop-filter: blur(10px);
}

.gx-ref-materials img {
  width: 100%;
  aspect-ratio: 3 / 1;
  object-fit: cover;
  display: block;
}

.gx-ref-materials div {
  min-height: 42px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #17231d;
  font-size: 12px;
  font-weight: 900;
}

.gx-ref-materials a[download] {
  min-width: 78px;
  padding: 7px 10px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffd465, #f0a627);
  color: #17231d;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 4px 0 rgba(119,82,20,.35);
}

.gx-ref-banner-materials {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

.gx-ref-banner-materials article {
  background: linear-gradient(135deg, rgba(177, 232, 232, .46), rgba(238, 246, 211, .36));
}

.gx-ref-banner-materials a:first-child {
  min-height: 112px;
  padding: 10px;
  display: grid;
  place-items: center;
}

.gx-ref-banner-materials img {
  width: 100%;
  height: auto;
  max-height: 170px;
  aspect-ratio: auto;
  object-fit: contain;
  border-radius: 8px;
  background: rgba(8, 43, 54, .14);
}

.gx-ref-promo-card {
  width: min(900px, calc(100vw - 28px));
  margin: 16px auto 22px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.44);
  background: linear-gradient(135deg, rgba(184, 239, 239, .56), rgba(234, 247, 218, .40));
  box-shadow: 0 16px 30px rgba(17, 48, 45, .16);
  backdrop-filter: blur(12px);
  display: grid;
  grid-template-columns: minmax(210px, 340px) 1fr auto;
  align-items: center;
  gap: 14px;
}

.gx-ref-promo-card img {
  width: 100%;
  border-radius: 8px;
  display: block;
  object-fit: contain;
}

.gx-ref-promo-card b,
.gx-promo-hero b {
  display: block;
  color: #17231d;
  font-size: 24px;
  line-height: 1;
}

.gx-ref-promo-card span,
.gx-promo-hero span {
  display: block;
  margin-top: 6px;
  color: rgba(23, 35, 29, .78);
  font-weight: 800;
}

.gx-ref-promo-card a,
.gx-promo-hero a,
.gx-promo-meta a,
.gx-promo-meta button {
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffd86f, #eda525);
  color: #17231d;
  font: 900 13px/1.1 inherit;
  text-decoration: none;
  text-align: center;
  padding: 11px 16px;
  box-shadow: 0 4px 0 rgba(119,82,20,.35);
  cursor: pointer;
  white-space: nowrap;
}

.gx-promo-hero {
  width: min(980px, calc(100vw - 28px));
  margin: 0 auto 16px;
  padding: 18px 20px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.44);
  background: linear-gradient(135deg, rgba(184, 239, 239, .58), rgba(234, 247, 218, .42));
  box-shadow: 0 16px 30px rgba(17, 48, 45, .15);
  backdrop-filter: blur(12px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.gx-promo-grid {
  width: min(980px, calc(100vw - 28px));
  margin: 0 auto 26px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.gx-promo-item {
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.44);
  background: linear-gradient(135deg, rgba(184, 239, 239, .54), rgba(234, 247, 218, .40));
  box-shadow: 0 15px 28px rgba(17, 48, 45, .16);
  backdrop-filter: blur(12px);
}

.gx-promo-preview {
  min-height: 126px;
  padding: 12px;
  display: grid;
  place-items: center;
  background: rgba(18, 70, 74, .10);
}

.gx-promo-preview img {
  width: 100%;
  max-height: 210px;
  object-fit: contain;
  border-radius: 12px;
  display: block;
}

.gx-promo-meta {
  padding: 12px;
  display: grid;
  gap: 10px;
}

.gx-promo-meta > span {
  color: #17231d;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.gx-promo-meta div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.gx-deposit-result .gx-deposit-address-row {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 8px !important;
}

.gx-deposit-result [data-deposit-copy] {
  color: #17231d !important;
  -webkit-text-fill-color: #17231d !important;
}

html body.gx-shell .gx-table-scroll table.gx-history-table {
  min-width: 620px !important;
}

html body.gx-shell .gx-table-scroll table.gx-history-table th,
html body.gx-shell .gx-table-scroll table.gx-history-table td {
  white-space: nowrap !important;
}

html body.gx-shell.gx-page-payout .gx-payout-wallet b {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
  font-size: clamp(11px, 2.8vw, 14px) !important;
}

@media (max-width: 600px) {
  html body.gx-shell .gx-table-scroll {
    overflow-x: visible !important;
  }

  html body.gx-shell .gx-table-scroll table.gx-history-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
  }

  html body.gx-shell .gx-table-scroll table.gx-history-table th,
  html body.gx-shell .gx-table-scroll table.gx-history-table td {
    padding: 9px 5px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }
}

@media (max-width: 800px) {
  .gx-ref-materials {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .gx-ref-banner-materials {
    grid-template-columns: 1fr;
  }
  .gx-ref-promo-card,
  .gx-promo-hero {
    grid-template-columns: 1fr;
    display: grid;
  }
  .gx-promo-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .gx-ref-materials {
    grid-template-columns: 1fr;
  }
}

/* Mobile cleanup */
@media (max-width: 700px) {
  html body.gx-shell .gx-ref-promo-card {
    width: calc(100vw - 18px) !important;
    margin: 10px auto 14px !important;
    padding: 10px !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    text-align: center !important;
  }

  html body.gx-shell .gx-ref-promo-card img {
    max-height: 84px !important;
    object-fit: contain !important;
  }

  html body.gx-shell .gx-ref-promo-card b {
    font-size: 20px !important;
  }

  html body.gx-shell .gx-ref-promo-card span {
    font-size: 12px !important;
    margin-top: 3px !important;
  }

  html body.gx-shell .gx-ref-promo-card a {
    width: 100% !important;
    min-height: 44px !important;
  }

  html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks {
    width: calc(100vw - 28px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 18px auto 24px !important;
  }

  html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article {
    min-height: 196px !important;
    padding: 12px 10px 62px !important;
    border-radius: 14px !important;
  }

  html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article > img {
    width: 34px !important;
    height: 34px !important;
  }

  html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article .gx-clone-task-reward img {
    width: 20px !important;
    height: 20px !important;
  }

  html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article b {
    font-size: 16px !important;
    line-height: 1.05 !important;
  }

  html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article p,
  html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article span {
    font-size: 11px !important;
    line-height: 1.12 !important;
    overflow-wrap: anywhere !important;
  }

  html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article .gx-clone-task-action,
  html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article button,
  html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article a {
    left: 10px !important;
    right: 10px !important;
    bottom: 12px !important;
    min-height: 42px !important;
  }

  html body.gx-shell .gx-table-scroll {
    overflow-x: hidden !important;
  }

  html body.gx-shell .gx-table-scroll table.gx-history-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
  }

  html body.gx-shell .gx-table-scroll table.gx-history-table th,
  html body.gx-shell .gx-table-scroll table.gx-history-table td {
    padding: 9px 6px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    overflow-wrap: normal !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
  }

  html body.gx-shell .gx-partner-history .gx-history-table thead th {
    color: #f7ffda !important;
    background: rgba(31, 49, 42, .86) !important;
    text-transform: uppercase !important;
  }
}

body.gx-admin .table-responsive table.table-sm input.form-control {
  min-width: 92px !important;
}

body.gx-admin .table-responsive table.table-sm th,
body.gx-admin .table-responsive table.table-sm td {
  vertical-align: middle !important;
}

body.gx-admin .gx-admin-setting-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
}

body.gx-admin .gx-admin-setting-grid article {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 14px;
  background: rgba(215, 250, 250, 0.42);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 8px 18px rgba(20, 52, 45, 0.12);
}

body.gx-admin .gx-admin-setting-grid b,
body.gx-admin .gx-admin-setting-grid label {
  color: #10231f !important;
}

body.gx-admin .gx-admin-setting-grid b {
  font-size: 13px;
  text-transform: uppercase;
}

body.gx-admin .gx-admin-setting-grid label {
  display: grid;
  gap: 4px;
  margin: 0;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

body.gx-admin .gx-admin-setting-grid .form-control {
  width: 100%;
  min-width: 0 !important;
}

body.gx-admin .gx-admin-setting-grid-wide {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

body.gx-admin .gx-admin-daily-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

@media (max-width: 430px) {
  html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks {
    grid-template-columns: 1fr !important;
  }

  html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article {
    min-height: 170px !important;
  }

  html body.gx-public .gx-public-payments {
    width: calc(100vw - 18px) !important;
    gap: 7px !important;
    padding: 10px 8px !important;
  }

  html body.gx-public .gx-public-payments span,
  html body.gx-public .gx-public-payments img {
    width: 38px !important;
    height: 38px !important;
  }
}

html body.gx-shell .gx-ref-board .gx-partner-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width: 700px) {
  html body.gx-shell .gx-ref-board .gx-partner-summary {
    grid-template-columns: 1fr !important;
  }

  body.gx-admin .list-group-item .float-end {
    float: none !important;
    display: block;
    margin-top: 2px;
    overflow-wrap: anywhere;
  }
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/assets/vendor/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"),
       url("/assets/vendor/fontawesome/webfonts/fa-solid-900.ttf") format("truetype");
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/assets/vendor/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"),
       url("/assets/vendor/fontawesome/webfonts/fa-brands-400.ttf") format("truetype");
}

.fa,
.fas,
.fa-solid {
  font-family: "Font Awesome 6 Free", "FontAwesome" !important;
  font-weight: 900 !important;
}

.fab,
.fa-brands {
  font-family: "Font Awesome 6 Brands" !important;
  font-weight: 400 !important;
}

@media (max-width: 700px) {
  html body.gx-shell .gx-table-scroll,
  body.gx-admin .table-responsive,
  body.gx-admin .gx-admin-table-form {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }

  html body.gx-shell .gx-table-scroll table.gx-history-table,
  body.gx-admin .table-responsive table,
  body.gx-admin .gx-admin-table-form table {
    width: max-content !important;
    min-width: 760px !important;
    table-layout: auto !important;
  }

  body.gx-admin .gx-admin-game-table {
    min-width: 1360px !important;
  }

  body.gx-admin .table-responsive table.gx-admin-game-table,
  body.gx-admin .gx-admin-table-form table.gx-admin-game-table {
    width: max-content !important;
    min-width: 1360px !important;
  }

  html body.gx-shell .gx-table-scroll table.gx-history-table th,
  html body.gx-shell .gx-table-scroll table.gx-history-table td,
  body.gx-admin .table-responsive table th,
  body.gx-admin .table-responsive table td,
  body.gx-admin .gx-admin-table-form table th,
  body.gx-admin .gx-admin-table-form table td {
    min-width: 110px !important;
    max-width: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: normal !important;
  }

  body.gx-admin .table-responsive table th:first-child,
  body.gx-admin .table-responsive table td:first-child,
  body.gx-admin .gx-admin-table-form table th:first-child,
  body.gx-admin .gx-admin-table-form table td:first-child {
    min-width: 54px !important;
  }

  body.gx-admin .table-responsive table td:nth-child(4),
  body.gx-admin .gx-admin-table-form table td:nth-child(4) {
    min-width: 170px !important;
  }
}

.gx-risk-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  padding: 5px 10px;
  border-radius: 999px;
  font-weight: 900;
  background: rgba(180, 240, 218, .78);
  color: #13251d;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 2px 0 rgba(33, 55, 46, .28);
}

.gx-risk-pill.is-watch { background: #ffd166; }
.gx-risk-pill.is-high { background: #ef5d50; color: #fff; }
.gx-admin-risk-card .float-end { max-width: 68%; text-align: right; }

.gx-clone-command-strip {
  grid-template-columns: minmax(260px, 1.2fr) repeat(2, minmax(210px, .95fr)) minmax(220px, 1fr) minmax(210px, .9fr) minmax(210px, .9fr);
}

.gx-next-best-upgrade,
.gx-now-steps {
  min-height: 118px;
  border-radius: 12px;
  padding: 12px;
  background: rgba(221, 247, 241, .68);
  border: 1px solid rgba(255,255,255,.46);
  color: #14231d;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 7px 12px rgba(20, 48, 42, .16);
}

.gx-next-best-upgrade {
  display: grid;
  grid-template-columns: 46px 1fr;
  align-content: center;
  align-items: center;
  gap: 4px 10px;
  text-decoration: none !important;
}

.gx-next-best-upgrade small,
.gx-now-steps small {
  grid-column: 1 / -1;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
  color: #27473c;
}

.gx-next-best-upgrade img {
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.gx-next-best-upgrade b,
.gx-next-best-upgrade span {
  color: #14231d;
  line-height: 1.1;
}

.gx-now-steps {
  display: grid;
  align-content: center;
  gap: 6px;
}

.gx-now-steps span {
  display: block;
  padding-left: 16px;
  position: relative;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
}

.gx-now-steps span::before {
  content: "";
  position: absolute;
  left: 0;
  top: .45em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #f5ae2e;
}

.gx-after-topup {
  width: min(880px, calc(100vw - 32px));
  margin: 18px auto;
  padding: 12px;
  display: grid;
  grid-template-columns: auto repeat(3, minmax(0, 1fr));
  gap: 10px;
  align-items: center;
  border-radius: 18px;
  background: rgba(199, 246, 246, .56);
  border: 1px solid rgba(255,255,255,.44);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 10px 18px rgba(32, 70, 61, .14);
}

.gx-after-topup b,
.gx-after-topup a {
  color: #14231d !important;
  font-weight: 900;
}

.gx-after-topup a {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 999px;
  text-decoration: none !important;
  background: rgba(239, 252, 247, .72);
  box-shadow: 0 3px 0 rgba(35, 58, 48, .28);
}

.gx-after-topup span {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #f5b63b;
}

.gx-game-after-tabs {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}

.gx-game-after-tabs > b {
  display: none !important;
}

.gx-game-after-tabs a {
  min-width: 0 !important;
  white-space: nowrap !important;
}

.gx-guest-form button {
  min-height: 54px;
  display: grid;
  gap: 2px;
  background: linear-gradient(180deg, #69ca61, #43a443) !important;
  color: #122318 !important;
}

.gx-guest-form button span {
  font-size: 11px;
  font-weight: 800;
  opacity: .85;
}

.gx-auth-field-error {
  min-height: 18px;
  color: #ffd15f;
  font-size: 12px;
  font-weight: 900;
  text-align: center;
}

.gx-public-steps article small {
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(255, 191, 63, .82);
  color: #14231d;
  font-weight: 900;
  text-transform: uppercase;
}

.gx-promo-standard,
.gx-public-promo {
  width: min(980px, calc(100vw - 32px));
  margin: 18px auto;
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(180px, .7fr) repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: center;
  border-radius: 18px;
  background: rgba(190, 244, 245, .56);
  border: 1px solid rgba(255,255,255,.48);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 10px 20px rgba(18, 61, 64, .16);
}

.gx-public-promo b,
.gx-public-promo span {
  display: block;
  color: #14231d;
}

.gx-public-promo b { font-size: 20px; font-weight: 900; }
.gx-public-promo span { font-size: 13px; font-weight: 800; opacity: .78; }
.gx-public-promo img {
  width: 100%;
  max-height: 92px;
  object-fit: contain;
  border-radius: 10px;
}

.gx-ref-promo-card {
  grid-template-columns: minmax(180px, .75fr) minmax(240px, 1fr) auto auto !important;
}

.gx-ref-promo-previews {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  align-items: center;
}

.gx-ref-promo-previews img {
  width: 100%;
  max-height: 72px;
  object-fit: contain;
  border-radius: 8px;
}

.gx-ref-promo-card button,
.gx-ref-promo-card a {
  min-height: 44px;
  border: 0;
  border-radius: 999px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #ffd56f, #f1a72d);
  color: #14231d !important;
  font-weight: 900;
  text-decoration: none !important;
  box-shadow: 0 4px 0 rgba(91, 73, 28, .38);
}

@media (max-width: 1100px) {
  .gx-clone-command-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  .gx-clone-command-strip {
    grid-template-columns: 1fr !important;
    padding: 10px !important;
  }

  .gx-game-inline-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .gx-strip-upgrade-card,
  .gx-clone-scene-next,
  .gx-next-best-upgrade,
  .gx-now-steps {
    min-height: 94px !important;
  }

  .gx-after-topup,
  .gx-public-promo,
  .gx-ref-promo-card {
    grid-template-columns: 1fr !important;
  }

  .gx-after-topup a {
    min-height: 44px;
  }

  .gx-ref-promo-previews {
    grid-template-columns: 1fr !important;
  }
}

body.gx-shell .gx-ref-sort {
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}

body.gx-shell .gx-ref-sort.is-active::after {
  content: " \2193";
}

body.gx-shell .gx-support-shell {
  display: grid;
  width: min(760px, calc(100vw - 34px));
  margin: 0 auto !important;
  gap: 12px;
}

body.gx-shell .gx-support-hero,
body.gx-shell .gx-support-panel,
body.gx-shell .gx-support-thread,
body.gx-admin .gx-admin-support-thread {
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(229, 241, 235, .74);
  border-radius: 12px;
  box-shadow: 0 12px 26px rgba(22, 45, 35, .14);
}

body.gx-shell .gx-support-hero {
  display: block;
  padding: 10px;
}

body.gx-shell .gx-support-hero > div {
  display: none;
}

body.gx-shell .gx-support-hero h1 {
  margin: 0;
  font-size: 1.8rem;
  color: #17231d;
}

body.gx-shell .gx-support-hero nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  flex-wrap: wrap;
  gap: 8px;
}

body.gx-shell .gx-support-hero a,
body.gx-shell .gx-support-action,
body.gx-shell .gx-support-panel button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  border: 0;
  border-radius: 10px;
  padding: 8px 14px;
  background: linear-gradient(180deg, #ffd96a, #d89428);
  color: #17231d;
  font-weight: 800;
  text-decoration: none;
}

body.gx-shell .gx-support-panel {
  padding: 18px;
}

body.gx-shell .gx-support-panel form {
  display: grid;
  gap: 14px;
}

body.gx-shell .gx-support-panel label {
  display: grid;
  gap: 6px;
  font-weight: 800;
  color: #17231d;
}

body.gx-shell .gx-support-panel input,
body.gx-shell .gx-support-panel textarea {
  width: 100%;
  border: 1px solid rgba(32, 64, 49, .24);
  border-radius: 10px;
  padding: 10px 12px;
  background: rgba(229, 241, 235, .82);
  color: #17231d;
}

body.gx-shell .gx-support-thread,
body.gx-admin .gx-admin-support-thread {
  display: grid;
  gap: 12px;
  padding: 14px;
}

body.gx-shell .gx-support-message,
body.gx-admin .gx-admin-support-thread article {
  border: 1px solid rgba(32, 64, 49, .18);
  border-radius: 8px;
  padding: 12px;
  background: rgba(229, 241, 235, .72);
  color: #17231d;
}

body.gx-shell .gx-support-message.is-support,
body.gx-admin .gx-admin-support-thread article.is-support {
  background: rgba(255, 221, 125, .42);
}

body.gx-shell .gx-support-message header,
body.gx-admin .gx-admin-support-thread header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: #294336;
}

body.gx-admin .gx-multi-row td {
  background: rgba(255, 221, 125, .18);
}

body.gx-admin .gx-multi-groups {
  display: grid;
  gap: 10px;
}

body.gx-admin .gx-multi-group {
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 8px;
  background: rgba(229, 241, 235, .74);
  overflow: hidden;
}

body.gx-admin .gx-multi-group summary {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 44px;
  padding: 10px 12px;
  cursor: pointer;
  color: #17231d;
}

body.gx-admin .gx-multi-group summary::marker {
  color: #d89428;
}

body.gx-admin .gx-multi-open {
  margin-left: auto;
  font-weight: 800;
  color: #254031;
}

@media (max-width: 767px) {
  body.gx-admin .gx-multi-open {
    margin-left: 0;
    width: 100%;
  }
}

body.gx-admin .gx-admin-ticket-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

body.gx-admin .gx-admin-ticket-actions form {
  margin: 0;
}

body.gx-shell .gx-offerwall-shell {
  display: grid;
  width: min(980px, calc(100vw - 34px));
  margin: 0 auto !important;
  gap: 12px;
}

body.gx-shell .gx-offerwall-hero,
body.gx-shell .gx-offerwall-tabs,
body.gx-shell .gx-offerwall-task,
body.gx-shell .gx-offerwall-frame {
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 8px;
  background: rgba(229, 241, 235, .74);
  box-shadow: 0 12px 26px rgba(22, 45, 35, .14);
}

body.gx-shell .gx-offerwall-hero {
  padding: 18px;
}

body.gx-shell .gx-offerwall-hero h1 {
  margin: 0;
  color: #17231d;
  font-size: 1.8rem;
}

body.gx-shell .gx-offerwall-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
  gap: 8px;
  padding: 10px;
}

body.gx-shell .gx-offerwall-tabs a,
body.gx-shell .gx-offerwall-task a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  border-radius: 8px;
  padding: 8px 14px;
  background: linear-gradient(180deg, #ffd96a, #d89428);
  color: #17231d;
  font-weight: 800;
  text-decoration: none;
}

body.gx-shell .gx-offerwall-tabs a.is-active {
  background: linear-gradient(180deg, #263d31, #17231d);
  color: #fff4c8;
}

body.gx-shell .gx-offerwall-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
}

body.gx-shell .gx-offerwall-task {
  display: grid;
  gap: 10px;
  align-content: space-between;
  padding: 14px;
  color: #17231d;
}

body.gx-shell .gx-offerwall-task h2 {
  margin: 0 0 6px;
  font-size: 1.05rem;
  color: #17231d;
}

body.gx-shell .gx-offerwall-task p {
  margin: 0;
  color: #294336;
}

body.gx-shell .gx-offerwall-task strong {
  font-size: 1rem;
  color: #102419;
}

body.gx-shell .gx-offerwall-frame {
  overflow: hidden;
  min-height: 760px;
}

body.gx-shell .gx-offerwall-frame iframe {
  display: block;
  width: 100%;
  min-height: 760px;
  border: 0;
  background: rgba(229, 241, 235, .74);
}

/* Stable user menu rail: adding links must not collide with balance cards. */
html body.gx-shell #header.gx-site-header .gx-active-menu-card,
html body.gx-shell .gx-active-menu-card {
  width: min(1120px, calc(100vw - 18px)) !important;
  min-height: 88px !important;
  max-height: none !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: minmax(270px, 320px) minmax(0, 1fr) !important;
  grid-template-rows: auto !important;
  align-items: start !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html body.gx-shell #header.gx-site-header .gx-active-brand,
html body.gx-shell .gx-active-brand {
  display: none !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu-stats,
html body.gx-shell .gx-active-menu-stats {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  box-sizing: border-box !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu-stats span,
html body.gx-shell .gx-active-menu-stats span {
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 6px 8px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu-stats small,
html body.gx-shell .gx-active-menu-stats small {
  max-width: 100% !important;
  font-size: 7px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  letter-spacing: 0 !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu-stats b,
html body.gx-shell .gx-active-menu-stats b {
  max-width: 100% !important;
  font-size: 16px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu,
html body.gx-shell .gx-active-menu {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(48px, 1fr)) !important;
  align-items: stretch !important;
  gap: 7px !important;
  padding: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu a,
html body.gx-shell .gx-active-menu a {
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 58px !important;
  padding: 5px 3px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 3px !important;
  border-radius: 8px !important;
  font-size: 8px !important;
  line-height: 1.05 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu a img,
html body.gx-shell .gx-active-menu a img {
  width: 32px !important;
  height: 32px !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu a span,
html body.gx-shell .gx-active-menu a span {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  letter-spacing: 0 !important;
}

@media (max-width: 760px) {
  html body.gx-shell #header.gx-site-header .gx-active-menu-card,
  html body.gx-shell .gx-active-menu-card {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
    min-height: 0 !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-menu-stats,
  html body.gx-shell .gx-active-menu-stats,
  html body.gx-shell #header.gx-site-header .gx-active-menu,
  html body.gx-shell .gx-active-menu {
    grid-column: 1 !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-menu-stats,
  html body.gx-shell .gx-active-menu-stats {
    grid-row: 1 !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-menu,
  html body.gx-shell .gx-active-menu {
    grid-row: 2 !important;
    grid-template-columns: repeat(auto-fit, minmax(48px, 1fr)) !important;
  }
}

/* Unified compact user shell spacing. */
html body.gx-shell #header.gx-site-header {
  display: block !important;
  width: min(1120px, calc(100vw - 48px)) !important;
  max-width: 1120px !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 auto 6px !important;
  padding: 0 !important;
}

html body.gx-shell #wrapper {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body.gx-shell #content {
  padding-top: 0 !important;
}

html body.gx-shell #content > *:first-child {
  margin-top: 0 !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu-card,
html body.gx-shell .gx-active-menu-card {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  align-items: center !important;
  gap: 8px !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu-stats span,
html body.gx-shell .gx-active-menu-stats span {
  min-height: 40px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu a,
html body.gx-shell .gx-active-menu a {
  min-height: 48px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu a img,
html body.gx-shell .gx-active-menu a img {
  width: 28px !important;
  height: 28px !important;
}

html body.gx-game-shell .gx-game-brand-strip {
  display: none !important;
}

html body.gx-shell .gx-game,
html body.gx-shell .gx-offerwall-shell,
html body.gx-shell .gx-deposit-panel,
html body.gx-shell .gx-deposit-checkout,
html body.gx-shell .gx-payout-clone,
html body.gx-shell .gx-ref-board,
html body.gx-shell .gx-support-shell,
html body.gx-shell .gx-settings-grid,
html body.gx-shell .gx-topup-hero,
html body.gx-shell .gx-payout-hero,
html body.gx-shell .gx-partner-hero,
html body.gx-shell .gx-activity-panel,
html body.gx-shell .gx-payout-limit-panel,
html body.gx-shell .gx-balance-convert-panel,
html body.gx-shell .gx-payout-methods {
  margin-top: 0 !important;
}

html body.gx-shell .gx-clone-tabs,
html body.gx-shell .gx-offerwall-tabs {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

html body.gx-shell .gx-payout-limit-panel {
  width: min(650px, calc(100vw - 34px)) !important;
  margin: 0 auto 16px !important;
  padding: 16px 18px !important;
  display: grid !important;
  gap: 12px !important;
  border-radius: 18px !important;
  color: #17231d !important;
  background: linear-gradient(135deg, rgba(150, 220, 231, .46), rgba(237, 250, 245, .34) 54%, rgba(209, 239, 220, .30)) !important;
  border: 1px solid rgba(255,255,255,.48) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 12px 24px rgba(14,42,42,.14) !important;
}

html body.gx-shell .gx-payout-limit-panel header,
html body.gx-shell .gx-payout-limit-metrics {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: stretch !important;
}

html body.gx-shell .gx-payout-limit-panel header > div {
  grid-column: span 1 !important;
}

html body.gx-shell .gx-payout-limit-panel header h2,
html body.gx-shell .gx-payout-limit-panel header strong {
  margin: 0 !important;
  color: #17231d !important;
}

html body.gx-shell .gx-payout-limit-panel header strong,
html body.gx-shell .gx-payout-limit-metrics article {
  min-height: 54px !important;
  padding: 8px 12px !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.28) !important;
  border: 1px solid rgba(255,255,255,.42) !important;
}

html body.gx-shell .gx-payout-limit-metrics span,
html body.gx-shell .gx-payout-limit-table button {
  font-size: 10px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  color: #17231d !important;
}

html body.gx-shell .gx-payout-limit-metrics b {
  color: #17231d !important;
  font-size: 18px !important;
}

html body.gx-shell .gx-payout-limit-table button {
  width: 100% !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
}

html body.gx-shell .gx-payout-limit-panel header > button {
  min-height: 42px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #ffd96a, #d89428) !important;
  color: #17231d !important;
  font-weight: 900 !important;
}

html body.gx-shell .gx-support-table button {
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}

html body.gx-shell .gx-history-table th button {
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}

html body.gx-shell #daily-limit-help {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

html body.gx-shell #daily-limit-help table.gx-payout-limit-table {
  width: 100% !important;
  min-width: 520px !important;
  table-layout: fixed !important;
}

html body.gx-shell .gx-deposit-result {
  width: min(760px, 100%) !important;
  margin: 0 auto !important;
  padding: 24px !important;
  display: grid !important;
  gap: 18px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(202, 239, 239, .72), rgba(238, 249, 229, .56)) !important;
  border: 1px solid rgba(255,255,255,.46) !important;
  box-shadow: 0 16px 30px rgba(19, 48, 43, .20) !important;
}

html body.gx-shell .gx-deposit-result-head {
  text-align: center !important;
  color: #17231d !important;
}

html body.gx-shell .gx-deposit-result-head h2 {
  margin: 4px 0 8px !important;
  font-size: clamp(24px, 4vw, 34px) !important;
  letter-spacing: 0 !important;
}

html body.gx-shell .gx-deposit-result-head p {
  margin: 0 !important;
  color: #345447 !important;
  font-weight: 700 !important;
}

html body.gx-shell .gx-deposit-result-grid {
  display: grid !important;
  grid-template-columns: minmax(150px, 210px) minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

html body.gx-shell .gx-deposit-qr,
html body.gx-shell .gx-deposit-wallet-panel {
  min-width: 0 !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.34) !important;
  border: 1px solid rgba(255,255,255,.52) !important;
}

html body.gx-shell .gx-deposit-qr {
  padding: 14px !important;
  display: grid !important;
  place-items: center !important;
  gap: 8px !important;
  color: #17231d !important;
  font-weight: 800 !important;
}

html body.gx-shell .gx-deposit-qr img {
  width: min(190px, 100%) !important;
  height: auto !important;
  border-radius: 12px !important;
  display: block !important;
}

html body.gx-shell .gx-deposit-wallet-panel {
  padding: 14px !important;
  display: grid !important;
  gap: 12px !important;
}

html body.gx-shell .gx-deposit-result .gx-deposit-address-row {
  grid-template-columns: 1fr auto !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

html body.gx-shell .gx-deposit-result .gx-deposit-address-row span {
  grid-column: 1 / -1 !important;
  color: #345447 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

html body.gx-shell .gx-deposit-result .gx-deposit-address-row input {
  min-width: 0 !important;
  height: 48px !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 0 16px !important;
  background: rgba(255,255,255,.58) !important;
  color: #17231d !important;
  font-weight: 900 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.gx-shell .gx-deposit-result .gx-deposit-address-row button {
  min-width: 82px !important;
  height: 48px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #5cbf48, #3c922e) !important;
  color: #17231d !important;
  font-weight: 950 !important;
  box-shadow: 0 5px 0 rgba(38, 95, 31, .35) !important;
}

html body.gx-shell .gx-deposit-confirm-note,
html body.gx-shell .gx-deposit-timer {
  padding: 12px 14px !important;
  display: grid !important;
  gap: 4px !important;
  border-radius: 14px !important;
  background: rgba(255, 229, 128, .32) !important;
  color: #17231d !important;
}

html body.gx-shell .gx-deposit-confirm-note b,
html body.gx-shell .gx-deposit-timer b {
  font-size: 18px !important;
  color: #17231d !important;
}

html body.gx-shell .gx-deposit-result-actions {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

html body.gx-shell .gx-settings-payout-form input[type="password"] {
  min-width: 0 !important;
  width: 100% !important;
  min-height: 42px !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 0 12px !important;
  background: rgba(255,255,255,.42) !important;
  color: #17231d !important;
  font-weight: 800 !important;
}

html body.gx-shell .gx-settings-payout-form input[readonly] {
  opacity: .82 !important;
  cursor: not-allowed !important;
}

html body.gx-admin .gx-admin-translate-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
  gap: 14px;
  align-items: start;
}

html body.gx-admin .gx-admin-translate-panel,
html body.gx-admin .gx-translation-result,
html body.gx-admin .gx-reply-translation {
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 8px;
  background: rgba(255,255,255,.82);
  color: #17231d;
}

html body.gx-admin .gx-admin-translate-panel {
  position: sticky;
  top: 12px;
  padding: 12px;
  display: grid;
  gap: 10px;
}

html body.gx-admin .gx-admin-translate-panel h6 {
  margin: 0;
  font-weight: 900;
}

html body.gx-admin .gx-admin-translate-panel-output,
html body.gx-admin .gx-translation-result,
html body.gx-admin .gx-reply-translation {
  min-height: 44px;
  padding: 10px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

html body.gx-admin .gx-admin-translate-panel-output:empty::before,
html body.gx-admin .gx-reply-translation:empty::before {
  content: "Translation output";
  color: rgba(23,35,29,.55);
}

html body.gx-admin .gx-admin-sortable-table th button {
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

@media (max-width: 760px) {
  html body.gx-shell .gx-deposit-result-grid,
  html body.gx-admin .gx-admin-translate-layout {
    grid-template-columns: 1fr !important;
  }

  html body.gx-shell .gx-deposit-result {
    padding: 16px !important;
  }

  html body.gx-shell .gx-deposit-result .gx-deposit-address-row {
    grid-template-columns: 1fr !important;
  }
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-result {
  width: min(980px, calc(100vw - 34px)) !important;
  max-width: 980px !important;
  padding: 22px 26px !important;
  display: grid !important;
  gap: 16px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(150, 220, 231, .58), rgba(237, 250, 245, .42) 54%, rgba(255, 214, 92, .24)) !important;
  border: 1px solid rgba(255,255,255,.52) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.36), 0 18px 34px rgba(14,42,42,.18) !important;
  color: #17231d !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-result-head {
  display: grid !important;
  justify-items: center !important;
  gap: 8px !important;
  text-align: center !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-result-head h2 {
  margin: 0 !important;
  color: #17231d !important;
  font-size: clamp(23px, 3.1vw, 34px) !important;
  letter-spacing: 0 !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-result-head p {
  max-width: 660px !important;
  margin: 0 !important;
  color: #294336 !important;
  font-weight: 800 !important;
}

html body.gx-shell .gx-deposit-wait-orbit {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  position: relative !important;
  background: radial-gradient(circle at center, rgba(237,250,245,.95) 0 52%, transparent 53%), conic-gradient(#f4a919 0 68deg, rgba(23,35,29,.18) 69deg 360deg) !important;
  box-shadow: 0 0 20px rgba(244, 169, 25, .24) !important;
  animation: gxDepositSpin 1.1s linear infinite !important;
}

html body.gx-shell .gx-deposit-wait-orbit span {
  position: absolute !important;
  inset: 7px !important;
  border-radius: 50% !important;
  background: rgba(237,250,245,.92) !important;
  box-shadow: inset 0 0 0 1px rgba(23,35,29,.10) !important;
}

html body.gx-shell .gx-deposit-progress {
  height: 14px !important;
  padding: 2px !important;
  border-radius: 999px !important;
  background: rgba(23,35,29,.10) !important;
  border: 1px solid rgba(255,255,255,.45) !important;
  overflow: hidden !important;
}

html body.gx-shell .gx-deposit-progress span {
  display: block !important;
  height: 100% !important;
  width: 36% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, rgba(244,169,25,.1), #f4a919, rgba(244,169,25,.1)) !important;
  animation: gxDepositBar 1.8s ease-in-out infinite !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-result-grid {
  display: block !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-wallet-panel {
  width: min(760px, 100%) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  gap: 14px !important;
  background: transparent !important;
  border: 0 !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-result .gx-deposit-address-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  margin: 0 !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-result .gx-deposit-address-row span {
  grid-column: 1 / -1 !important;
  color: #294336 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-result .gx-deposit-address-row input {
  min-width: 0 !important;
  height: 58px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.52) !important;
  background: rgba(255,255,255,.42) !important;
  color: #17231d !important;
  -webkit-text-fill-color: #17231d !important;
  text-align: center !important;
  font-weight: 950 !important;
  font-size: clamp(13px, 2.1vw, 18px) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-result .gx-deposit-address-row button {
  min-width: 86px !important;
  height: 58px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #ffd96a, #d89428) !important;
  color: #17231d !important;
  font-weight: 950 !important;
  box-shadow: 0 5px 0 rgba(91,73,28,.32) !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-qr {
  width: min(230px, 100%) !important;
  margin: 0 auto !important;
  padding: 14px !important;
  display: grid !important;
  place-items: center !important;
  gap: 8px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.34) !important;
  border: 1px solid rgba(255,255,255,.52) !important;
  color: #294336 !important;
  font-weight: 900 !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-qr img {
  width: min(190px, 100%) !important;
  height: auto !important;
  border-radius: 12px !important;
  display: block !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-timer {
  width: min(240px, 100%) !important;
  margin: 0 auto !important;
  padding: 10px 14px !important;
  display: grid !important;
  gap: 4px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.30) !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  color: #17231d !important;
  text-align: center !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-timer span {
  color: #294336 !important;
  font-weight: 900 !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-timer b {
  color: #17231d !important;
  font-size: 20px !important;
}

@keyframes gxDepositSpin {
  to { transform: rotate(360deg); }
}

@keyframes gxDepositBar {
  0% { transform: translateX(-110%); }
  50% { transform: translateX(90%); }
  100% { transform: translateX(240%); }
}

@media (max-width: 760px) {
  html body.gx-shell .gx-deposit-checkout .gx-deposit-result {
    padding: 16px !important;
  }

  html body.gx-shell .gx-deposit-checkout .gx-deposit-result .gx-deposit-address-row {
    grid-template-columns: 1fr !important;
  }
}

html body.gx-shell .gx-deposit-checkout {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  padding-inline: 14px !important;
  overflow-x: hidden !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-result {
  width: min(720px, calc(100vw - 36px)) !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: clamp(16px, 2vw, 24px) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-result-head h2 {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  font-size: clamp(22px, 2.4vw, 30px) !important;
  line-height: 1.18 !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-result-head p {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  line-height: 1.35 !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-wallet-panel {
  width: min(560px, 100%) !important;
  max-width: 100% !important;
  justify-items: center !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-result .gx-deposit-address-row {
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  box-sizing: border-box !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-result .gx-deposit-address-row input {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-result .gx-deposit-address-row button {
  min-width: 78px !important;
  max-width: 92px !important;
  padding-inline: 12px !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-qr {
  order: 3 !important;
  width: min(218px, 100%) !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-memo-row {
  order: 4 !important;
}

html body.gx-shell .gx-deposit-checkout .gx-deposit-timer {
  order: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  flex-direction: row !important;
}

@media (max-width: 620px) {
  html body.gx-shell .gx-deposit-checkout {
    padding-inline: 10px !important;
  }

  html body.gx-shell .gx-deposit-checkout .gx-deposit-result {
    width: min(100%, calc(100vw - 20px)) !important;
    border-radius: 16px !important;
  }

  html body.gx-shell .gx-deposit-checkout .gx-deposit-result .gx-deposit-address-row {
    grid-template-columns: 1fr !important;
  }

  html body.gx-shell .gx-deposit-checkout .gx-deposit-result .gx-deposit-address-row button {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 640px) {
  body.gx-shell,
  body.gx-public,
  body.gx-admin {
    background-image: url("/images/backgrounds/dravonx-sunny-world-bg-mobile.webp") !important;
    background-attachment: scroll !important;
  }

  html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks {
    width: min(100%, calc(100vw - 24px)) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding-inline: 0 !important;
    overflow: visible !important;
  }

  html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article {
    min-width: 0 !important;
    min-height: 210px !important;
    padding: 12px 10px 68px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article .gx-clone-task-action,
  html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article button,
  html body.gx-game-shell .gx-clone-games-page .gx-clone-tasks article a {
    width: calc(100% - 20px) !important;
    min-width: 0 !important;
    max-width: none !important;
    left: 10px !important;
    right: auto !important;
    bottom: 12px !important;
    padding-inline: 8px !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    box-sizing: border-box !important;
    z-index: 2 !important;
    transform: none !important;
  }

  html body.gx-shell,
  html body.gx-game-shell {
    overflow-x: hidden !important;
  }

  html body.gx-shell .gx-table-scroll,
  html body.gx-shell .table-responsive {
    width: min(100%, calc(100vw - 18px)) !important;
    max-width: calc(100vw - 18px) !important;
    margin: 14px auto !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    border-radius: 14px !important;
  }

  html body.gx-shell .gx-table-scroll table,
  html body.gx-shell .gx-table-scroll table.gx-history-table,
  html body.gx-shell .gx-table-scroll #tab,
  html body.gx-shell .table-responsive table,
  html body.gx-shell table.gx-history-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
  }

  html body.gx-shell .gx-history-table th,
  html body.gx-shell .gx-history-table td,
  html body.gx-shell .gx-table-scroll table.gx-history-table th,
  html body.gx-shell .gx-table-scroll table.gx-history-table td,
  html body.gx-shell #tab th,
  html body.gx-shell #tab td {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  html body.gx-shell .gx-history-table th,
  html body.gx-shell .gx-history-table td,
  html body.gx-shell table.table th,
  html body.gx-shell table.table td,
  html body.gx-shell #tab td {
    padding: 8px 6px !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  html body.gx-shell .gx-history-table th button,
  html body.gx-shell table.table th button,
  html body.gx-shell #tab th button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 6px 5px !important;
    font-size: 10px !important;
    line-height: 1.05 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 3px 0 rgba(121, 85, 20, .35) !important;
  }

  html body.gx-shell .gx-status-pill,
  html body.gx-shell .gx-method-pill {
    min-width: 0 !important;
    padding: 6px 8px !important;
    font-size: 9px !important;
    white-space: normal !important;
  }

  html body.gx-shell .gx-mobile-table-sortbar {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 6px !important;
  }

  html body.gx-shell .gx-mobile-table-sortbar button {
    flex: 1 1 120px !important;
    min-height: 36px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #ffd465, #efa52a) !important;
    color: #202317 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 3px 0 rgba(121,85,20,.32) !important;
  }

  html body.gx-shell .gx-table-scroll table.gx-history-table,
  html body.gx-shell .gx-table-scroll table.gx-history-table thead,
  html body.gx-shell .gx-table-scroll table.gx-history-table tbody,
  html body.gx-shell .gx-table-scroll table.gx-history-table tr,
  html body.gx-shell .gx-table-scroll table.gx-history-table th,
  html body.gx-shell .gx-table-scroll table.gx-history-table td {
    display: block !important;
  }

  html body.gx-shell .gx-table-scroll table.gx-history-table thead {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
  }

  html body.gx-shell .gx-table-scroll table.gx-history-table tbody {
    display: grid !important;
    gap: 9px !important;
    padding: 6px !important;
  }

  html body.gx-shell .gx-table-scroll table.gx-history-table tbody tr {
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: rgba(240, 247, 230, .60) !important;
  }

  html body.gx-shell .gx-table-scroll table.gx-history-table tbody td {
    display: grid !important;
    grid-template-columns: minmax(78px, .62fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
    min-height: 36px !important;
    color: #17231d !important;
    text-align: left !important;
  }

  html body.gx-shell .gx-table-scroll table.gx-history-table tbody td::before {
    content: attr(data-label);
    color: rgba(23,35,29,.72) !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
  }

  html body.gx-shell .gx-table-scroll table.gx-history-table tbody td[colspan] {
    display: block !important;
    text-align: center !important;
  }

  html body.gx-shell .gx-table-scroll table.gx-history-table tbody td[colspan]::before {
    content: none !important;
  }

  html body.gx-shell .gx-payout-limit-panel,
  html body.gx-shell .gx-activity-panel,
  html body.gx-shell .gx-settings-grid,
  html body.gx-shell .gx-settings-card,
  html body.gx-shell .gx-settings-payout-grid {
    width: min(100%, calc(100vw - 22px)) !important;
    max-width: calc(100vw - 22px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  html body.gx-shell .gx-settings-password-form,
  html body.gx-shell .gx-settings-payout-form {
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: 1fr !important;
  }

  html body.gx-shell .gx-settings-row-icon {
    min-height: 58px !important;
  }

  html body.gx-shell .swal-modal {
    width: min(360px, calc(100vw - 32px)) !important;
    border-radius: 18px !important;
  }

  html body.gx-shell .swal-button,
  html body.gx-game-shell .swal-button {
    min-width: 160px !important;
    min-height: 46px !important;
    color: #1e2119 !important;
    font-weight: 900 !important;
  }
}