/* Fortune Gems Guide — Aztec theme override.
   Retunes the bound design-system color/gradient tokens toward the warm
   sandstone-gold-and-sunset palette of the Fortune Gems slot (Mesoamerican
   stone temple, golden idols, ruby/sapphire jewels, dusk sky).
   Only semantic aliases + dark surfaces + gradients/glows are overridden —
   the ruby / sapphire / gold ramps already match the game and are kept. */

:root {
  /* ---- Warm sandstone neutrals (replace cool slate on light surfaces) ---- */
  --slate-50:  #faf5ec;
  --slate-100: #f3ebdc;
  --slate-200: #e6dac4;
  --slate-300: #d2c0a0;
  --slate-400: #ab9676;
  --slate-500: #7c6a4f;
  --slate-600: #5b4c36;
  --slate-700: #413625;
  --slate-800: #2c2316;
  --slate-900: #211a0f;

  /* ---- Aztec gold-bronze brand ramp (was emerald) ---- */
  --emerald-50:  #fbf3df;
  --emerald-100: #f6e6bd;
  --emerald-200: #eccf86;
  --emerald-300: #dcb053;
  --emerald-400: #c89132;
  --emerald-500: #b5701f;  /* brand — burnt amber */
  --emerald-600: #95571a;
  --emerald-700: #7a4516;
  --emerald-800: #5d3411;
  --emerald-900: #3f2410;
  --emerald-950: #2a1409;  /* darkest canvas — deep temple stone */

  /* ---- Surfaces ---- */
  --surface-card-soft:  #fbf2e0;            /* warm sand card (was mint green) */
  --surface-muted:      #faf4ea;            /* warm off-white band */
  --surface-dark:       #2a1409;            /* hero / footer — deep stone-brown */
  --surface-dark-2:     #3d2010;
  --surface-overlay:    rgba(42, 20, 9, 0.64);

  /* ---- Brand ---- */
  --brand:              #b5701f;
  --brand-strong:       #7a4516;
  --brand-on-dark:      #f4c66a;            /* light gold on dark */

  /* ---- Text ---- */
  --text-strong:        #2c2316;
  --text-body:          #4a3c28;
  --text-muted:         #837154;
  --text-on-dark:       #f6e8d2;            /* warm cream on dark */
  --text-on-dark-muted: #d3b387;
  --text-on-gold:       #3a2806;

  /* ---- Lines ---- */
  --border-subtle:      #e6dac4;
  --border-strong:      #d2c0a0;

  /* ---- Feedback (keep ruby/sapphire/gold; positive -> jade jewel green) ---- */
  --positive:           #2f9e6e;
  --positive-soft:      #e4f5ec;

  /* ---- Gradients & glows — sunset over the temple ---- */
  --grad-hero:    radial-gradient(125% 125% at 76% -12%, #d07a2e 0%, #8a3f17 36%, #3a1c0c 72%, #2a1409 100%);
  --grad-emerald: linear-gradient(135deg, #e0a93a 0%, #b5701f 100%);
  --shadow-gold:  0 10px 28px rgba(208, 122, 46, 0.40);
  --shadow-glow:  0 0 0 1px rgba(224, 169, 46, 0.30), 0 0 44px rgba(208, 122, 46, 0.42);
}

/* Warm the faint lower-left hero glow to a sunset amber */
.hero::after {
  background: radial-gradient(60% 50% at 12% 112%, rgba(224, 138, 46, 0.26), transparent 70%) !important;
}


/* ===== Visual refresh (sunset temple / premium card look) ===== */
html { background: #071516; }
body.site {
  background:
    radial-gradient(1000px 500px at 50% 0%, rgba(255,176,110,0.16), transparent 60%),
    linear-gradient(180deg, rgba(3,11,12,0.84) 0%, rgba(5,16,17,0.88) 30%, rgba(4,12,13,0.96) 100%),
    url('assets/temple-sunset-bg.jpg') center top / cover fixed no-repeat;
  color: var(--text-body);
}
.site {
  background: linear-gradient(180deg, rgba(7,21,22,0.24) 0%, rgba(7,21,22,0.62) 40%, rgba(7,21,22,0.86) 100%);
}
.hdr {
  background: rgba(6, 18, 20, 0.76);
  border-bottom: 1px solid rgba(255, 218, 161, 0.12);
  box-shadow: 0 10px 30px rgba(0,0,0,0.18);
}
.hdr__logo img { filter: drop-shadow(0 6px 14px rgba(0,0,0,0.22)); }
.hdr__nav a, .hdr__ddbtn, .hdr__icon { color: rgba(255,245,227,0.92); }
.hdr__icon { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.12); }
.hdr__nav a:hover, .hdr__ddbtn:hover, .hdr__ddbtn[aria-expanded="true"] { background: rgba(255,255,255,0.08); color: #fff; }
.hdr__ddmenu { background: rgba(248,239,226,0.98); border-color: rgba(129,91,36,0.18); }
.crumbs {
  background: rgba(7, 20, 22, 0.56);
  border-bottom: 1px solid rgba(255, 218, 161, 0.1);
  backdrop-filter: blur(10px);
}
.crumbs__link { color: rgba(255,240,220,0.72); }
.crumbs__cur { color: #fff; }

.hero, .pagehead {
  background:
    linear-gradient(180deg, rgba(9,24,28,0.30) 0%, rgba(7,18,20,0.70) 50%, rgba(6,14,16,0.92) 100%),
    radial-gradient(70% 58% at 50% 8%, rgba(255,210,140,0.36), transparent 55%),
    url('assets/temple-sunset-bg.jpg') center center / cover no-repeat;
}
.hero::before, .pagehead::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(5,12,14,0.72) 0%, rgba(5,12,14,0.36) 38%, rgba(5,12,14,0.24) 100%);
  pointer-events: none;
}
.hero::after {
  background: radial-gradient(60% 50% at 12% 112%, rgba(255, 190, 112, 0.18), transparent 72%) !important;
}
.hero__grid {
  min-height: clamp(560px, 72vh, 760px);
  align-items: center;
}
.hero__h1 { text-shadow: 0 8px 24px rgba(0,0,0,0.34); }
.hero__sub { color: rgba(255,244,229,0.92); }
.hero__disclaimer { color: rgba(255,232,204,0.74); }
.hero__cta .fgds-btn--ondark { background: rgba(255,255,255,0.10); border-color: rgba(255,255,255,0.16); }
.hero-shot {
  background: linear-gradient(180deg, rgba(11,25,26,0.88), rgba(11,18,19,0.70));
  border-color: rgba(255, 211, 150, 0.32);
  padding: 14px;
  backdrop-filter: blur(10px);
}
.hero-shot::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 14px;
  width: min(55%, 280px);
  height: 120px;
  background: url('assets/fortune-gems-title.webp') left center / contain no-repeat;
  z-index: 2;
  pointer-events: none;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,0.28));
}
.hero-shot img {
  border-radius: calc(var(--radius-xl) - 6px);
  opacity: 0.98;
  box-shadow: 0 16px 34px rgba(0,0,0,0.26);
}
.hero-metric {
  background: rgba(255,255,255,0.10);
  border-color: rgba(255,255,255,0.18);
  box-shadow: 0 14px 30px rgba(0,0,0,0.14);
}
.hero-metric b { color: #fff3de; }
.hero-metric span { color: rgba(255,245,229,0.70); }

main > .section {
  background: transparent;
  padding-block: var(--space-6);
}
main > .section > .fg-container {
  background: linear-gradient(180deg, rgba(251,245,236,0.95) 0%, rgba(247,238,225,0.93) 100%);
  border: 1px solid rgba(121, 82, 32, 0.12);
  border-radius: 30px;
  box-shadow: 0 18px 48px rgba(0,0,0,0.14);
  padding: clamp(22px, 3vw, 38px);
  backdrop-filter: blur(10px);
}
main > .section.section--muted > .fg-container {
  background: linear-gradient(180deg, rgba(247,238,225,0.96) 0%, rgba(243,232,216,0.94) 100%);
}
.section__head { margin-bottom: var(--space-6); }
.section__lead { color: #5c4d39; }
.prose p { color: #4b3e2c; }

.showcase, .demo-embed__cover, .demo-embed__state {
  background:
    linear-gradient(180deg, rgba(7,19,20,0.72) 0%, rgba(8,17,19,0.88) 100%),
    url('assets/temple-sunset-bg.jpg') center center / cover no-repeat;
}
.showcase { border: 1px solid rgba(255, 211, 150, 0.22); box-shadow: 0 18px 38px rgba(0,0,0,0.18); }
.showcase__cap, .pagehead h1, .demo-embed__title { text-shadow: 0 8px 24px rgba(0,0,0,0.34); }

.fgds-card, .cguide, .step, .related__item, .symtile, .fgds-acc__item, .paytable {
  background: linear-gradient(180deg, rgba(255,250,244,0.96) 0%, rgba(250,242,230,0.94) 100%);
  border-color: rgba(132, 92, 37, 0.14);
  box-shadow: 0 10px 26px rgba(0,0,0,0.06);
}
.fgds-card--soft, .related, .pc__col--pro, .pc__col--con {
  background: linear-gradient(180deg, rgba(248,239,225,0.96) 0%, rgba(243,232,216,0.94) 100%);
}
.fgds-feat__icon, .symtile__imgwrap, .paytable__thumb {
  background: linear-gradient(180deg, #102224 0%, #0c1718 100%);
  border-color: rgba(255, 211, 150, 0.22);
}
.fgds-table, .paytable {
  overflow: hidden;
  border-color: rgba(132, 92, 37, 0.14);
}
.fgds-table thead th, .paytable th {
  background: linear-gradient(180deg, #102325 0%, #0a1718 100%);
  color: #fff4df;
}
.fgds-table tbody tr:nth-child(even) { background: rgba(116, 87, 42, 0.05); }

.fgds-btn--primary {
  box-shadow: 0 12px 28px rgba(224,169,46,.30), inset 0 1px 0 rgba(255,255,255,0.24);
}
.fgds-btn--outline {
  background: rgba(255,255,255,0.56);
  border-color: rgba(132, 92, 37, 0.18);
}
.fgds-btn--outline:hover { background: rgba(255,255,255,0.82); }

.related {
  border-color: rgba(132, 92, 37, 0.14);
  box-shadow: 0 14px 34px rgba(0,0,0,0.08);
}
.related__item:hover, .cguide:hover, .symtile:hover, .fgds-card--hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(0,0,0,0.12);
}

.ftr {
  background: linear-gradient(180deg, rgba(7,18,20,0.88) 0%, rgba(5,13,15,0.98) 100%);
  border-top: 1px solid rgba(255, 220, 168, 0.10);
}
.ftr__about, .ftr__links a, .ftr__copy, .ftr__disclaimer { color: rgba(255,240,220,0.72); }
.ftr__links a:hover { color: #fff4df; }

@media (max-width: 860px) {
  .hero__grid { min-height: 0; }
  .hero-shot::before { width: 58%; height: 92px; left: 14px; top: 12px; }
  main > .section > .fg-container { border-radius: 24px; }
}
@media (max-width: 560px) {
  .hdr { background: rgba(6, 18, 20, 0.88); }
  .hero-shot { padding: 10px; }
  .hero-shot::before { width: 64%; height: 74px; }
  main > .section > .fg-container { padding: 18px; border-radius: 20px; }
}


/* ===== Brighter gambling-style refresh (slot / aztec / temple) ===== */
html {
  background:
    linear-gradient(180deg, #31110d 0%, #54231b 18%, #8c4d2d 42%, #d08a52 78%, #f4d5a0 100%);
}
body.site {
  background:
    radial-gradient(900px 440px at 50% 4%, rgba(255,226,154,0.55), transparent 52%),
    radial-gradient(700px 360px at 18% 14%, rgba(255,164,96,0.26), transparent 52%),
    linear-gradient(180deg, rgba(36,10,9,0.22) 0%, rgba(96,38,24,0.18) 22%, rgba(250,226,184,0.08) 55%, rgba(246,219,177,0.14) 100%),
    url('assets/temple-sunset-bg.jpg') center top / cover fixed no-repeat;
}
.site {
  background: linear-gradient(180deg, rgba(255,243,220,0.08) 0%, rgba(255,241,217,0.18) 34%, rgba(253,239,214,0.34) 100%);
}

.hdr {
  background: linear-gradient(180deg, rgba(44,11,12,0.88) 0%, rgba(75,24,17,0.80) 100%);
  border-bottom: 1px solid rgba(255, 214, 145, 0.26);
  box-shadow: 0 16px 32px rgba(46,14,11,0.28);
}
.hdr__nav a, .hdr__ddbtn { color: rgba(255,247,232,0.96); }
.hdr__icon {
  background: rgba(255,255,255,0.10);
  border-color: rgba(255,230,190,0.20);
  color: rgba(255,247,232,0.94);
}
.hdr__nav a:hover, .hdr__ddbtn:hover, .hdr__ddbtn[aria-expanded="true"] {
  background: rgba(255,208,129,0.14);
  color: #fff8ea;
}
.hdr__ddmenu {
  background: linear-gradient(180deg, rgba(255,248,237,0.98) 0%, rgba(248,235,214,0.98) 100%);
}
.crumbs {
  background: linear-gradient(180deg, rgba(58,18,14,0.58) 0%, rgba(106,40,24,0.42) 100%);
  border-bottom: 1px solid rgba(255, 214, 145, 0.16);
}
.crumbs__link { color: rgba(255,241,220,0.82); }
.crumbs__cur { color: #fff8eb; }

.hero, .pagehead {
  background:
    linear-gradient(180deg, rgba(64,21,16,0.26) 0%, rgba(71,24,17,0.42) 22%, rgba(28,11,11,0.58) 64%, rgba(20,8,8,0.78) 100%),
    radial-gradient(72% 62% at 50% 6%, rgba(255,226,156,0.52), transparent 58%),
    url('assets/temple-sunset-bg.jpg') center center / cover no-repeat;
}
.hero::before, .pagehead::before {
  background:
    linear-gradient(90deg, rgba(39,12,12,0.42) 0%, rgba(39,12,12,0.16) 36%, rgba(39,12,12,0.08) 100%),
    radial-gradient(55% 70% at 70% 0%, rgba(255,188,104,0.18), transparent 60%);
}
.hero__h1, .pagehead h1 {
  color: #fffaf0;
  text-shadow: 0 10px 32px rgba(0,0,0,0.28), 0 0 16px rgba(255,193,88,0.16);
}
.hero__sub, .pagehead__lead { color: rgba(255,244,224,0.95); }
.hero__disclaimer { color: rgba(255,231,196,0.82); }
.hero__grid {
  min-height: clamp(560px, 76vh, 800px);
}
.hero__cta .fgds-btn--primary {
  box-shadow: 0 16px 34px rgba(223,151,47,.34), 0 0 0 1px rgba(255,231,184,0.28) inset;
}
.hero__cta .fgds-btn--ondark {
  background: linear-gradient(180deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.08) 100%);
  border-color: rgba(255,244,224,0.18);
}
.hero__cta .fgds-btn--ondark:hover {
  background: linear-gradient(180deg, rgba(255,229,180,0.18) 0%, rgba(255,255,255,0.12) 100%);
}
.hero-shot {
  background: linear-gradient(180deg, rgba(57,20,15,0.22) 0%, rgba(20,10,9,0.16) 100%);
  border-color: rgba(255, 214, 145, 0.44);
  box-shadow: 0 24px 48px rgba(42,12,10,0.30), 0 0 0 1px rgba(255,214,145,0.16) inset;
}
.hero-shot::after {
  content: "";
  position: absolute;
  inset: auto 16px 16px 16px;
  height: 110px;
  background: linear-gradient(180deg, transparent 0%, rgba(16,10,10,0.54) 74%, rgba(16,10,10,0.68) 100%);
  border-radius: 0 0 calc(var(--radius-xl) - 2px) calc(var(--radius-xl) - 2px);
  pointer-events: none;
}
.hero-shot img {
  filter: saturate(1.06) contrast(1.02);
}
.hero-metric {
  background: linear-gradient(180deg, rgba(255,247,234,0.18) 0%, rgba(255,228,186,0.10) 100%);
  border-color: rgba(255,229,184,0.22);
  box-shadow: 0 16px 28px rgba(0,0,0,0.12);
}
.hero-metric b { color: #fff8eb; }
.hero-metric span { color: rgba(255,241,220,0.78); }

main > .section {
  padding-block: clamp(18px, 2vw, 28px);
}
main > .section > .fg-container {
  background:
    linear-gradient(180deg, rgba(255,249,238,0.96) 0%, rgba(252,242,226,0.96) 100%);
  border: 1px solid rgba(176, 120, 45, 0.20);
  border-radius: 30px;
  box-shadow:
    0 24px 60px rgba(98,37,19,0.14),
    0 0 0 1px rgba(255,236,198,0.28) inset;
  position: relative;
  overflow: hidden;
}
main > .section > .fg-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(420px 160px at 50% 0%, rgba(255,224,145,0.18), transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,0.22) 0%, transparent 16%);
  pointer-events: none;
}
main > .section.section--muted > .fg-container {
  background: linear-gradient(180deg, rgba(250,239,219,0.97) 0%, rgba(246,232,205,0.96) 100%);
}
.section__title, .section__head h2 { color: #36210f; }
.section__lead, .prose p, .step__text, .trust-card p, .related__item span, .cguide__desc { color: #60492f; }
.fg-eyebrow, .cguide__flag, .sm-col__h {
  color: #a56117;
}

.fgds-card, .cguide, .step, .related__item, .symtile, .fgds-acc__item, .paytable, .fgds-table, .trust-card {
  background: linear-gradient(180deg, rgba(255,253,249,0.98) 0%, rgba(251,243,231,0.96) 100%);
  border-color: rgba(177, 120, 45, 0.16);
  box-shadow: 0 12px 28px rgba(91,34,18,0.07);
}
.fgds-card--soft, .related, .pc__col--pro, .pc__col--con {
  background: linear-gradient(180deg, rgba(250,241,225,0.98) 0%, rgba(245,233,213,0.96) 100%);
}
.showcase, .demo-embed__cover, .demo-embed__state {
  background:
    linear-gradient(180deg, rgba(90,31,18,0.18) 0%, rgba(20,10,10,0.52) 100%),
    radial-gradient(60% 54% at 50% 6%, rgba(255,220,135,0.34), transparent 55%),
    url('assets/temple-sunset-bg.jpg') center center / cover no-repeat;
  border-color: rgba(255, 214, 145, 0.30);
}
.showcase__cap, .demo-embed__title { color: #fff9ee; }
.demo-embed {
  border-color: rgba(255, 214, 145, 0.42);
  box-shadow: 0 18px 44px rgba(56,18,10,0.26), 0 0 32px rgba(255,181,68,0.10);
}
.demo-note { color: #71563a; }

.fgds-table thead th, .paytable th {
  background: linear-gradient(180deg, #6b3518 0%, #3b180f 100%);
  color: #fff8eb;
}
.fgds-table tbody tr:nth-child(even) { background: rgba(220,181,115,0.08); }
.fgds-feat__icon, .symtile__imgwrap, .paytable__thumb {
  background: linear-gradient(180deg, #5b2317 0%, #25100f 100%);
  border-color: rgba(255,214,145,0.22);
}
.symtile__name, .fgds-feat__title, .pc__h, .related__item b, .cguide__title, .paytable__sym { color: #37210f; }

.fgds-btn--primary {
  background: linear-gradient(180deg, #ffd764 0%, #f4b331 46%, #d4871c 100%);
  color: #43270a;
  border: 1px solid rgba(153,87,18,0.22);
}
.fgds-btn--primary:hover {
  box-shadow: 0 18px 38px rgba(224,169,46,.42);
}
.fgds-btn--outline {
  background: linear-gradient(180deg, rgba(255,255,255,0.88) 0%, rgba(255,248,236,0.74) 100%);
  color: #7a4516;
}
.fgds-btn--outline:hover {
  background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(255,244,222,0.92) 100%);
}

.pc__col--pro {
  border-color: rgba(39,138,94,0.18);
}
.pc__col--con {
  border-color: rgba(194,75,69,0.18);
}
.related__item:hover, .cguide:hover, .symtile:hover, .fgds-card--hover:hover, .step:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 20px 38px rgba(97,38,18,0.12);
}

.ftr {
  background:
    linear-gradient(180deg, rgba(60,18,14,0.94) 0%, rgba(25,11,11,0.98) 100%),
    url('assets/temple-sunset-bg.jpg') center bottom / cover no-repeat;
}
.ftr__h { color: #fff7e6; }
.ftr__about, .ftr__links a, .ftr__copy, .ftr__disclaimer { color: rgba(255,235,208,0.78); }
.ftr__links a:hover { color: #fffaf0; }
.mobile-cta {
  background: linear-gradient(180deg, rgba(77,26,18,0.94) 0%, rgba(36,14,12,0.98) 100%);
  border-color: rgba(255, 214, 145, 0.28);
}

@media (max-width: 860px) {
  .hero__grid { min-height: 0; }
}


/* ===== Final hero pass: slot background + brighter readable overlay ===== */
:root {
  --fg-orange: #f08d24;
  --fg-orange-light: #ffbd55;
  --fg-orange-dark: #b75b14;
  --fg-cream: #fff5e6;
  --fg-ink: #3c2413;
  --fg-body: #604a35;
}

/* Keep the temple mood, but reduce the heavy dark veil */
.hero, .pagehead {
  background:
    linear-gradient(180deg, rgba(92, 31, 17, 0.16) 0%, rgba(63, 20, 13, 0.30) 34%, rgba(29, 10, 8, 0.56) 100%),
    radial-gradient(70% 60% at 50% 4%, rgba(255, 222, 153, 0.48), transparent 58%),
    url('assets/temple-sunset-bg.jpg') center center / cover no-repeat !important;
}

.hero::before, .pagehead::before {
  background:
    linear-gradient(90deg, rgba(31, 10, 8, 0.50) 0%, rgba(31, 10, 8, 0.22) 42%, rgba(31, 10, 8, 0.10) 100%),
    radial-gradient(60% 80% at 68% 12%, rgba(255, 196, 95, 0.14), transparent 64%) !important;
}

.hero::after {
  background:
    linear-gradient(180deg, transparent 0%, rgba(31, 10, 8, 0.16) 70%, rgba(31, 10, 8, 0.32) 100%) !important;
}

.hero__grid {
  min-height: clamp(560px, 74vh, 760px) !important;
}

/* Stronger hierarchy and readability */
.hero__h1, .pagehead h1 {
  color: var(--fg-cream) !important;
  text-shadow:
    0 3px 0 rgba(58, 22, 8, 0.10),
    0 12px 28px rgba(0,0,0,0.32) !important;
}

.hero__sub, .pagehead__lead {
  color: rgba(255, 246, 232, 0.96) !important;
  text-shadow: 0 4px 14px rgba(0,0,0,0.18);
}

.hero .fg-eyebrow, .pagehead .fg-eyebrow {
  color: var(--fg-orange-light) !important;
  text-shadow: 0 3px 10px rgba(0,0,0,0.24);
  letter-spacing: 0.15em;
}

.hero__disclaimer {
  color: rgba(255, 235, 202, 0.90) !important;
  text-shadow: 0 3px 10px rgba(0,0,0,0.18);
}

/* Better CTA: orange/gold, readable, slot-like */
.hero__cta .fgds-btn--primary,
.mobile-cta__primary,
.fgds-btn--primary {
  background: linear-gradient(180deg, #ffd45d 0%, #f39b2c 54%, #db7218 100%) !important;
  color: #432506 !important;
  border: 1px solid rgba(139, 76, 12, 0.28) !important;
  box-shadow:
    0 16px 34px rgba(230, 126, 23, 0.34),
    inset 0 1px 0 rgba(255, 251, 232, 0.42) !important;
}

.hero__cta .fgds-btn--primary:hover,
.fgds-btn--primary:hover {
  box-shadow:
    0 18px 42px rgba(230, 126, 23, 0.44),
    inset 0 1px 0 rgba(255, 251, 232, 0.42) !important;
}

.hero__cta .fgds-btn--ondark {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.10) 100%) !important;
  border-color: rgba(255, 235, 204, 0.22) !important;
  color: #fff8ee !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.10);
}

.hero__cta .fgds-btn--ondark:hover {
  background: linear-gradient(180deg, rgba(255, 190, 91, 0.24) 0%, rgba(255, 255, 255, 0.13) 100%) !important;
  border-color: rgba(255, 219, 160, 0.34) !important;
}

/* Gameplay frame: keep decorative but make it cleaner */
.hero-shot {
  background: linear-gradient(180deg, rgba(78, 25, 14, 0.18) 0%, rgba(18, 8, 8, 0.12) 100%) !important;
  border-color: rgba(255, 214, 145, 0.46) !important;
  box-shadow:
    0 24px 48px rgba(50, 16, 10, 0.26),
    0 0 0 1px rgba(255, 214, 145, 0.16) inset !important;
}

.hero-shot::after {
  height: 82px !important;
  background: linear-gradient(180deg, transparent 0%, rgba(18, 8, 8, 0.26) 76%, rgba(18, 8, 8, 0.40) 100%) !important;
}

/* Quick fact cards: readable small labels */
.hero-metric {
  background: linear-gradient(180deg, rgba(255, 248, 236, 0.18) 0%, rgba(255, 217, 168, 0.10) 100%) !important;
  border-color: rgba(255, 235, 204, 0.22) !important;
}

.hero-metric span {
  color: rgba(255, 237, 210, 0.94) !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.18);
}

.hero-metric b {
  color: #fffaf1 !important;
  text-shadow: 0 3px 10px rgba(0,0,0,0.16);
}

/* Content below: cleaner white/cream panels, less noisy background */
main > .section > .fg-container {
  background: linear-gradient(180deg, rgba(255, 252, 247, 0.985) 0%, rgba(252, 244, 231, 0.985) 100%) !important;
  border-color: rgba(224, 174, 94, 0.26) !important;
  box-shadow:
    0 22px 54px rgba(83, 28, 14, 0.08),
    0 0 0 1px rgba(255, 245, 225, 0.45) inset !important;
}

main > .section.section--muted > .fg-container {
  background: linear-gradient(180deg, rgba(252, 244, 232, 0.99) 0%, rgba(248, 237, 219, 0.985) 100%) !important;
}

.section__title, .section__head h2, .prose h2, .prose h3 {
  color: var(--fg-ink) !important;
}

.section__lead, .prose p, .step__text, .trust-card p, .related__item span, .cguide__desc, .demo-note, .paytable td, .fgds-table td {
  color: var(--fg-body) !important;
}

.fg-eyebrow, .sm-col__h, .cguide__flag {
  color: var(--fg-orange-dark) !important;
}

/* Clean card style */
.fgds-card, .cguide, .step, .related__item, .symtile, .fgds-acc__item, .paytable, .fgds-table, .trust-card, .pc__col--pro, .pc__col--con {
  background: linear-gradient(180deg, rgba(255,255,255,0.99) 0%, rgba(252,246,237,0.985) 100%) !important;
  border-color: rgba(219, 166, 84, 0.18) !important;
  box-shadow: 0 12px 24px rgba(73, 24, 12, 0.045) !important;
}

.related, .fgds-card--soft {
  background: linear-gradient(180deg, rgba(252,246,236,0.99) 0%, rgba(248,238,222,0.985) 100%) !important;
  border-color: rgba(219, 166, 84, 0.18) !important;
}

.fgds-table thead th, .paytable th {
  background: linear-gradient(180deg, #8f461c 0%, #5a2413 100%) !important;
  color: #fff8ed !important;
}

.fgds-table tbody tr:nth-child(even) {
  background: rgba(240, 184, 98, 0.075) !important;
}

.fgds-feat__icon, .symtile__imgwrap, .paytable__thumb {
  background: linear-gradient(180deg, #693116 0%, #2c110d 100%) !important;
  border-color: rgba(255, 214, 145, 0.18) !important;
}

.showcase, .demo-embed__cover, .demo-embed__state {
  background:
    linear-gradient(180deg, rgba(82, 29, 18, 0.10) 0%, rgba(24, 10, 10, 0.34) 100%),
    radial-gradient(64% 54% at 50% 6%, rgba(255, 222, 140, 0.26), transparent 55%),
    url('assets/temple-sunset-bg.jpg') center center / cover no-repeat !important;
  border-color: rgba(255, 204, 118, 0.24) !important;
}

.related__item:hover, .cguide:hover, .symtile:hover, .fgds-card--hover:hover, .step:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 34px rgba(82, 28, 12, 0.10) !important;
}

.ftr {
  background: linear-gradient(180deg, rgba(74, 22, 15, 0.96) 0%, rgba(39, 14, 11, 0.98) 100%) !important;
  border-top: 1px solid rgba(255, 205, 122, 0.16) !important;
}

.ftr__h { color: #fff8ee !important; }
.ftr__about, .ftr__links a, .ftr__copy, .ftr__disclaimer { color: rgba(255, 237, 215, 0.78) !important; }
.ftr__links a:hover { color: #fffaf3 !important; }

.mobile-cta {
  background: linear-gradient(180deg, rgba(91, 30, 18, 0.96) 0%, rgba(48, 17, 13, 0.98) 100%) !important;
  border-color: rgba(255, 205, 122, 0.18) !important;
}

/* Keep older pages from inheriting low-contrast text */
.hero [class*="label"], .hero [class*="meta"], .hero [class*="micro"] {
  color: rgba(255, 237, 210, 0.92) !important;
}

@media (max-width: 860px) {
  .hero__grid { min-height: 0 !important; }
}


/* Fix hero image overlay: keep only one screenshot in hero */
.hero-shot::before {
  content: none !important;
  display: none !important;
  background: none !important;
}