/* DravonX clean rebuild layer. Loaded last to reset page/card rhythm without touching PHP behavior. */
:root {
  --dx-bg-dark: #21160d;
  --dx-wood-1: #351607;
  --dx-wood-2: #1d0b03;
  --dx-card: linear-gradient(145deg, rgba(255, 250, 241, .98) 0%, rgba(255, 243, 222, .97) 58%, rgba(242, 220, 185, .94) 100%);
  --dx-card-flat: rgba(255, 248, 235, .97);
  --dx-panel: linear-gradient(180deg, rgba(255, 248, 235, .95), rgba(241, 218, 177, .92));
  --dx-line: rgba(169, 104, 33, .66);
  --dx-line-soft: rgba(255, 255, 255, .70);
  --dx-text: #23160b;
  --dx-muted: #574127;
  --dx-gold: #efa934;
  --dx-gold-2: #ffd66f;
  --dx-green: #2d8c34;
  --dx-radius: 9px;
  --dx-shadow: inset 0 1px 0 rgba(255,255,255,.88), inset 0 -1px 0 rgba(154, 91, 30, .13), 0 4px 10px rgba(69, 43, 19, .18);
}

/* Final page-by-page stabilizer for the A theme. */
html body .gx-skip-link,
html body .skip-link {
  position: fixed !important;
  left: -9999px !important;
  top: 8px !important;
  z-index: 9999 !important;
}

html body .gx-skip-link:focus,
html body .skip-link:focus {
  left: 8px !important;
  padding: 8px 10px !important;
  background: var(--dx-gold-2) !important;
  color: var(--dx-text) !important;
}

html body .gx-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html body.gx-game-shell #content .gx-game {
  display: grid !important;
  gap: 12px !important;
  padding: 16px !important;
  overflow: hidden !important;
}

html body.gx-game-shell #content .gx-target-resourcebar {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) 84px !important;
  align-items: center !important;
  gap: 0 !important;
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 0 8px !important;
  overflow: hidden !important;
  border: 1px solid rgba(169, 104, 33, .45) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(255, 251, 239, .95), rgba(239, 219, 185, .92)) !important;
  box-shadow: var(--dx-shadow) !important;
}

html body.gx-game-shell #content .gx-target-resourcebar span,
html body.gx-game-shell #content .gx-target-resourcebar a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 48px !important;
  padding: 7px 10px !important;
  border-right: 1px solid rgba(169, 104, 33, .25) !important;
  color: var(--dx-text) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

html body.gx-game-shell #content .gx-target-resourcebar a {
  border-right: 0 !important;
  background: linear-gradient(180deg, #42ad46, #23782e) !important;
  color: #fff8d8 !important;
  font-size: 22px !important;
}

html body.gx-game-shell #content .gx-target-resourcebar img {
  width: 22px !important;
  height: 22px !important;
  object-fit: contain !important;
}

html body.gx-game-shell #content .gx-goblin-command {
  display: none !important;
}

html body.gx-game-shell #content .gx-game-after-tabs {
  order: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: min(860px, 100%) !important;
  margin: 0 auto 2px !important;
  padding: 8px !important;
  border: 1px solid rgba(169, 104, 33, .52) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(255, 244, 218, .96), rgba(237, 211, 168, .96)) !important;
  box-shadow: var(--dx-shadow) !important;
}

html body.gx-game-shell #content .gx-game-after-tabs > b {
  display: none !important;
}

html body.gx-game-shell #content .gx-game-after-tabs a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding: 6px 9px !important;
  border: 1px solid rgba(109, 87, 52, .18) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, #fbf4de, #ddceb0) !important;
  color: var(--dx-text) !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  text-decoration: none !important;
}

html body.gx-game-shell #content .gx-game-after-tabs span {
  display: grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, #ffd56d, #efa52b) !important;
  color: #1f1208 !important;
}

html body.gx-game-shell #content .gx-clone-board {
  order: 3 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.gx-game-shell #content .gx-target-resourcebar {
  order: 1 !important;
}

html body.gx-game-shell #content .gx-clone-shop {
  order: 3 !important;
}

html body.gx-game-shell #content .gx-clone-playfield {
  min-height: 390px !important;
  background-image:
    linear-gradient(180deg, rgba(28, 12, 4, .05), rgba(28, 12, 4, .04) 56%, rgba(91, 123, 52, .38)),
    var(--gx-clone-map) !important;
  background-position: center !important;
  background-size: cover !important;
  border: 3px solid #4d1d08 !important;
  border-radius: 8px !important;
}

html body.gx-game-shell #content .gx-target-mine-title,
html body.gx-game-shell #content .gx-goblin-scene-label {
  display: none !important;
}

html body.gx-game-shell #content .gx-live-dragon,
html body.gx-game-shell #content .gx-live-dragon button {
  width: 86px !important;
  height: 104px !important;
  overflow: visible !important;
}

html body.gx-game-shell #content .gx-live-dragon img {
  display: block !important;
  width: 86px !important;
  height: 86px !important;
  max-width: 86px !important;
  max-height: 86px !important;
  object-fit: contain !important;
}

html body.gx-game-shell #content .gx-live-dragon-1 { left: 6% !important; top: 56% !important; }
html body.gx-game-shell #content .gx-live-dragon-2 { left: 17% !important; top: 35% !important; }
html body.gx-game-shell #content .gx-live-dragon-3 { left: 29% !important; top: 58% !important; }
html body.gx-game-shell #content .gx-live-dragon-4 { left: 41% !important; top: 30% !important; }
html body.gx-game-shell #content .gx-live-dragon-5 { left: 54% !important; top: 58% !important; }
html body.gx-game-shell #content .gx-live-dragon-6 { left: 67% !important; top: 34% !important; }
html body.gx-game-shell #content .gx-live-dragon-7 { left: 80% !important; top: 52% !important; }
html body.gx-game-shell #content .gx-live-dragon-8 { left: 25% !important; top: 18% !important; }
html body.gx-game-shell #content .gx-live-dragon-9 { left: 50% !important; top: 20% !important; }
html body.gx-game-shell #content .gx-live-dragon-10 { left: 75% !important; top: 17% !important; }

html body.gx-game-shell #content .gx-game-balance-strip {
  position: absolute !important;
  z-index: 9 !important;
  left: 23% !important;
  right: 23% !important;
  top: 22px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body.gx-game-shell #content .gx-game-balance-strip article {
  min-width: 0 !important;
  min-height: 58px !important;
  padding: 9px 10px !important;
}

html body.gx-game-shell #content .gx-strip-upgrades,
html body.gx-game-shell #content .gx-clone-command-strip {
  display: grid !important;
  gap: 10px !important;
}

html body.gx-game-shell #content .gx-strip-upgrades {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card {
  min-height: 118px !important;
}

html body.gx-game-shell #content .gx-clone-slot-visual img,
html body.gx-game-shell #content .gx-clone-shop-balance img,
html body.gx-game-shell #content .gx-strip-upgrade-card img {
  object-fit: contain !important;
}

@media (max-width: 900px) {
  html body.gx-game-shell #content .gx-target-resourcebar,
  html body.gx-game-shell #content .gx-game-after-tabs,
  html body.gx-game-shell #content .gx-strip-upgrades {
    grid-template-columns: 1fr 1fr !important;
  }

  html body.gx-game-shell #content .gx-game-balance-strip {
    left: 10px !important;
    right: 10px !important;
  }
}

/* PHYSICAL END OVERRIDE: game lower cards must fill their panels. */
html body.gx-game-shell #content .gx-strip-upgrade-card {
  display: block !important;
  grid-template-columns: none !important;
  min-height: 176px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card button {
  display: grid !important;
  grid-template-columns: 86px minmax(0, 1fr) 86px !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 176px !important;
  padding: 14px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg, #fff5dc, #e8c486) !important;
  color: #211007 !important;
  text-align: left !important;
  overflow: hidden !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card button > small {
  position: absolute !important;
  left: 14px !important;
  top: 10px !important;
  min-width: 72px !important;
  padding: 5px 9px !important;
  border: 1px solid #9b5a1a !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, #ffd66f, #f2aa2d) !important;
  color: #211007 !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  text-align: center !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card button > img {
  grid-column: 1 !important;
  width: 82px !important;
  height: 82px !important;
  margin-top: 22px !important;
  object-fit: contain !important;
  justify-self: center !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card button > span {
  grid-column: 2 !important;
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  line-height: 1.08 !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card button > span b,
html body.gx-game-shell #content .gx-strip-upgrade-card button > span em,
html body.gx-game-shell #content .gx-strip-upgrade-card button > span i,
html body.gx-game-shell #content .gx-strip-upgrade-card button > span u {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: #211007 !important;
  text-decoration: none !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card button > span b {
  font-size: 15px !important;
  font-weight: 1000 !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card button > span i {
  font-size: 20px !important;
  font-weight: 1000 !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card button > span u {
  font-size: 11px !important;
  text-transform: uppercase !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card button > strong {
  grid-column: 3 !important;
  justify-self: stretch !important;
  align-self: center !important;
  min-height: 42px !important;
  padding: 9px 10px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffd66f, #f2aa2d) !important;
  color: #211007 !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  white-space: nowrap !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card button > strong img {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  object-fit: contain !important;
}

/* Hard final page-by-page repair pass: keep this block at the physical end. */
html body.gx-shell #wrapper {
  grid-template-columns: 132px minmax(0, 1fr) !important;
  align-items: start !important;
}

html body.gx-shell #header.gx-site-header {
  width: 132px !important;
  min-width: 132px !important;
}

html body.gx-shell #content {
  width: min(100%, 1040px) !important;
  margin: 24px auto 40px !important;
  padding: 16px !important;
  border: 1px solid rgba(184, 122, 43, .62) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(255, 248, 235, .96), rgba(241, 220, 184, .94)),
    url("/images/backgrounds/game-expedition-card-bg.webp") center / cover fixed !important;
  box-shadow: 0 22px 48px rgba(47, 20, 8, .25) !important;
  color: #211007 !important;
  overflow: hidden !important;
}

html body.gx-game-shell #content {
  padding: 16px !important;
}

html body.gx-shell #content::before {
  width: 100% !important;
  margin: 0 0 12px !important;
  min-height: 50px !important;
  padding: 10px 14px !important;
  border-radius: 6px !important;
  border: 1px solid #9b5a1a !important;
  background: linear-gradient(180deg, #ffd66f, #f2aa2d 60%, #d58a1d) !important;
  color: #211007 !important;
  text-align: center !important;
  text-shadow: 0 1px 0 rgba(255, 239, 185, .82) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.52), 0 3px 0 rgba(91,45,12,.24) !important;
}

html body.gx-game-shell #content::before {
  display: none !important;
}

html body.gx-shell #content .gx-game {
  width: 100% !important;
  max-width: 1000px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  overflow: visible !important;
}

html body.gx-game-shell #content .gx-game > h1.gx-visually-hidden,
html body.gx-shell #content .gx-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html body.gx-game-shell #content .gx-target-resourcebar {
  order: 1 !important;
  width: 100% !important;
  margin: 0 !important;
  min-height: 44px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(166, 99, 28, .38) !important;
  background: linear-gradient(180deg, #fff8e9, #efd2a0) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 6px 18px rgba(84,43,12,.12) !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) 72px !important;
}

html body.gx-game-shell #content .gx-target-resourcebar span,
html body.gx-game-shell #content .gx-target-resourcebar a {
  min-height: 44px !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  color: #211007 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}

html body.gx-game-shell #content .gx-target-resourcebar a {
  background: linear-gradient(180deg, #42b94a, #1f7f2c) !important;
  color: #fff7d5 !important;
  font-size: 20px !important;
  text-decoration: none !important;
}

html body.gx-game-shell #content .gx-after-topup.gx-game-after-tabs {
  order: 2 !important;
  width: min(760px, 100%) !important;
  margin: 4px auto 0 !important;
  padding: 8px !important;
  border-radius: 8px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body.gx-game-shell #content .gx-after-topup.gx-game-after-tabs > b {
  display: none !important;
}

html body.gx-game-shell #content .gx-clone-board {
  order: 3 !important;
  display: grid !important;
  gap: 12px !important;
}

html body.gx-game-shell #content .gx-clone-playfield {
  min-height: 320px !important;
  border: 2px solid #5e2a0e !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  position: relative !important;
  background-image:
    linear-gradient(180deg, rgba(16, 8, 3, .14), rgba(20, 12, 5, .28)),
    var(--gx-clone-map) !important;
  background-size: cover !important;
  background-position: center !important;
}

html body.gx-game-shell #content .gx-target-mine-title,
html body.gx-game-shell #content .gx-goblin-scene-label,
html body.gx-game-shell #content .gx-goblin-rails {
  display: none !important;
}

html body.gx-game-shell #content .gx-game-balance-strip {
  position: absolute !important;
  z-index: 12 !important;
  top: 18px !important;
  left: 22% !important;
  right: 22% !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body.gx-game-shell #content .gx-game-balance-strip article {
  min-height: 54px !important;
  padding: 8px 10px !important;
  border-radius: 7px !important;
  border: 1px solid rgba(123, 70, 24, .38) !important;
  background: rgba(255, 244, 219, .94) !important;
  color: #211007 !important;
  text-align: center !important;
}

html body.gx-game-shell #content .gx-game-balance-strip small,
html body.gx-game-shell #content .gx-game-balance-strip b {
  display: block !important;
  line-height: 1.05 !important;
}

html body.gx-game-shell #content .gx-game-balance-strip small {
  font-size: 10px !important;
  text-transform: uppercase !important;
  opacity: .72 !important;
}

html body.gx-game-shell #content .gx-game-balance-strip b {
  font-size: 19px !important;
}

html body.gx-game-shell #content .gx-clone-scene {
  position: absolute !important;
  inset: 0 !important;
}

html body.gx-game-shell #content .gx-clone-strip-collect {
  position: absolute !important;
  z-index: 16 !important;
  right: 18px !important;
  top: 82px !important;
  width: 194px !important;
  margin: 0 !important;
  overflow: hidden !important;
}

html body.gx-game-shell #content .gx-clone-scene-collect {
  width: 194px !important;
  min-width: 194px !important;
  height: 58px !important;
  border-radius: 14px !important;
  border: 1px solid #2e811d !important;
  background: linear-gradient(180deg, #8ee365, #39ae42 60%, #23872f) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 8px 18px rgba(20,80,20,.25) !important;
  color: #211007 !important;
}

html body.gx-game-shell #content .gx-clone-scene-collect span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.gx-game-shell #content .gx-clone-scene-collect img {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  object-fit: contain !important;
}

html body.gx-game-shell #content .gx-clone-scene-collect b {
  min-width: 0 !important;
  max-width: 128px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.gx-game-shell #content .gx-live-dragon {
  position: absolute !important;
  z-index: 10 !important;
  width: 88px !important;
  height: 96px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.gx-game-shell #content .gx-live-dragon img {
  width: 74px !important;
  height: 74px !important;
  object-fit: contain !important;
}

html body.gx-game-shell #content .gx-live-dragon figcaption,
html body.gx-game-shell #content .gx-dragon-gold-pop {
  display: none !important;
}

html body.gx-game-shell #content .gx-clone-scene-cart {
  position: absolute !important;
  z-index: 9 !important;
  left: 47% !important;
  top: 56% !important;
  width: 112px !important;
  height: 92px !important;
  object-fit: contain !important;
  transform: translate(-50%, -50%) !important;
}

html body.gx-game-shell #content .gx-clone-command-strip {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

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

html body.gx-game-shell #content .gx-game-inline-stats span {
  min-height: 54px !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(123, 70, 24, .38) !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg, #fff7e5, #edd0a0) !important;
  text-align: center !important;
  color: #211007 !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card,
html body.gx-game-shell #content .gx-clone-scene-next {
  min-height: 124px !important;
  padding: 12px !important;
  border: 1px solid rgba(123, 70, 24, .42) !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg, #fff5dc, #e8c486) !important;
  color: #211007 !important;
  box-shadow: 0 9px 18px rgba(84,43,12,.13) !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card button,
html body.gx-game-shell #content .gx-clone-scene-next a {
  width: 100% !important;
  min-height: 44px !important;
}

html body.gx-game-shell #content .gx-target-actions,
html body.gx-game-shell #content .gx-target-activity {
  display: none !important;
}

html body.gx-game-shell #content .gx-clone-shop {
  order: 3 !important;
  display: grid !important;
  gap: 14px !important;
}

html body.gx-game-shell #content .gx-clone-shop > header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 220px 220px !important;
  gap: 12px !important;
  align-items: stretch !important;
  padding: 12px !important;
  border: 1px solid rgba(123, 70, 24, .48) !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg, #fff8eb, #efd09a) !important;
  color: #211007 !important;
}

html body.gx-game-shell #content .gx-clone-shop > header h1 {
  display: inline-flex !important;
  width: auto !important;
  margin: 0 0 8px !important;
  padding: 8px 18px !important;
  border: 1px solid #a7671f !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, #ffd66f, #f2aa2d) !important;
  font-size: 28px !important;
  line-height: 1 !important;
  color: #211007 !important;
}

html body.gx-game-shell #content .gx-clone-shop-next,
html body.gx-game-shell #content .gx-clone-shop-balance {
  padding: 14px !important;
  border: 1px solid rgba(123, 70, 24, .38) !important;
  border-radius: 8px !important;
  background: rgba(255, 248, 232, .86) !important;
  color: #211007 !important;
}

html body.gx-game-shell #content .gx-clone-cardgrid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

html body.gx-game-shell #content .gx-clone-slot {
  min-height: 288px !important;
  padding: 10px !important;
  border: 1px solid rgba(150, 86, 23, .52) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #fff1d0, #e6c081) !important;
  box-shadow: 0 8px 16px rgba(84,43,12,.13) !important;
  display: grid !important;
  grid-template-rows: 132px minmax(0, 1fr) !important;
  overflow: hidden !important;
}

html body.gx-game-shell #content .gx-clone-slot-visual {
  position: relative !important;
  min-height: 132px !important;
  padding: 22px 8px 8px !important;
  border: 1px solid rgba(150, 86, 23, .28) !important;
  border-radius: 7px !important;
  background: linear-gradient(145deg, rgba(255, 251, 231, .72), rgba(229, 198, 139, .82)) !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
}

html body.gx-game-shell #content .gx-clone-slot-visual img {
  width: 108px !important;
  height: 92px !important;
  object-fit: contain !important;
}

html body.gx-game-shell #content .gx-clone-slot-state {
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  top: 7px !important;
  min-height: 20px !important;
  padding: 3px 6px !important;
  border-radius: 999px !important;
  background: rgba(67, 72, 47, .72) !important;
  color: #fff3cf !important;
  font-size: 9px !important;
  font-weight: 1000 !important;
  text-align: center !important;
  line-height: 1.05 !important;
}

html body.gx-game-shell #content .gx-clone-dragon-title,
html body.gx-game-shell #content .gx-clone-count {
  display: none !important;
}

html body.gx-game-shell #content .gx-clone-slot-footer {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) 44px !important;
  gap: 8px !important;
  min-height: 0 !important;
}

html body.gx-game-shell #content .gx-clone-slot-copy {
  display: grid !important;
  align-content: start !important;
  gap: 5px !important;
  padding-top: 8px !important;
  text-align: center !important;
  color: #211007 !important;
}

html body.gx-game-shell #content .gx-clone-slot-copy small,
html body.gx-game-shell #content .gx-clone-slot-copy b,
html body.gx-game-shell #content .gx-clone-slot-copy span {
  display: block !important;
  max-width: 100% !important;
  line-height: 1.05 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

html body.gx-game-shell #content .gx-clone-slot-copy small {
  min-height: 26px !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
}

html body.gx-game-shell #content .gx-clone-slot-copy b {
  font-size: 15px !important;
}

html body.gx-game-shell #content .gx-clone-slot-copy span:not(.gx-clone-slot-meter) {
  font-size: 11px !important;
  font-weight: 900 !important;
}

html body.gx-game-shell #content .gx-clone-slot-meter {
  height: 12px !important;
  border-radius: 999px !important;
  background: rgba(255, 247, 207, .86) !important;
  overflow: hidden !important;
}

html body.gx-game-shell #content .gx-clone-slot-meter u {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #f1a62a, #ffd25b) !important;
}

html body.gx-game-shell #content .gx-clone-slot form,
html body.gx-game-shell #content .gx-clone-slot button {
  width: 100% !important;
  min-width: 0 !important;
}

html body.gx-game-shell #content .gx-clone-slot button {
  min-height: 42px !important;
  padding: 8px 10px !important;
  border-radius: 7px !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

html body.gx-game-shell #content .gx-clone-shop-legend {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  padding: 10px 12px !important;
  border-radius: 7px !important;
  background: rgba(255, 248, 232, .84) !important;
  color: #211007 !important;
}

html body.gx-shell #content .gx-live-activity {
  display: grid !important;
  gap: 8px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body.gx-shell #content .gx-live-activity article {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 48px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(150, 86, 23, .28) !important;
  background: linear-gradient(90deg, rgba(255,245,220,.94), rgba(242,190,92,.54)) !important;
  color: #211007 !important;
}

html body.gx-shell #content .gx-live-activity article:not(.is-active) {
  display: none !important;
}

html body.gx-shell #content .gx-live-activity article > span {
  width: 34px !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body.gx-shell #content .gx-live-activity article > span img,
html body.gx-shell #content .gx-live-activity strong img {
  width: 26px !important;
  height: 26px !important;
  object-fit: contain !important;
}

html body.gx-shell #content .gx-deposit-panel,
html body.gx-shell #content .gx-payout-clone,
html body.gx-shell #content .gx-partner-clone,
html body.gx-shell #content .gx-offerwall-shell,
html body.gx-shell #content .gx-task-center,
html body.gx-shell #content .gx-support-shell,
html body.gx-shell #content .gx-bounty-dark {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 14px !important;
  padding: 14px !important;
  border: 1px solid rgba(150, 86, 23, .48) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(255, 246, 226, .96), rgba(238, 207, 154, .94)) !important;
  color: #211007 !important;
  box-shadow: 0 10px 22px rgba(84,43,12,.12) !important;
}

html body.gx-shell #content .gx-deposit-methods,
html body.gx-shell #content .gx-payment-types,
html body.gx-shell #content .gx-payout-methods,
html body.gx-shell #content .gx-offerwall-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

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

html body.gx-shell #content .gx-payment-type,
html body.gx-shell #content .gx-payout-method-card,
html body.gx-shell #content .gx-offerwall-tabs a {
  min-height: 70px !important;
  padding: 12px 16px !important;
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  border: 1px solid rgba(150, 86, 23, .48) !important;
  border-radius: 7px !important;
  background: linear-gradient(145deg, #fff8e8, #eecb91) !important;
  color: #211007 !important;
  font-weight: 1000 !important;
  text-decoration: none !important;
  box-shadow: 0 7px 14px rgba(84,43,12,.12) !important;
}

html body.gx-shell #content .gx-payment-type img,
html body.gx-shell #content .gx-payment-type svg,
html body.gx-shell #content .gx-payout-method-card img,
html body.gx-shell #content .gx-payout-method-card svg {
  width: 42px !important;
  height: 42px !important;
  max-width: 42px !important;
  max-height: 42px !important;
  object-fit: contain !important;
}

html body.gx-shell #content .gx-balance-convert-panel {
  display: grid !important;
  gap: 14px !important;
  padding: 16px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(150,86,23,.42) !important;
  background: linear-gradient(145deg, #fff8e8, #eecb91) !important;
}

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

html body.gx-shell #content .gx-balance-pair article {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 62px !important;
  padding: 10px !important;
  border-radius: 7px !important;
  background: rgba(255, 248, 232, .86) !important;
}

html body.gx-shell #content .gx-balance-pair article img {
  width: 26px !important;
  height: 26px !important;
  object-fit: contain !important;
}

html body.gx-shell #content .gx-balance-pair article span,
html body.gx-shell #content .gx-balance-pair article b,
html body.gx-shell #content .gx-balance-pair article small {
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.gx-shell #content .gx-balance-convert-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 170px !important;
  gap: 12px !important;
  align-items: end !important;
}

html body.gx-shell #content .gx-balance-convert-form label {
  display: grid !important;
  grid-template-columns: 150px minmax(0, 1fr) 42px !important;
  align-items: center !important;
  gap: 8px !important;
}

html body.gx-shell #content .gx-balance-convert-form input,
html body.gx-shell #content input,
html body.gx-shell #content select,
html body.gx-shell #content textarea {
  min-height: 40px !important;
  border: 1px solid rgba(150,86,23,.42) !important;
  border-radius: 6px !important;
  background: #fff8e8 !important;
  color: #211007 !important;
}

html body.gx-shell #content .gx-partner-clone {
  display: block !important;
}

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

html body.gx-shell #content .gx-ref-promo-card,
html body.gx-shell #content .gx-ref-stats,
html body.gx-shell #content .gx-ref-income,
html body.gx-shell #content .gx-ref-tier-strip,
html body.gx-shell #content .gx-ref-table-wrap {
  padding: 14px !important;
  border: 1px solid rgba(150,86,23,.44) !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg, #fff8e8, #eecb91) !important;
  color: #211007 !important;
}

html body.gx-shell #content .gx-ref-promo-card,
html body.gx-shell #content .gx-ref-stats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

html body.gx-shell #content .gx-ref-tier-strip {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body.gx-shell #content .gx-ref-tier-strip article {
  min-height: 128px !important;
  padding: 10px !important;
  border-radius: 7px !important;
  background: rgba(255, 248, 232, .86) !important;
  text-align: center !important;
}

html body.gx-shell #content .gx-ref-tier-strip img,
html body.gx-shell #content .gx-ref-income img {
  width: 68px !important;
  height: 68px !important;
  object-fit: contain !important;
}

html body.gx-shell #content .gx-offerwall-tabs {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  margin-bottom: 12px !important;
}

html body.gx-shell #content .gx-offerwall-tabs a {
  min-height: 44px !important;
  display: flex !important;
  justify-content: center !important;
  padding: 9px 10px !important;
  text-align: center !important;
}

html body.gx-shell #content .gx-offerwall-tabs a.is-active {
  background: linear-gradient(180deg, #43b94d, #1d7e2b) !important;
  color: #fff7d5 !important;
}

html body.gx-shell #content .gx-table-scroll {
  width: 100% !important;
  overflow-x: auto !important;
  padding: 10px !important;
  border: 1px solid rgba(150,86,23,.42) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(255,248,232,.92), rgba(238,207,154,.86)) !important;
}

@media (max-width: 980px) {
  html body.gx-shell #wrapper {
    grid-template-columns: 104px minmax(0, 1fr) !important;
  }

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

  html body.gx-game-shell #content .gx-clone-cardgrid,
  html body.gx-shell #content .gx-deposit-methods,
  html body.gx-shell #content .gx-payment-types,
  html body.gx-shell #content .gx-payout-methods {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.gx-game-shell #content .gx-clone-shop > header,
  html body.gx-shell #content .gx-ref-promo-card,
  html body.gx-shell #content .gx-ref-stats,
  html body.gx-shell #content .gx-balance-pair,
  html body.gx-shell #content .gx-balance-convert-form {
    grid-template-columns: 1fr !important;
  }

  html body.gx-game-shell #content .gx-game-balance-strip {
    left: 10px !important;
    right: 10px !important;
  }
}

/* Absolute last repair for the game action cards. */
html body.gx-game-shell #content .gx-strip-upgrade-card {
  display: block !important;
  grid-template-columns: none !important;
  min-height: 176px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card button {
  display: grid !important;
  grid-template-columns: 86px minmax(0, 1fr) 86px !important;
  grid-template-rows: minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 176px !important;
  padding: 14px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg, #fff5dc, #e8c486) !important;
  color: #211007 !important;
  text-align: left !important;
  overflow: hidden !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card button > small {
  position: absolute !important;
  left: 14px !important;
  top: 10px !important;
  min-width: 72px !important;
  padding: 5px 9px !important;
  border: 1px solid #9b5a1a !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, #ffd66f, #f2aa2d) !important;
  color: #211007 !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  text-align: center !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card button > img {
  grid-column: 1 !important;
  width: 82px !important;
  height: 82px !important;
  margin-top: 22px !important;
  object-fit: contain !important;
  justify-self: center !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card button > span {
  grid-column: 2 !important;
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  line-height: 1.08 !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card button > span b,
html body.gx-game-shell #content .gx-strip-upgrade-card button > span em,
html body.gx-game-shell #content .gx-strip-upgrade-card button > span i,
html body.gx-game-shell #content .gx-strip-upgrade-card button > span u {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: #211007 !important;
  text-decoration: none !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card button > span b {
  font-size: 15px !important;
  font-weight: 1000 !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card button > span i {
  font-size: 20px !important;
  font-weight: 1000 !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card button > span u {
  font-size: 11px !important;
  text-transform: uppercase !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card button > strong {
  grid-column: 3 !important;
  justify-self: stretch !important;
  align-self: center !important;
  min-height: 42px !important;
  padding: 9px 10px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffd66f, #f2aa2d) !important;
  color: #211007 !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  white-space: nowrap !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card button > strong img {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  object-fit: contain !important;
}

html body.gx-game-shell #content .gx-strip-progress-meter {
  grid-column: 1 / -1 !important;
  display: block !important;
  height: 9px !important;
  border-radius: 999px !important;
  background: rgba(255, 247, 207, .72) !important;
  overflow: hidden !important;
}

html body.gx-game-shell #content .gx-strip-progress-meter u {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #f2aa2d, #ffdd6a) !important;
}

/* Final cross-page A-theme correction pass. */
html body.gx-shell .gx-dragon-gold-pop {
  display: none !important;
}

html body.gx-shell img[src*="/images/brand/dravonx-vault-emblem"] {
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  object-fit: contain !important;
  vertical-align: middle !important;
}

html body.gx-shell .gx-target-resourcebar img[src*="/images/brand/dravonx-vault-emblem"],
html body.gx-shell .gx-game-balance-strip img[src*="/images/brand/dravonx-vault-emblem"],
html body.gx-shell .gx-clone-scene-collect img[src*="/images/brand/dravonx-vault-emblem"] {
  width: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
}

html body.gx-public .gx-home-dragon,
html body.gx-public .gx-home-hero img,
html body.gx-public .gx-home-tools img,
html body.gx-public .gx-home-starter img,
html body.gx-public .gx-home-values img,
html body.gx-public .gx-public-content article img {
  max-width: 100% !important;
  object-fit: contain !important;
}

html body.gx-public .gx-home-dragon {
  filter: drop-shadow(0 12px 12px rgba(30, 14, 5, .38)) !important;
}

html body.gx-shell .gx-deposit-method,
html body.gx-shell .gx-payment-type,
html body.gx-shell .gx-payout-method-card,
html body.gx-shell .gx-task-card,
html body.gx-shell .gx-reward-card,
html body.gx-shell .gx-news-card,
html body.gx-shell .gx-ticket-card,
html body.gx-shell .gx-promo-card,
html body.gx-shell .gx-settings-modern-form,
html body.gx-shell .gx-settings-payout-form {
  background:
    linear-gradient(145deg, rgba(255, 247, 228, .96) 0%, rgba(244, 224, 184, .96) 52%, rgba(232, 194, 128, .96) 100%) !important;
  border: 1px solid rgba(157, 94, 26, .52) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .7),
    0 10px 18px rgba(84, 43, 12, .12) !important;
  color: #201106 !important;
}

html body.gx-shell .gx-deposit-method img,
html body.gx-shell .gx-payment-type img,
html body.gx-shell .gx-payout-method-card img,
html body.gx-shell .gx-task-card img,
html body.gx-shell .gx-reward-card img,
html body.gx-shell .gx-news-card img,
html body.gx-shell .gx-ticket-card img,
html body.gx-shell .gx-promo-card img {
  max-width: 96px !important;
  max-height: 96px !important;
  object-fit: contain !important;
}

html body.gx-shell .gx-task-card,
html body.gx-shell .gx-reward-card {
  overflow: hidden !important;
}

html body.gx-shell .gx-task-card *,
html body.gx-shell .gx-reward-card *,
html body.gx-shell .gx-deposit-method *,
html body.gx-shell .gx-payout-method-card * {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

html body.gx-game-shell #content .gx-after-topup.gx-game-after-tabs {
  background:
    linear-gradient(180deg, rgba(255, 244, 220, .98), rgba(229, 190, 119, .98)) !important;
  border-color: rgba(123, 70, 23, .52) !important;
}

html body.gx-game-shell #content .gx-after-topup.gx-game-after-tabs a {
  background:
    linear-gradient(180deg, #fff5dc, #efd3a0 58%, #d8a456) !important;
  border-color: rgba(112, 67, 24, .38) !important;
  color: #211108 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.8),
    0 3px 0 rgba(112,67,24,.18) !important;
}

html body.gx-game-shell #content .gx-after-topup.gx-game-after-tabs span {
  background: linear-gradient(180deg, #ffd66f, #f0a52a) !important;
  color: #241206 !important;
}

html body.gx-shell #content .gx-page-title,
html body.gx-public #content .gx-page-title {
  color: #211007 !important;
  font-weight: 1000 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 1px 0 rgba(255, 244, 205, .85) !important;
}

html body.gx-shell #content .gx-task-summary article {
  min-width: 0 !important;
  padding: 12px 8px !important;
  overflow: hidden !important;
}

html body.gx-shell #content .gx-task-summary article b,
html body.gx-shell #content .gx-task-summary article span {
  display: block !important;
  max-width: 100% !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  text-align: center !important;
}

html body.gx-shell #content .gx-task-summary article span {
  font-size: 10px !important;
  line-height: 1.05 !important;
}

html body.gx-shell #content .gx-bounty-dark,
html body.gx-shell #content .gx-rewards-shell {
  max-width: 1180px !important;
  margin: 18px auto 30px !important;
  padding: 18px !important;
  border: 1px solid rgba(157, 94, 26, .56) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(255, 244, 219, .98), rgba(242, 214, 165, .98)) !important;
  box-shadow: 0 18px 40px rgba(65, 32, 10, .20) !important;
  color: #211007 !important;
}

html body.gx-shell #content .gx-bounty-dark *,
html body.gx-shell #content .gx-rewards-shell * {
  color: inherit !important;
  text-shadow: none !important;
}

html body.gx-shell #content .gx-bounty-hero,
html body.gx-shell #content .gx-bounty-form-card,
html body.gx-shell #content .gx-bounty-panel,
html body.gx-shell #content .gx-bounty-template,
html body.gx-shell #content .gx-bounty-feed-item,
html body.gx-shell #content .gx-bounty-leader {
  background:
    linear-gradient(145deg, rgba(255, 247, 228, .96), rgba(232, 194, 128, .96)) !important;
  border: 1px solid rgba(157, 94, 26, .52) !important;
  border-radius: 8px !important;
  color: #211007 !important;
}

html body.gx-shell #content .gx-bounty-send,
html body.gx-shell #content .gx-bounty-copy,
html body.gx-shell #content .gx-bounty-materials,
html body.gx-shell #content .gx-bounty-range,
html body.gx-shell #content .gx-bounty-form-card button,
html body.gx-shell #content .gx-bounty-form-card input[type="submit"] {
  background: linear-gradient(180deg, #fff0bd, #f6bd45 48%, #d78d22) !important;
  border: 1px solid #965516 !important;
  color: #211007 !important;
}

html body.gx-shell #content .gx-bounty-form-card input,
html body.gx-shell #content .gx-bounty-form-card select,
html body.gx-shell #content .gx-bounty-form-card textarea {
  background: rgba(255, 250, 235, .96) !important;
  border: 1px solid rgba(157, 94, 26, .44) !important;
  color: #211007 !important;
}

html body.gx-shell .gx-guest-modal[hidden],
html body.gx-game-shell .gx-guest-modal[hidden] {
  display: none !important;
}

html body.gx-shell .gx-guest-modal,
html body.gx-game-shell .gx-guest-modal {
  display: none !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 500 !important;
  place-items: center !important;
  padding: 22px !important;
  background: rgba(20, 9, 3, .62) !important;
}

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

html body.gx-shell .gx-guest-dialog,
html body.gx-game-shell .gx-guest-dialog {
  width: min(420px, 100%) !important;
  padding: 20px !important;
  border: 1px solid var(--dx-line) !important;
  border-radius: var(--dx-radius) !important;
  background: var(--dx-card) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.36) !important;
}

html body.gx-shell,
html body.gx-game-shell,
html body.gx-public {
  background:
    linear-gradient(180deg, rgba(33, 22, 13, .12), rgba(33, 22, 13, .74)),
    url("/images/backgrounds/dravonx-sunny-world-bg.webp") center top / cover fixed no-repeat !important;
  color: var(--dx-text) !important;
}

html body.gx-shell #wrapper,
html body.gx-game-shell #wrapper {
  display: grid !important;
  grid-template-columns: 126px minmax(0, 1fr) !important;
  width: min(1180px, calc(100vw - 24px)) !important;
  min-width: 0 !important;
  margin: 14px auto !important;
  border: 1px solid rgba(238, 184, 92, .68) !important;
  border-radius: 9px !important;
  background: rgba(255, 244, 216, .20) !important;
  box-shadow: 0 18px 44px rgba(16, 7, 3, .34) !important;
  overflow: hidden !important;
}

html body.gx-shell #header.gx-site-header,
html body.gx-game-shell #header.gx-site-header {
  position: relative !important;
  top: auto !important;
  width: 126px !important;
  min-width: 126px !important;
  max-width: 126px !important;
  height: auto !important;
  min-height: 100vh !important;
  border: 0 !important;
  border-right: 1px solid rgba(238, 184, 92, .46) !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, var(--dx-wood-1), var(--dx-wood-2) 72%, #130601) !important;
  box-shadow: inset -10px 0 18px rgba(0,0,0,.18) !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu-card,
html body.gx-game-shell #header.gx-site-header .gx-active-menu-card {
  display: grid !important;
  grid-template-rows: 76px 25px auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 6px 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.gx-shell #header.gx-site-header .gx-side-logo,
html body.gx-game-shell #header.gx-site-header .gx-side-logo,
html body.gx-shell #header.gx-site-header .gx-active-brand,
html body.gx-game-shell #header.gx-site-header .gx-active-brand {
  display: grid !important;
  place-items: center !important;
  min-height: 76px !important;
  border-bottom: 1px solid rgba(238, 184, 92, .28) !important;
}

html body.gx-shell #header.gx-site-header .gx-active-brand,
html body.gx-game-shell #header.gx-site-header .gx-active-brand,
html body.gx-shell #header.gx-site-header .gx-active-brand-standalone,
html body.gx-game-shell #header.gx-site-header .gx-active-brand-standalone {
  display: none !important;
}

html body.gx-shell #header.gx-site-header .gx-side-logo img,
html body.gx-game-shell #header.gx-site-header .gx-side-logo img,
html body.gx-shell #header.gx-site-header .gx-active-brand img,
html body.gx-game-shell #header.gx-site-header .gx-active-brand img,
html body.gx-shell #header.gx-site-header .gx-dravonx-logo,
html body.gx-game-shell #header.gx-site-header .gx-dravonx-logo {
  width: 94px !important;
  height: auto !important;
  max-height: 54px !important;
  object-fit: contain !important;
}

html body.gx-shell #header.gx-site-header .gx-side-menu-title,
html body.gx-game-shell #header.gx-site-header .gx-side-menu-title {
  display: flex !important;
  align-items: center !important;
  min-height: 25px !important;
  padding: 0 8px !important;
  color: #ffd66f !important;
  font-size: 10px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu,
html body.gx-game-shell #header.gx-site-header .gx-active-menu {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu a,
html body.gx-game-shell #header.gx-site-header .gx-active-menu a {
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 7px !important;
  width: 100% !important;
  height: 43px !important;
  min-height: 43px !important;
  max-height: 43px !important;
  margin: 0 !important;
  padding: 6px 7px !important;
  border: 1px solid rgba(238, 184, 92, .13) !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, rgba(62, 28, 9, .72), rgba(35, 13, 4, .82)) !important;
  color: #fff0bd !important;
  font-size: 10px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu a.is-active,
html body.gx-game-shell #header.gx-site-header .gx-active-menu a.is-active {
  border-color: rgba(102, 204, 82, .76) !important;
  background: linear-gradient(180deg, #1c6d23, #124b18) !important;
  color: #fff7d1 !important;
}

html body.gx-shell #header.gx-site-header .gx-active-menu img,
html body.gx-game-shell #header.gx-site-header .gx-active-menu img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
}

html body.gx-shell #content,
html body.gx-game-shell #content {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 100vh !important;
  padding: 16px 18px 28px !important;
  background:
    linear-gradient(180deg, rgba(255, 248, 235, .91), rgba(241, 218, 177, .88)),
    url("/images/backgrounds/dravonx-sunny-world-bg-1280.webp") center top / cover no-repeat !important;
  color: var(--dx-text) !important;
  overflow: visible !important;
}

html body.gx-shell #content > h1:first-child,
html body.gx-shell #content > .gx-page-title,
html body.gx-shell #content::before,
html body.gx-game-shell #content::before {
  display: none !important;
}

html body.gx-public #wrapper {
  background: transparent !important;
}

html body.gx-public .gx-public-shell-header {
  display: grid !important;
  place-items: center !important;
  padding: 10px 0 6px !important;
}

html body.gx-public .gx-public-topline,
html body.gx-public .gx-public-brand {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
}

html body.gx-public .gx-public-brand img.gx-dravonx-logo {
  width: min(220px, 58vw) !important;
  max-width: 220px !important;
  height: auto !important;
  max-height: 146px !important;
  object-fit: contain !important;
}

html body.gx-public-home .gx-home-game-card {
  position: relative !important;
  display: block !important;
  aspect-ratio: 16 / 9 !important;
  min-height: 240px !important;
  overflow: hidden !important;
}

html body.gx-public img,
html body.gx-shell #content img,
html body.gx-game-shell #content img {
  max-width: 100% !important;
  height: auto !important;
}

html body.gx-public-home .gx-home-game-bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  max-width: none !important;
}

html body.gx-public-home .gx-home-gold-total,
html body.gx-public-home .gx-home-dragon,
html body.gx-public-home .gx-home-float {
  position: absolute !important;
  z-index: 2 !important;
}

html body.gx-public-home .gx-home-gold-total {
  left: 50% !important;
  top: 7% !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 190px !important;
  min-height: 48px !important;
  padding: 8px 18px !important;
  border: 1px solid rgba(190, 132, 49, .72) !important;
  border-radius: 9px !important;
  background: linear-gradient(180deg, #ffd26a, #f5a928) !important;
  color: #20140a !important;
  font-weight: 1000 !important;
  transform: translateX(-50%) !important;
}

html body.gx-public-home .gx-home-gold-total img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
}

html body.gx-public-home .gx-home-dragon {
  width: 18% !important;
  max-width: 96px !important;
  min-width: 54px !important;
  height: auto !important;
  filter: drop-shadow(0 12px 11px rgba(0,0,0,.42)) !important;
}

html body.gx-public-home .gx-home-dragon.is-one { left: 7% !important; bottom: 12% !important; }
html body.gx-public-home .gx-home-dragon.is-two { left: 30% !important; bottom: 18% !important; }
html body.gx-public-home .gx-home-dragon.is-three { right: 28% !important; bottom: 17% !important; }
html body.gx-public-home .gx-home-dragon.is-four { right: 7% !important; bottom: 13% !important; }

html body.gx-public-home .gx-home-float {
  color: #fff4bd !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow: 0 2px 4px rgba(0,0,0,.78) !important;
}

html body.gx-public-home .gx-home-float.is-a { left: 23% !important; top: 46% !important; }
html body.gx-public-home .gx-home-float.is-b { right: 20% !important; top: 40% !important; }
html body.gx-public-home .gx-home-float.is-c { right: 6% !important; top: 50% !important; }

html body.gx-public #content {
  width: min(1040px, calc(100vw - 24px)) !important;
  margin: 0 auto !important;
  color: var(--dx-text) !important;
}

html body.gx-public-home .gx-home-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
  margin: 10px 0 18px !important;
  padding: 14px !important;
}

html body.gx-public-home .gx-home-copy,
html body.gx-public-home .gx-home-login {
  min-width: 0 !important;
}

html body.gx-public-home .gx-home-login {
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
  padding: 14px !important;
  overflow: hidden !important;
}

html body.gx-public-home .gx-home-wordmark,
html body.gx-public-home .gx-home-login > img {
  display: block !important;
  width: min(240px, 100%) !important;
  max-width: 240px !important;
  height: auto !important;
  max-height: 160px !important;
  margin: 0 auto 4px !important;
  object-fit: contain !important;
}

html body.gx-public-home .gx-auth-tabs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

html body.gx-public-home .gx-auth-form {
  display: none !important;
  gap: 8px !important;
}

html body.gx-public-home .gx-auth-form.is-active {
  display: grid !important;
}

html body.gx-public-home .gx-auth-form input,
html body.gx-public-home .gx-auth-form button,
html body.gx-public-home .gx-home-login-guest button {
  width: 100% !important;
  min-width: 0 !important;
}

html body.gx-public-home .gx-home-quick {
  display: grid !important;
  gap: 10px !important;
  margin-top: 10px !important;
}

html body.gx-public-home .gx-home-stats,
html body.gx-public-home .gx-starter-kit > div,
html body.gx-public-home .gx-home-income-cards,
html body.gx-public-home .gx-home-system-cards,
html body.gx-public-home .gx-home-explain,
html body.gx-public .gx-public-copy-visuals {
  display: grid !important;
  gap: 10px !important;
}

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

html body.gx-public-home .gx-starter-kit > div {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

html body.gx-public-home .gx-home-income-cards {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

html body.gx-public-home .gx-home-system-cards,
html body.gx-public-home .gx-home-explain,
html body.gx-public .gx-public-copy-visuals {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.gx-public-home .gx-starter-kit article,
html body.gx-public-home .gx-home-income-cards article,
html body.gx-public-home .gx-home-system-cards article,
html body.gx-public .gx-public-copy-visuals article {
  min-width: 0 !important;
  overflow: hidden !important;
}

html body.gx-public-home .gx-starter-kit article img {
  width: 46px !important;
  height: 46px !important;
  object-fit: contain !important;
}

html body.gx-public-home .gx-home-income-cards article img {
  width: 100% !important;
  max-width: 122px !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  margin: 6px auto !important;
  object-fit: contain !important;
}

html body.gx-public-home .gx-home-system-cards article img,
html body.gx-public .gx-public-copy-visuals article img {
  width: 78px !important;
  height: 78px !important;
  object-fit: contain !important;
}

html body.gx-game-shell #content .gx-target-resourcebar img,
html body.gx-game-shell #content .gx-target-activity img,
html body.gx-game-shell #content .gx-game-balance-strip img,
html body.gx-game-shell #content .gx-clone-slot button img,
html body.gx-game-shell #content .gx-clone-shop-balance img,
html body.gx-game-shell #content .gx-strip-upgrade-card strong img,
html body.gx-shell #content .gx-ref-income img {
  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  object-fit: contain !important;
}

html body.gx-shell #content .gx-ref-card-icon {
  width: 54px !important;
  height: 54px !important;
  max-width: 54px !important;
  max-height: 54px !important;
  margin-left: 8px !important;
  vertical-align: middle !important;
  object-fit: contain !important;
}

html body.gx-public-home .gx-home-live-block,
html body.gx-public .gx-home-hero,
html body.gx-public .gx-home-login,
html body.gx-public .gx-home-income-cards article,
html body.gx-public .gx-home-system-cards article,
html body.gx-public .gx-starter-kit article,
html body.gx-public .gx-inline-info article,
html body.gx-public .gx-seo-landing article,
html body.gx-public .gx-seo-landing section,
html body.gx-public .gx-news-public article,
html body.gx-shell #content .gx-task-hero,
html body.gx-shell #content .gx-task-group,
html body.gx-shell #content .gx-task-card,
html body.gx-shell #content .gx-offerwall-shell,
html body.gx-shell #content .gx-offerwall-card,
html body.gx-shell #content .gx-offerwall-task,
html body.gx-shell #content .gx-bounty-dark,
html body.gx-shell #content .gx-bounty-hero,
html body.gx-shell #content .gx-bounty-form-card,
html body.gx-shell #content .gx-bounty-panel,
html body.gx-shell #content .gx-bounty-template,
html body.gx-shell #content .gx-deposit-page-hero,
html body.gx-shell #content .gx-payment-type,
html body.gx-shell #content .gx-deposit-method,
html body.gx-shell #content .gx-payout-page-hero,
html body.gx-shell #content .gx-payout-method-card,
html body.gx-shell #content .gx-payout-route,
html body.gx-shell #content .gx-ref-hero,
html body.gx-shell #content .gx-ref-stat,
html body.gx-shell #content .gx-partner-card,
html body.gx-shell #content .gx-settings-page,
html body.gx-shell #content .gx-settings-card,
html body.gx-shell #content .gx-support-shell,
html body.gx-shell #content .gx-support-card,
html body.gx-shell #content .gx-news-user,
html body.gx-shell #content .gx-news-card,
html body.gx-game-shell #content .gx-game-after-tabs,
html body.gx-game-shell #content .gx-clone-board,
html body.gx-game-shell #content .gx-clone-command,
html body.gx-game-shell #content .gx-clone-command-panel,
html body.gx-game-shell #content .gx-target-actions,
html body.gx-game-shell #content .gx-target-activity,
html body.gx-game-shell #content .gx-clone-shop,
html body.gx-game-shell #content .gx-clone-shop > header,
html body.gx-game-shell #content .gx-clone-shop-next,
html body.gx-game-shell #content .gx-clone-shop-balance,
html body.gx-game-shell #content .gx-clone-slot,
html body.gx-game-shell #content .gx-strip-upgrade-card,
html body.gx-game-shell #content .gx-game-inline-stats article,
html body.gx-game-shell #content .gx-game-balance-strip article {
  border: 1px solid var(--dx-line) !important;
  border-radius: var(--dx-radius) !important;
  background: var(--dx-card) !important;
  color: var(--dx-text) !important;
  box-shadow: var(--dx-shadow) !important;
  text-shadow: none !important;
}

html body.gx-public .gx-home-income-cards article,
html body.gx-public .gx-home-system-cards article,
html body.gx-public .gx-starter-kit article,
html body.gx-public .gx-inline-info article,
html body.gx-public .gx-seo-landing article,
html body.gx-public .gx-seo-landing section,
html body.gx-public .gx-news-public article,
html body.gx-shell #content .gx-task-card,
html body.gx-shell #content .gx-offerwall-task,
html body.gx-shell #content .gx-bounty-panel,
html body.gx-shell #content .gx-bounty-template,
html body.gx-shell #content .gx-payment-type,
html body.gx-shell #content .gx-deposit-method,
html body.gx-shell #content .gx-payout-method-card,
html body.gx-shell #content .gx-ref-stat,
html body.gx-shell #content .gx-partner-card,
html body.gx-shell #content .gx-settings-card,
html body.gx-shell #content .gx-support-card,
html body.gx-shell #content .gx-news-card,
html body.gx-game-shell #content .gx-clone-slot,
html body.gx-game-shell #content .gx-strip-upgrade-card,
html body.gx-game-shell #content .gx-game-inline-stats article,
html body.gx-game-shell #content .gx-game-balance-strip article {
  border-color: rgba(169, 104, 33, .72) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.50), transparent 35%),
    linear-gradient(180deg, #fff8eb 0%, #f3e0c1 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -1px 0 rgba(137, 78, 24, .16),
    0 3px 8px rgba(74, 43, 17, .16) !important;
}

html body.gx-public .gx-home-income-cards article *,
html body.gx-public .gx-home-system-cards article *,
html body.gx-public .gx-starter-kit article *,
html body.gx-public .gx-inline-info article *,
html body.gx-public .gx-seo-landing article *,
html body.gx-public .gx-seo-landing section *,
html body.gx-shell #content .gx-task-hero *,
html body.gx-shell #content .gx-task-group *,
html body.gx-shell #content .gx-task-card *,
html body.gx-shell #content .gx-offerwall-shell *,
html body.gx-shell #content .gx-offerwall-card *,
html body.gx-shell #content .gx-offerwall-task *,
html body.gx-shell #content .gx-bounty-dark *,
html body.gx-shell #content .gx-bounty-hero *,
html body.gx-shell #content .gx-bounty-form-card *,
html body.gx-shell #content .gx-bounty-panel *,
html body.gx-shell #content .gx-bounty-template *,
html body.gx-shell #content .gx-deposit-page *,
html body.gx-shell #content .gx-payout-page *,
html body.gx-shell #content .gx-ref-shell *,
html body.gx-shell #content .gx-settings-page *,
html body.gx-shell #content .gx-support-shell *,
html body.gx-shell #content .gx-news-user *,
html body.gx-game-shell #content .gx-game-after-tabs *,
html body.gx-game-shell #content .gx-clone-board *,
html body.gx-game-shell #content .gx-clone-shop *,
html body.gx-game-shell #content .gx-clone-slot *,
html body.gx-game-shell #content .gx-strip-upgrade-card *,
html body.gx-game-shell #content .gx-game-inline-stats article *,
html body.gx-game-shell #content .gx-game-balance-strip article * {
  color: var(--dx-text) !important;
  text-shadow: none !important;
}

html body.gx-public p,
html body.gx-shell #content p,
html body.gx-shell #content small,
html body.gx-shell #content span,
html body.gx-game-shell #content small,
html body.gx-game-shell #content .gx-clone-slot-copy span,
html body.gx-game-shell #content .gx-clone-slot-copy small {
  color: var(--dx-muted) !important;
}

html body.gx-public h1,
html body.gx-public h2,
html body.gx-public h3,
html body.gx-shell #content h1,
html body.gx-shell #content h2,
html body.gx-shell #content h3,
html body.gx-game-shell #content h1,
html body.gx-game-shell #content h2,
html body.gx-game-shell #content h3 {
  color: var(--dx-text) !important;
  text-shadow: none !important;
  letter-spacing: 0 !important;
}

html body.gx-shell #content > h1:not(.gx-visually-hidden),
html body.gx-shell #content .gx-user-page-title,
html body.gx-shell #content .gx-page-heading {
  display: block !important;
  width: 100% !important;
  margin: 0 0 12px !important;
  padding: 12px 14px !important;
  border: 1px solid #bd842e !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, var(--dx-gold-2), var(--dx-gold)) !important;
  color: #20140a !important;
  font-size: 28px !important;
  font-weight: 1000 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

html body.gx-game-shell #content .gx-game-after-tabs {
  position: static !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: min(840px, 100%) !important;
  min-height: 58px !important;
  margin: 0 auto 10px !important;
  padding: 8px !important;
  overflow: hidden !important;
}

html body.gx-game-shell #content .gx-game-step {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  min-height: 40px !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fff8ea, #f1dfbd) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 2px 0 rgba(122, 76, 29, .18) !important;
}

html body.gx-game-shell #content .gx-game-step b {
  display: grid !important;
  place-items: center !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, var(--dx-gold-2), var(--dx-gold)) !important;
  color: #21160d !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
}

html body.gx-game-shell #content .gx-game-step span {
  color: var(--dx-text) !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  line-height: 1.05 !important;
  white-space: normal !important;
}

html body.gx-game-shell #content .gx-clone-board,
html body.gx-game-shell #content .gx-clone-shop {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 10px !important;
  overflow: hidden !important;
}

html body.gx-game-shell #content .gx-clone-playfield {
  position: relative !important;
  min-height: 330px !important;
  border: 1px solid rgba(61, 34, 15, .46) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

html body.gx-game-shell #content .gx-clone-scene {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
}

html body.gx-game-shell #content .gx-clone-scene-cart {
  position: absolute !important;
  left: 50% !important;
  bottom: 11% !important;
  z-index: 7 !important;
  width: min(17vw, 142px) !important;
  max-width: 142px !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 12px 12px rgba(0,0,0,.36)) !important;
  transform: translateX(-50%) !important;
}

html body.gx-game-shell #content .gx-live-dragon {
  position: absolute !important;
  z-index: 8 !important;
  width: 82px !important;
  height: 104px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.gx-game-shell #content .gx-live-dragon button {
  display: grid !important;
  place-items: center !important;
  width: 82px !important;
  height: 104px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.gx-game-shell #content .gx-live-dragon img {
  width: 82px !important;
  height: 82px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 9px 10px rgba(0,0,0,.42)) !important;
}

html body.gx-game-shell #content .gx-live-dragon-level,
html body.gx-game-shell #content .gx-live-dragon-name {
  display: none !important;
}

html body.gx-game-shell #content .gx-live-dragon-count {
  position: absolute !important;
  right: 6px !important;
  bottom: 5px !important;
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  background: rgba(34, 38, 26, .74) !important;
  color: #fff8dd !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
}

html body.gx-game-shell #content .gx-live-dragon-1 { left: 5% !important; top: 48% !important; }
html body.gx-game-shell #content .gx-live-dragon-2 { left: 14% !important; top: 35% !important; }
html body.gx-game-shell #content .gx-live-dragon-3 { left: 25% !important; top: 55% !important; }
html body.gx-game-shell #content .gx-live-dragon-4 { left: 36% !important; top: 22% !important; }
html body.gx-game-shell #content .gx-live-dragon-5 { left: 53% !important; top: 54% !important; }
html body.gx-game-shell #content .gx-live-dragon-6 { left: 68% !important; top: 35% !important; }
html body.gx-game-shell #content .gx-live-dragon-7 { left: 80% !important; top: 47% !important; }
html body.gx-game-shell #content .gx-live-dragon-8 { left: 19% !important; top: 18% !important; }
html body.gx-game-shell #content .gx-live-dragon-9 { left: 44% !important; top: 44% !important; }
html body.gx-game-shell #content .gx-live-dragon-10 { left: 72% !important; top: 18% !important; }

html body.gx-game-shell #content .gx-game-balance-strip {
  top: 24px !important;
  left: 30% !important;
  right: 30% !important;
  gap: 8px !important;
}

html body.gx-game-shell #content .gx-game-balance-strip article {
  min-height: 58px !important;
  padding: 8px 12px !important;
  text-align: center !important;
}

html body.gx-game-shell #content .gx-clone-summary {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 10px 0 !important;
}

html body.gx-game-shell #content .gx-game-inline-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 0 10px !important;
}

html body.gx-game-shell #content .gx-game-inline-stats span {
  display: grid !important;
  place-items: center !important;
  min-height: 64px !important;
  padding: 10px !important;
  border: 1px solid var(--dx-line) !important;
  border-radius: var(--dx-radius) !important;
  background: var(--dx-card) !important;
  color: var(--dx-text) !important;
  text-align: center !important;
  box-shadow: var(--dx-shadow) !important;
}

html body.gx-game-shell #content .gx-game-inline-stats article {
  min-height: 64px !important;
  padding: 10px !important;
  text-align: center !important;
}

html body.gx-game-shell #content .gx-clone-command {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(220px, .7fr) !important;
  gap: 10px !important;
  align-items: stretch !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card {
  display: grid !important;
  grid-template-columns: 86px minmax(0, 1fr) 96px !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 124px !important;
  padding: 12px !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card img {
  width: 74px !important;
  height: 74px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 8px 10px rgba(59, 42, 20, .22)) !important;
}

html body.gx-game-shell #content .gx-target-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: center !important;
  min-height: 124px !important;
  padding: 12px !important;
}

html body.gx-game-shell #content .gx-target-activity {
  margin-top: 10px !important;
  padding: 10px !important;
}

html body.gx-game-shell #content .gx-clone-shop > header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(170px, .32fr) minmax(170px, .32fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
  margin: 0 0 18px !important;
  padding: 12px !important;
}

html body.gx-game-shell #content .gx-clone-shop > header h1 {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 44px !important;
  margin: 0 0 8px !important;
  padding: 6px 20px !important;
  border: 1px solid #bd842e !important;
  border-radius: 7px !important;
  background: linear-gradient(180deg, var(--dx-gold-2), var(--dx-gold)) !important;
  color: #20140a !important;
  font-size: 24px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

html body.gx-game-shell #content .gx-clone-cardgrid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

html body.gx-game-shell #content .gx-clone-slot {
  display: grid !important;
  grid-template-rows: 136px minmax(112px, auto) 50px !important;
  gap: 10px !important;
  min-width: 0 !important;
  min-height: 320px !important;
  padding: 10px !important;
  overflow: hidden !important;
}

html body.gx-game-shell #content .gx-clone-slot-visual {
  display: grid !important;
  place-items: center !important;
  min-height: 136px !important;
  border: 1px solid rgba(190, 132, 49, .34) !important;
  border-radius: 8px !important;
  background: radial-gradient(circle at 50% 36%, rgba(255, 224, 138, .42), transparent 58%), linear-gradient(180deg, rgba(255, 248, 231, .84), rgba(230, 199, 148, .34)) !important;
}

html body.gx-game-shell #content .gx-clone-slot-visual img {
  max-width: 128px !important;
  max-height: 118px !important;
  object-fit: contain !important;
}

html body.gx-game-shell #content .gx-clone-slot-state {
  top: 12px !important;
  left: 12px !important;
  right: 12px !important;
  min-height: 24px !important;
  border-radius: 999px !important;
  background: rgba(48, 55, 38, .70) !important;
  color: #fff7d0 !important;
  font-size: 10px !important;
  font-weight: 1000 !important;
  line-height: 24px !important;
  text-align: center !important;
}

html body.gx-game-shell #content .gx-clone-slot-copy {
  display: grid !important;
  align-content: start !important;
  gap: 6px !important;
  min-width: 0 !important;
  padding: 6px 4px 0 !important;
  text-align: center !important;
}

html body.gx-game-shell #content .gx-clone-slot-copy b {
  display: block !important;
  min-height: 32px !important;
  color: var(--dx-text) !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
  line-height: 1.12 !important;
  overflow-wrap: anywhere !important;
}

html body.gx-game-shell #content .gx-clone-slot-copy span {
  color: var(--dx-text) !important;
  font-size: 15px !important;
  font-weight: 1000 !important;
  line-height: 1.05 !important;
}

html body.gx-game-shell #content .gx-clone-slot-copy small {
  color: var(--dx-muted) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

html body.gx-game-shell #content .gx-clone-slot-meter {
  height: 14px !important;
  border-radius: 999px !important;
  background: rgba(255, 241, 199, .86) !important;
}

html body.gx-game-shell #content .gx-clone-slot-meter u {
  border-radius: inherit !important;
  background: linear-gradient(90deg, #f3a51e, #ffd66f) !important;
}

html body.gx-game-shell #content .gx-clone-slot button,
html body.gx-game-shell #content .gx-strip-upgrade-card button,
html body.gx-game-shell #content .gx-target-actions button,
html body.gx-shell #content .gx-task-card a,
html body.gx-shell #content .gx-task-card button,
html body.gx-shell #content .gx-offerwall-card a,
html body.gx-shell #content .gx-offerwall-task a,
html body.gx-shell #content .gx-bounty-send,
html body.gx-shell #content .gx-bounty-copy,
html body.gx-shell #content .gx-bounty-share,
html body.gx-shell #content .gx-bounty-view,
html body.gx-public .gx-home-btn,
html body.gx-public .gx-home-login button,
html body.gx-public .gx-seo-landing a {
  min-height: 42px !important;
  border: 1px solid #bd842e !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, var(--dx-gold-2), var(--dx-gold)) !important;
  color: #20140a !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 3px 0 rgba(91, 58, 25, .20) !important;
}

html body.gx-shell #content .gx-task-center,
html body.gx-shell #content .gx-bounty-dark,
html body.gx-shell #content .gx-offerwall-shell {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

html body.gx-shell #content .gx-deposit-method-grid,
html body.gx-shell #content .gx-payout-method-grid,
html body.gx-shell #content .gx-payment-grid,
html body.gx-shell #content .gx-settings-grid,
html body.gx-shell #content .gx-settings-wallet-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body.gx-shell #content .gx-payment-type,
html body.gx-shell #content .gx-payout-method-card,
html body.gx-shell #content .gx-settings-wallet-row,
html body.gx-shell #content .gx-settings-card form {
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 74px !important;
  padding: 10px 12px !important;
  overflow: hidden !important;
}

html body.gx-shell #content .gx-payment-type img,
html body.gx-shell #content .gx-payment-type svg,
html body.gx-shell #content .gx-payout-method-icon,
html body.gx-shell #content .gx-payout-method-icon img,
html body.gx-shell #content .gx-settings-row-icon,
html body.gx-shell #content .gx-settings-row-icon img {
  width: 48px !important;
  height: 48px !important;
  max-width: 48px !important;
  max-height: 48px !important;
  object-fit: contain !important;
  overflow: hidden !important;
}

html body.gx-shell #content .gx-payment-type > *,
html body.gx-shell #content .gx-payout-method-card > *,
html body.gx-shell #content .gx-settings-wallet-row > *,
html body.gx-shell #content .gx-settings-card form > * {
  min-width: 0 !important;
}

html body.gx-shell #content .gx-offerwall-frame {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

html body.gx-shell #content .gx-offerwall-shell iframe,
html body.gx-shell #content .gx-offerwall-frame iframe {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  border: 0 !important;
}

@media (max-width: 760px) {
  html body.gx-shell #content .gx-offerwall-frame {
    transform: translateZ(0) !important;
  }

  html body.gx-shell #content .gx-offerwall-shell iframe,
  html body.gx-shell #content .gx-offerwall-frame iframe:not([width="100%"]) {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    transform: none !important;
  }
}

html body.gx-shell #content .gx-ref-shell img,
html body.gx-shell #content .gx-ref-card img,
html body.gx-shell #content .gx-ref-card-icon {
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

html body.gx-shell #content .gx-ref-shell table,
html body.gx-shell #content .gx-history-table {
  table-layout: fixed !important;
}

html body.gx-shell #content .gx-task-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(340px, .42fr) !important;
  gap: 14px !important;
  align-items: center !important;
  margin: 0 0 12px !important;
  padding: 14px !important;
  overflow: hidden !important;
}

html body.gx-shell #content .gx-task-hero h1 {
  font-size: 30px !important;
  line-height: 1 !important;
}

html body.gx-shell #content .gx-task-summary {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body.gx-shell #content .gx-task-summary article {
  min-height: 66px !important;
  padding: 8px !important;
  border: 1px solid var(--dx-line) !important;
  border-radius: 7px !important;
  background: rgba(255, 245, 222, .80) !important;
  text-align: center !important;
}

html body.gx-shell #content .gx-task-tabs,
html body.gx-shell #content .gx-offerwall-tabs {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(136px, 1fr)) !important;
  gap: 8px !important;
  margin: 0 0 12px !important;
  padding: 8px !important;
  border: 1px solid var(--dx-line) !important;
  border-radius: 8px !important;
  background: rgba(255, 242, 212, .82) !important;
}

html body.gx-shell #content .gx-task-tabs a,
html body.gx-shell #content .gx-offerwall-tabs a {
  display: grid !important;
  place-items: center !important;
  min-height: 42px !important;
  padding: 8px !important;
  border: 1px solid #bd842e !important;
  border-radius: 7px !important;
  background: linear-gradient(180deg, var(--dx-gold-2), var(--dx-gold)) !important;
  color: #20140a !important;
  font-weight: 1000 !important;
  text-align: center !important;
  text-decoration: none !important;
}

html body.gx-shell #content .gx-task-tabs a.is-active,
html body.gx-shell #content .gx-offerwall-tabs a.is-active {
  border-color: #3c8734 !important;
  background: linear-gradient(180deg, #65ca58, var(--dx-green)) !important;
  color: #fffbe0 !important;
}

html body.gx-shell #content .gx-task-group {
  margin: 0 0 14px !important;
  padding: 14px !important;
  overflow: hidden !important;
}

html body.gx-shell #content .gx-task-group > header {
  margin: 0 0 12px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid rgba(190, 132, 49, .28) !important;
  text-align: center !important;
}

html body.gx-shell #content .gx-task-group h2 {
  color: var(--dx-text) !important;
  font-size: 22px !important;
}

html body.gx-shell #content .gx-task-grid,
html body.gx-shell #content .gx-offerwall-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
  gap: 10px !important;
}

html body.gx-shell #content .gx-task-card {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) 82px !important;
  grid-template-areas: "icon copy reward" "action action action" !important;
  gap: 10px !important;
  align-items: center !important;
  min-height: 132px !important;
  padding: 10px !important;
  overflow: hidden !important;
}

html body.gx-shell #content .gx-task-card > img {
  grid-area: icon !important;
  width: 54px !important;
  height: 54px !important;
  object-fit: contain !important;
}

html body.gx-shell #content .gx-task-copy {
  grid-area: copy !important;
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
}

html body.gx-shell #content .gx-task-copy b {
  color: var(--dx-text) !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  overflow-wrap: anywhere !important;
}

html body.gx-shell #content .gx-task-card > strong {
  grid-area: reward !important;
  min-width: 0 !important;
  padding: 8px 6px !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(151, 203, 255, .92), rgba(112, 174, 236, .84)) !important;
  color: var(--dx-text) !important;
  font-size: 12px !important;
  text-align: center !important;
}

html body.gx-shell #content .gx-task-card > a,
html body.gx-shell #content .gx-task-card > form,
html body.gx-shell #content .gx-task-card > em {
  grid-area: action !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body.gx-shell #content .gx-bounty-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 300px !important;
  gap: 16px !important;
  align-items: start !important;
}

html body.gx-shell #content .gx-bounty-hero {
  min-height: 180px !important;
  padding: 18px !important;
  margin: 0 0 14px !important;
}

html body.gx-shell #content .gx-bounty-form-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 12px !important;
}

html body.gx-shell input,
html body.gx-shell select,
html body.gx-shell textarea,
html body.gx-public input,
html body.gx-public select,
html body.gx-public textarea {
  border: 1px solid rgba(190, 132, 49, .44) !important;
  border-radius: 8px !important;
  background: rgba(255, 251, 239, .94) !important;
  color: var(--dx-text) !important;
  box-shadow: inset 0 2px 5px rgba(70, 45, 20, .08) !important;
}

html body.gx-shell table.gx-history-table,
html body.gx-shell table.table {
  width: 100% !important;
  border: 1px solid var(--dx-line) !important;
  border-radius: 8px !important;
  background: var(--dx-card) !important;
  color: var(--dx-text) !important;
  overflow: hidden !important;
}

html body.gx-shell table.gx-history-table th,
html body.gx-shell table.table th {
  background: linear-gradient(180deg, var(--dx-gold-2), var(--dx-gold)) !important;
  color: #20140a !important;
}

html body.gx-shell table.gx-history-table td,
html body.gx-shell table.table td {
  color: var(--dx-text) !important;
  border-color: rgba(190, 132, 49, .24) !important;
}

@media (max-width: 980px) {
  html body.gx-game-shell #content .gx-clone-cardgrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.gx-game-shell #content .gx-clone-command,
  html body.gx-game-shell #content .gx-clone-shop > header,
  html body.gx-shell #content .gx-bounty-layout,
  html body.gx-shell #content .gx-task-hero {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  html body.gx-public #content {
    width: calc(100vw - 12px) !important;
  }

  html body.gx-public-home .gx-home-hero,
  html body.gx-public-home .gx-starter-kit > div,
  html body.gx-public-home .gx-home-income-cards,
  html body.gx-public-home .gx-home-system-cards,
  html body.gx-public-home .gx-home-explain,
  html body.gx-public .gx-public-copy-visuals {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  html body.gx-public-home .gx-home-game-card {
    min-height: 190px !important;
  }

  html body.gx-public-home .gx-home-login,
  html body.gx-public-home .gx-home-copy,
  html body.gx-public-home .gx-home-quick {
    width: 100% !important;
    min-width: 0 !important;
  }

  html body.gx-public-home .gx-home-wordmark,
  html body.gx-public-home .gx-home-login > img {
    width: min(210px, 82vw) !important;
    max-width: 210px !important;
    max-height: 136px !important;
  }

  html body.gx-public-home .gx-home-stats,
  html body.gx-public-home .gx-starter-kit > div {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.gx-shell #wrapper,
  html body.gx-game-shell #wrapper {
    grid-template-columns: 1fr !important;
    width: calc(100vw - 10px) !important;
    margin: 5px auto !important;
  }

  html body.gx-shell #header.gx-site-header,
  html body.gx-game-shell #header.gx-site-header {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(238, 184, 92, .46) !important;
  }

  html body.gx-shell #header.gx-site-header .gx-active-menu-card,
  html body.gx-game-shell #header.gx-site-header .gx-active-menu-card {
    grid-template-rows: 62px auto !important;
    padding: 0 6px 6px !important;
  }

  html body.gx-shell #header.gx-site-header .gx-side-menu-title,
  html body.gx-game-shell #header.gx-site-header .gx-side-menu-title {
    display: none !important;
  }

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

  html body.gx-shell #content,
  html body.gx-game-shell #content {
    grid-column: 1 !important;
    min-height: 0 !important;
    padding: 10px !important;
  }

  html body.gx-game-shell #content .gx-game-after-tabs,
  html body.gx-game-shell #content .gx-clone-summary,
  html body.gx-game-shell #content .gx-game-inline-stats,
  html body.gx-shell #content .gx-task-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.gx-game-shell #content .gx-clone-cardgrid,
  html body.gx-shell #content .gx-task-grid,
  html body.gx-shell #content .gx-offerwall-grid,
  html body.gx-shell #content .gx-bounty-form-grid,
  html body.gx-shell #content .gx-deposit-method-grid,
  html body.gx-shell #content .gx-payout-method-grid,
  html body.gx-shell #content .gx-payment-grid,
  html body.gx-shell #content .gx-settings-grid,
  html body.gx-shell #content .gx-settings-wallet-grid {
    grid-template-columns: 1fr !important;
  }

  html body.gx-shell #content .gx-payment-type,
  html body.gx-shell #content .gx-payout-method-card,
  html body.gx-shell #content .gx-settings-wallet-row,
  html body.gx-shell #content .gx-settings-card form {
    grid-template-columns: 48px minmax(0, 1fr) !important;
  }

  html body.gx-game-shell #content .gx-strip-upgrade-card,
  html body.gx-shell #content .gx-task-card {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    grid-template-areas: "icon copy" "reward reward" "action action" !important;
  }

  html body.gx-game-shell #content .gx-clone-scene-cart {
    width: 78px !important;
    max-width: 78px !important;
  }

  html body.gx-game-shell #content .gx-clone-slot {
    min-height: 300px !important;
  }
}

html body.gx-game-shell #content .gx-game-after-tabs > b {
  display: none !important;
}

html body.gx-game-shell #content .gx-game-after-tabs > a {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  min-height: 40px !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fff8ea, #f1dfbd) !important;
  color: var(--dx-text) !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  line-height: 1.05 !important;
  text-decoration: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 2px 0 rgba(72, 102, 91, .16) !important;
}

html body.gx-game-shell #content .gx-game-after-tabs > a span {
  display: grid !important;
  place-items: center !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, var(--dx-gold-2), var(--dx-gold)) !important;
  color: #21160d !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
}

html body.gx-game-shell #content .gx-clone-shop > header {
  background: var(--dx-card) !important;
}

html body.gx-game-shell #content .gx-clone-slot {
  height: 340px !important;
  min-height: 340px !important;
  max-height: 340px !important;
  grid-template-rows: 128px 118px 46px !important;
}

html body.gx-game-shell #content .gx-clone-slot-footer {
  display: grid !important;
  align-items: end !important;
  min-height: 0 !important;
}

@media (max-width: 760px) {
  html body.gx-game-shell #content .gx-game-after-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    min-height: 104px !important;
  }
}

html body.gx-game-shell.gx-page-games #wrapper #content .gx-game-after-tabs,
html body.gx-game-shell.gx-page-map #wrapper #content .gx-game-after-tabs,
html body.gx-game-shell.gx-page-person #wrapper #content .gx-game-after-tabs,
html body.gx-game-shell.gx-page-volume #wrapper #content .gx-game-after-tabs,
html body.gx-shell.gx-page-games #wrapper #content .gx-game-after-tabs,
html body.gx-shell.gx-page-map #wrapper #content .gx-game-after-tabs,
html body.gx-shell.gx-page-person #wrapper #content .gx-game-after-tabs,
html body.gx-shell.gx-page-volume #wrapper #content .gx-game-after-tabs {
  position: static !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: min(840px, 100%) !important;
  min-height: 58px !important;
  margin: 0 auto 10px !important;
  padding: 8px !important;
  border: 1px solid var(--dx-line) !important;
  border-radius: var(--dx-radius) !important;
  background: var(--dx-card) !important;
  color: var(--dx-text) !important;
  box-shadow: var(--dx-shadow) !important;
  overflow: hidden !important;
}

html body.gx-game-shell.gx-page-map #wrapper #content .gx-clone-shop > header,
html body.gx-game-shell.gx-page-person #wrapper #content .gx-clone-shop > header,
html body.gx-game-shell.gx-page-volume #wrapper #content .gx-clone-shop > header,
html body.gx-shell.gx-page-map #wrapper #content .gx-clone-shop > header,
html body.gx-shell.gx-page-person #wrapper #content .gx-clone-shop > header,
html body.gx-shell.gx-page-volume #wrapper #content .gx-clone-shop > header,
html body.gx-shell.gx-page-rewards #wrapper #content .gx-bounty-hero {
  background: var(--dx-card) !important;
  color: var(--dx-text) !important;
}

@media (max-width: 760px) {
  html body.gx-game-shell.gx-page-games #wrapper #content .gx-game-after-tabs,
  html body.gx-game-shell.gx-page-map #wrapper #content .gx-game-after-tabs,
  html body.gx-game-shell.gx-page-person #wrapper #content .gx-game-after-tabs,
  html body.gx-game-shell.gx-page-volume #wrapper #content .gx-game-after-tabs,
  html body.gx-shell.gx-page-games #wrapper #content .gx-game-after-tabs,
  html body.gx-shell.gx-page-map #wrapper #content .gx-game-after-tabs,
  html body.gx-shell.gx-page-person #wrapper #content .gx-game-after-tabs,
  html body.gx-shell.gx-page-volume #wrapper #content .gx-game-after-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    min-height: 104px !important;
  }
}

body.gx-admin {
  --dx-admin-side: linear-gradient(180deg, #351607, #210d04 68%, #160802);
  background:
    linear-gradient(180deg, rgba(33, 22, 13, .16), rgba(33, 22, 13, .70)),
    url("/images/backgrounds/dravonx-sunny-world-bg.webp") center top / cover fixed no-repeat !important;
  color: var(--dx-text) !important;
  overflow-x: hidden !important;
}

body.gx-admin .container-fluid {
  width: min(1460px, calc(100vw - 18px)) !important;
  margin: 9px auto !important;
  padding: 0 !important;
  border: 1px solid rgba(238, 184, 92, .62) !important;
  border-radius: 10px !important;
  background: rgba(255, 244, 216, .18) !important;
  box-shadow: 0 18px 44px rgba(20, 8, 3, .34) !important;
  overflow: hidden !important;
}

body.gx-admin .container-fluid > .row {
  display: grid !important;
  grid-template-columns: 178px minmax(0, 1fr) !important;
  margin: 0 !important;
}

body.gx-admin .container-fluid > .row > [class*="col-md-2"],
body.gx-admin aside {
  grid-column: 1 !important;
  width: 178px !important;
  max-width: 178px !important;
  min-height: 100vh !important;
  padding: 0 !important;
  border-right: 1px solid rgba(237, 180, 84, .58) !important;
  background: var(--dx-admin-side) !important;
  color: #fff0bd !important;
}

body.gx-admin .container-fluid > .row > [class*="col-md-10"] {
  grid-column: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  background: var(--dx-panel) !important;
}

body.gx-admin .gx-admin-brand {
  display: grid !important;
  place-items: center !important;
  min-height: 88px !important;
  padding: 10px !important;
  border-bottom: 1px solid rgba(237, 180, 84, .42) !important;
  background: linear-gradient(180deg, rgba(90, 39, 10, .92), rgba(43, 18, 6, .96)) !important;
}

body.gx-admin .gx-admin-brand img {
  width: 98px !important;
  height: auto !important;
  max-height: 54px !important;
  object-fit: contain !important;
}

body.gx-admin .nav.flex-column {
  display: grid !important;
  gap: 0 !important;
  padding: 6px !important;
}

body.gx-admin .nav.flex-column .nav-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 7px !important;
  min-height: 42px !important;
  padding: 8px !important;
  border: 1px solid rgba(237, 180, 84, .14) !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, rgba(62, 28, 9, .72), rgba(35, 13, 4, .82)) !important;
  color: #fff0bd !important;
  font-size: 10px !important;
  font-weight: 1000 !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
}

body.gx-admin .nav.flex-column .nav-link:hover {
  background: linear-gradient(180deg, var(--dx-gold-2), var(--dx-gold)) !important;
  color: #20140a !important;
}

body.gx-admin .gx-admin-topbar,
body.gx-admin .gx-admin-footer {
  min-height: 48px !important;
  padding: 8px 14px !important;
  border-color: var(--dx-line) !important;
  background: var(--dx-card) !important;
  color: var(--dx-text) !important;
}

body.gx-admin .gx-admin-content {
  min-height: calc(100vh - 86px) !important;
  padding: 14px !important;
  background:
    linear-gradient(180deg, rgba(255, 248, 235, .90), rgba(241, 218, 177, .84)),
    url("/images/backgrounds/dravonx-sunny-world-bg-1280.webp") center top / cover no-repeat !important;
  color: var(--dx-text) !important;
}

body.gx-admin .card,
body.gx-admin .gx-dashboard-shell,
body.gx-admin .gx-admin-card,
body.gx-admin .gx-admin-smartbar,
body.gx-admin .alert,
body.gx-admin .table-responsive,
body.gx-admin .gx-admin-table-form,
body.gx-admin .gx-admin-utm-repair,
body.gx-admin .gx-admin-panel {
  border: 1px solid var(--dx-line) !important;
  border-radius: var(--dx-radius) !important;
  background: var(--dx-card) !important;
  color: var(--dx-text) !important;
  box-shadow: var(--dx-shadow) !important;
  overflow: hidden !important;
}

body.gx-admin .card *,
body.gx-admin .gx-dashboard-shell *,
body.gx-admin .gx-admin-card *,
body.gx-admin .gx-admin-smartbar *,
body.gx-admin .alert *,
body.gx-admin .table-responsive *,
body.gx-admin .gx-admin-table-form *,
body.gx-admin .gx-admin-utm-repair *,
body.gx-admin .gx-admin-panel * {
  color: inherit;
  text-shadow: none !important;
}

body.gx-admin h1,
body.gx-admin h2,
body.gx-admin h3,
body.gx-admin h4,
body.gx-admin h5,
body.gx-admin h6 {
  color: var(--dx-text) !important;
  text-shadow: none !important;
}

body.gx-admin table.table {
  width: 100% !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
  color: var(--dx-text) !important;
}

body.gx-admin table.table th {
  background: linear-gradient(180deg, var(--dx-gold-2), var(--dx-gold)) !important;
  color: #20140a !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}

body.gx-admin table.table td {
  border-color: rgba(190, 132, 49, .22) !important;
  background: rgba(255, 250, 239, .56) !important;
  color: var(--dx-text) !important;
  font-size: 12px !important;
}

body.gx-admin input,
body.gx-admin select,
body.gx-admin textarea,
body.gx-admin .form-control,
body.gx-admin .form-select {
  border: 1px solid rgba(190, 132, 49, .46) !important;
  border-radius: 8px !important;
  background: rgba(255, 251, 239, .94) !important;
  color: var(--dx-text) !important;
}

body.gx-admin .btn,
body.gx-admin button,
body.gx-admin input[type="submit"] {
  border: 1px solid #bd842e !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, var(--dx-gold-2), var(--dx-gold)) !important;
  color: #20140a !important;
  font-weight: 1000 !important;
}

body.gx-admin .btn-success,
body.gx-admin .btn-primary,
body.gx-admin .btn-info {
  border-color: #3c8734 !important;
  background: linear-gradient(180deg, #65ca58, var(--dx-green)) !important;
  color: #fffbe0 !important;
}

body.gx-admin td,
body.gx-admin th,
body.gx-admin span,
body.gx-admin a,
body.gx-admin code {
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

body.gx-admin .btn-group {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  max-width: 100% !important;
}

body.gx-admin .gx-utm-action-cell {
  display: inline-grid !important;
  grid-template-columns: repeat(2, 30px) !important;
  gap: 4px !important;
  justify-content: end !important;
  width: 68px !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.gx-admin .gx-utm-icon-btn {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.gx-admin .pagination {
  flex-wrap: wrap !important;
  gap: 4px !important;
}

@media (max-width: 900px) {
  body.gx-admin .container-fluid {
    width: calc(100vw - 10px) !important;
    margin: 5px auto !important;
  }

  body.gx-admin .container-fluid > .row {
    grid-template-columns: 1fr !important;
  }

  body.gx-admin .container-fluid > .row > [class*="col-md-2"],
  body.gx-admin aside {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(237, 180, 84, .58) !important;
  }

  body.gx-admin .container-fluid > .row > [class*="col-md-10"] {
    grid-column: 1 !important;
  }

  body.gx-admin .nav.flex-column {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.gx-admin .gx-admin-content {
    padding: 10px !important;
  }

  body.gx-admin table.table {
    table-layout: fixed !important;
  }

  body.gx-admin table.table th,
  body.gx-admin table.table td {
    white-space: normal !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
    padding: 6px 4px !important;
  }

  body.gx-admin .btn-group {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.gx-admin .gx-utm-action-cell {
    grid-template-columns: repeat(2, 26px) !important;
    gap: 3px !important;
    width: 56px !important;
  }

  body.gx-admin .gx-utm-icon-btn {
    width: 26px !important;
    height: 26px !important;
    font-size: 10px !important;
  }
}

/* Ultra final A-theme game layout pass. Keep this block last. */
html body .gx-skip-link,
html body .skip-link {
  position: fixed !important;
  left: -9999px !important;
  top: 8px !important;
  z-index: 9999 !important;
}

html body .gx-skip-link:focus,
html body .skip-link:focus {
  left: 8px !important;
  padding: 8px 10px !important;
  background: var(--dx-gold-2) !important;
  color: var(--dx-text) !important;
}

html body .gx-visually-hidden,
html body.gx-game-shell #content .gx-game > h1.gx-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html body.gx-game-shell #content .gx-game {
  display: grid !important;
  gap: 12px !important;
  padding: 16px !important;
  overflow: hidden !important;
}

html body.gx-game-shell #content .gx-target-resourcebar {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) 84px !important;
  align-items: center !important;
  gap: 0 !important;
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 0 8px !important;
  overflow: hidden !important;
  border: 1px solid rgba(169, 104, 33, .45) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(255, 251, 239, .95), rgba(239, 219, 185, .92)) !important;
  box-shadow: var(--dx-shadow) !important;
}

html body.gx-game-shell #content .gx-target-resourcebar span,
html body.gx-game-shell #content .gx-target-resourcebar a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 48px !important;
  padding: 7px 10px !important;
  border-right: 1px solid rgba(169, 104, 33, .25) !important;
  color: var(--dx-text) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

html body.gx-game-shell #content .gx-target-resourcebar a {
  border-right: 0 !important;
  background: linear-gradient(180deg, #42ad46, #23782e) !important;
  color: #fff8d8 !important;
  font-size: 22px !important;
}

html body.gx-game-shell #content .gx-target-resourcebar img {
  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  object-fit: contain !important;
}

html body.gx-game-shell #content .gx-goblin-command {
  display: none !important;
}

html body.gx-game-shell #content .gx-game-after-tabs,
html body.gx-game-shell.gx-page-games #wrapper #content .gx-game-after-tabs,
html body.gx-game-shell.gx-page-map #wrapper #content .gx-game-after-tabs,
html body.gx-game-shell.gx-page-person #wrapper #content .gx-game-after-tabs,
html body.gx-game-shell.gx-page-volume #wrapper #content .gx-game-after-tabs {
  position: static !important;
  order: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: min(860px, 100%) !important;
  min-height: 0 !important;
  margin: 0 auto 2px !important;
  padding: 8px !important;
  border: 1px solid rgba(169, 104, 33, .52) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(255, 244, 218, .96), rgba(237, 211, 168, .96)) !important;
  box-shadow: var(--dx-shadow) !important;
}

html body.gx-game-shell #content .gx-game-after-tabs > b {
  display: none !important;
}

html body.gx-game-shell #content .gx-game-after-tabs a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding: 6px 9px !important;
  border: 1px solid rgba(109, 87, 52, .18) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, #fbf4de, #ddceb0) !important;
  color: var(--dx-text) !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

html body.gx-game-shell #content .gx-game-after-tabs span {
  display: grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, #ffd56d, #efa52b) !important;
  color: #1f1208 !important;
}

html body.gx-game-shell #content .gx-clone-board {
  order: 3 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.gx-game-shell #content .gx-clone-playfield {
  min-height: 390px !important;
  background-image:
    linear-gradient(180deg, rgba(28, 12, 4, .05), rgba(28, 12, 4, .04) 56%, rgba(91, 123, 52, .38)),
    var(--gx-clone-map) !important;
  background-position: center !important;
  background-size: cover !important;
  border: 3px solid #4d1d08 !important;
  border-radius: 8px !important;
}

html body.gx-game-shell #content .gx-target-mine-title,
html body.gx-game-shell #content .gx-goblin-scene-label {
  display: none !important;
}

html body.gx-game-shell #content .gx-live-dragon,
html body.gx-game-shell #content .gx-live-dragon button {
  width: 86px !important;
  height: 104px !important;
  overflow: visible !important;
}

html body.gx-game-shell #content .gx-live-dragon img {
  display: block !important;
  width: 86px !important;
  height: 86px !important;
  max-width: 86px !important;
  max-height: 86px !important;
  object-fit: contain !important;
}

html body.gx-game-shell #content .gx-live-dragon-1 { left: 6% !important; top: 56% !important; }
html body.gx-game-shell #content .gx-live-dragon-2 { left: 17% !important; top: 35% !important; }
html body.gx-game-shell #content .gx-live-dragon-3 { left: 29% !important; top: 58% !important; }
html body.gx-game-shell #content .gx-live-dragon-4 { left: 41% !important; top: 30% !important; }
html body.gx-game-shell #content .gx-live-dragon-5 { left: 54% !important; top: 58% !important; }
html body.gx-game-shell #content .gx-live-dragon-6 { left: 67% !important; top: 34% !important; }
html body.gx-game-shell #content .gx-live-dragon-7 { left: 80% !important; top: 52% !important; }
html body.gx-game-shell #content .gx-live-dragon-8 { left: 25% !important; top: 18% !important; }
html body.gx-game-shell #content .gx-live-dragon-9 { left: 50% !important; top: 20% !important; }
html body.gx-game-shell #content .gx-live-dragon-10 { left: 75% !important; top: 17% !important; }

html body.gx-game-shell #content .gx-game-balance-strip {
  position: absolute !important;
  z-index: 9 !important;
  left: 23% !important;
  right: 23% !important;
  top: 22px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body.gx-game-shell #content .gx-game-balance-strip article {
  min-width: 0 !important;
  min-height: 58px !important;
  padding: 9px 10px !important;
}

html body.gx-game-shell #content .gx-strip-upgrades,
html body.gx-game-shell #content .gx-clone-command-strip {
  display: grid !important;
  gap: 10px !important;
}

html body.gx-game-shell #content .gx-strip-upgrades {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.gx-game-shell #content .gx-strip-upgrade-card {
  min-height: 118px !important;
}

html body.gx-game-shell #content .gx-clone-slot-visual img,
html body.gx-game-shell #content .gx-clone-shop-balance img,
html body.gx-game-shell #content .gx-strip-upgrade-card img {
  object-fit: contain !important;
}

@media (max-width: 900px) {
  html body.gx-game-shell #content .gx-target-resourcebar,
  html body.gx-game-shell #content .gx-game-after-tabs,
  html body.gx-game-shell.gx-page-games #wrapper #content .gx-game-after-tabs,
  html body.gx-game-shell.gx-page-map #wrapper #content .gx-game-after-tabs,
  html body.gx-game-shell.gx-page-person #wrapper #content .gx-game-after-tabs,
  html body.gx-game-shell.gx-page-volume #wrapper #content .gx-game-after-tabs,
  html body.gx-game-shell #content .gx-strip-upgrades {
    grid-template-columns: 1fr 1fr !important;
  }

  html body.gx-game-shell #content .gx-game-balance-strip {
    left: 10px !important;
    right: 10px !important;
  }
}