:root {
  --bg-deep: #140a08;
  --bg-mid: #3a1a12;
  --surface: rgba(32, 14, 10, 0.88);
  --surface-2: rgba(196, 74, 28, 0.28);
  --border: rgba(255, 120, 50, 0.32);
  --text: #fff5e8;
  --muted: #c9a88a;
  --accent: #f4b942;
  --accent-2: #ff5c2b;
  --warning: #ffc857;
  --ink-strong: #fff5e8;
  --ink: #e8d4c0;
  --ink-soft: #c9a88a;
  --ink-link: #ffb347;
  --shadow: 0 26px 70px rgba(8, 2, 0, 0.55);
  --card-glow: 0 20px 50px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 120, 50, 0.14);
  --glow-a: rgba(255, 92, 43, 0.28);
  --glow-b: rgba(244, 185, 66, 0.22);
}

body {
  background:
    radial-gradient(1000px 560px at 12% 0%, rgba(255, 92, 43, 0.22), transparent 48%),
    radial-gradient(820px 460px at 88% 8%, rgba(244, 185, 66, 0.18), transparent 50%),
    radial-gradient(700px 360px at 50% 100%, rgba(196, 74, 28, 0.14), transparent 50%),
    linear-gradient(180deg, #5c1a0e 0%, #c43d1a 16%, #3a1a12 52%, #140a08 100%) !important;
  color: var(--text);
}

body::before,
body::after {
  opacity: 0.72;
  filter: blur(20px);
}

body::before {
  background:
    radial-gradient(closest-side, rgba(255, 140, 60, 0.28), transparent 72%) 10% 40% / 300px 120px no-repeat,
    radial-gradient(closest-side, rgba(244, 185, 66, 0.22), transparent 72%) 54% 24% / 360px 130px no-repeat,
    radial-gradient(closest-side, rgba(255, 92, 43, 0.18), transparent 72%) 86% 58% / 280px 110px no-repeat !important;
  animation: emberDrift 22s linear infinite !important;
}

body::after {
  background:
    radial-gradient(closest-side, rgba(255, 200, 87, 0.16), transparent 72%) 24% 52% / 320px 120px no-repeat,
    radial-gradient(closest-side, rgba(255, 92, 43, 0.20), transparent 72%) 74% 38% / 300px 100px no-repeat !important;
  animation: emberDrift 28s linear infinite reverse !important;
}

@keyframes emberDrift {
  from { transform: translateX(-2%); }
  to { transform: translateX(2%); }
}

a {
  color: var(--accent);
}

a:hover {
  color: var(--accent-2);
}

h1,
.hero h1,
.hs-hero h1,
.doc-hero h1 {
  color: var(--text) !important;
}

.eyebrow,
.lead,
.hs-intro,
.section-head p,
.doc-hero .lead,
.hero .lead {
  color: var(--muted) !important;
}

.section-head h2,
.store-head h2,
.play-for-fun h2,
.support-banner h3,
.important-disclaimer h2,
.step h3,
.feature h3,
.trust h4,
details summary,
article.section h2,
section.block h2,
.toc h2,
.hs-card h2,
.help-item h3,
.hs-resp h2,
.urgent-box h3 {
  color: var(--text) !important;
}

code {
  color: var(--warning);
  background: rgba(255, 92, 43, 0.12);
  border: 1px solid rgba(255, 120, 50, 0.22);
  border-radius: 8px;
  padding: 0.12rem 0.38rem;
}

header,
.site-header,
.game-top {
  background: rgba(20, 10, 8, 0.92) !important;
  border-bottom: 1px solid rgba(255, 120, 50, 0.24) !important;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.35);
}

footer,
.page-footer {
  background: rgba(20, 10, 8, 0.94) !important;
}

footer::before,
.game-top::after {
  background: linear-gradient(90deg, transparent 0%, var(--accent-2) 38%, var(--accent) 68%, transparent 100%) !important;
}

.brand,
.brand:hover,
.page-footer .logo {
  color: var(--text) !important;
}

.brand span {
  background: linear-gradient(135deg, #ffe9a8 0%, var(--accent) 42%, var(--accent-2) 100%) !important;
  color: #2a0f08 !important;
  box-shadow: 0 0 0 3px rgba(255, 120, 50, 0.18), 0 10px 28px rgba(255, 92, 43, 0.32) !important;
}

.pill,
.game-notice,
.combo-pill,
.store-badge,
.play-badge,
.game-tag {
  background: rgba(255, 92, 43, 0.12) !important;
  border-color: rgba(255, 120, 50, 0.28) !important;
  color: var(--text) !important;
}

.pill strong,
.store-badge,
.game-tag,
.help-item h3,
.hs-card h2,
.toc h2,
.chat-head strong {
  color: var(--warning) !important;
}

.eyebrow::before {
  background: var(--accent-2) !important;
  box-shadow: 0 0 12px rgba(255, 92, 43, 0.65) !important;
}

.btn-primary,
.btn-gen,
.chat-send,
.chat-toggle {
  background: linear-gradient(135deg, #ffe9a8 0%, var(--accent) 42%, #c97810 100%) !important;
  color: #2a0f08 !important;
  box-shadow: 0 16px 34px rgba(255, 92, 43, 0.28) !important;
}

.btn-primary:hover,
.btn-gen:hover,
.chat-send:hover,
.chat-toggle:hover {
  box-shadow: 0 20px 40px rgba(255, 92, 43, 0.38) !important;
}

.btn-ghost,
.btn-secondary {
  border-color: rgba(255, 120, 50, 0.32) !important;
  background: rgba(255, 92, 43, 0.06) !important;
  color: var(--text) !important;
}

.hero-card,
.card,
.store-shell,
.store-card,
.disclaimer-panel,
.step,
.hi,
.feature,
.trust,
details,
.support-banner,
.support-logos a,
.play-for-fun-panel,
.toc,
section.block .card,
article.section,
.hs-card,
.urgent-box,
.chat-panel,
.panel {
  background:
    linear-gradient(160deg, rgba(58, 26, 18, 0.94), rgba(32, 14, 10, 0.96)) !important;
  border-color: rgba(255, 120, 50, 0.2) !important;
  box-shadow: var(--card-glow) !important;
  backdrop-filter: blur(16px);
  color: var(--text) !important;
}

.card::before,
.store-card::before,
.panel::before,
.hi::before {
  background: linear-gradient(90deg, var(--accent-2) 0%, var(--accent) 55%, var(--warning) 100%) !important;
}

.store-title-line,
.play-for-fun .title-line,
.doc-hero .accent-bar,
.hero .bar {
  background: linear-gradient(90deg, var(--accent-2) 0%, var(--accent) 100%) !important;
  box-shadow: 0 0 18px rgba(255, 92, 43, 0.28) !important;
}

.stat,
.stat-grid-2 > div,
.store-note,
.card-front,
.paytable,
.reels-frame,
.cell,
.meter,
.wheel-glow,
.chat-bubble.bot,
.chat-bubble.user,
.hs-form input[type="email"],
.hs-form select,
.hs-form textarea,
.chat-input-row input {
  background: rgba(0, 0, 0, 0.28) !important;
  border-color: rgba(255, 120, 50, 0.18) !important;
  color: var(--text) !important;
}

.stat b,
.stat-grid-2 strong,
.hi strong,
.store-price,
.row-stats strong,
.msg,
.hs-email {
  color: var(--accent) !important;
  text-shadow: 0 0 20px rgba(244, 185, 66, 0.25) !important;
}

.reels-frame,
.cell,
.card-back,
.card-front {
  border-color: rgba(255, 120, 50, 0.24) !important;
}

.card-back {
  background: linear-gradient(145deg, #5c2818, #3a1410) !important;
  color: var(--text) !important;
}

.card-btn.matched .card-front,
.cell.win {
  border-color: var(--accent) !important;
  box-shadow: 0 0 20px rgba(244, 185, 66, 0.45) !important;
}

.pointer {
  border-top-color: var(--accent) !important;
}

.wheel-glow {
  background: radial-gradient(circle, rgba(255, 92, 43, 0.38), transparent 65%) !important;
}

.play-for-fun::before,
.store-shell::before,
.support-banner::after,
.disclaimer-panel::before {
  opacity: 0.75;
}

.play-for-fun-rail,
.play-for-fun-rail-mobile {
  background: linear-gradient(180deg, #ffe9a8 0%, var(--accent) 34%, var(--accent-2) 68%, #5c1a0e 100%) !important;
}

.support-logos span.desc,
.card p,
.store-card p,
.feature p,
.trust p,
details p,
.play-for-fun-prose p,
article.section p,
article.section ul,
.help-item p,
.hs-resp > p,
.urgent-box p,
.fineprint,
.hs-note,
.chat-head span {
  color: var(--muted) !important;
}

.stat span,
.store-note,
.paytable,
.chat-bubble.bot,
.chat-bubble.user,
.hs-form input[type="email"],
.hs-form select,
.hs-form textarea,
.chat-input-row input,
.row-stats,
.sub-hint {
  color: var(--muted) !important;
}

.page-footer nav a,
footer a,
nav a,
.back {
  color: var(--muted) !important;
}

.page-footer nav a:hover,
footer a:hover,
nav a:hover,
.back:hover {
  color: var(--accent) !important;
}

.urgent-box,
.chat-panel,
.chat-input-row,
.chat-head {
  background:
    linear-gradient(160deg, rgba(58, 26, 18, 0.96), rgba(32, 14, 10, 0.98)) !important;
}

.hero-card h2,
.hero-card h3,
.card h3,
.store-head h2,
.store-card h3,
.play-for-fun h2,
.disclaimer-panel h2,
.important-disclaimer h2,
.step h3,
.feature h3,
.trust h4,
.details summary,
details summary,
.toc h2,
.hs-card h2,
.help-item h3,
.hs-resp h2,
.urgent-box h3,
.doc article.section h2,
.doc-hero + article.section h2,
article.section h2,
section.block h2,
.support-banner h3,
.panel .game-title,
.panel strong,
.game-notice {
  color: var(--text) !important;
}

.combo-pill,
.play-badge,
.store-badge,
.game-tag {
  color: var(--warning) !important;
}

.hero-card .lead,
.play-for-fun-prose p,
.card p,
.store-card p,
.feature p,
.trust p,
details p,
.disclaimer-panel p,
.support-banner p,
article.section p,
article.section ul,
section.block p,
section.block li,
.hs-card p,
.help-item p,
.hs-resp > p,
.urgent-box p,
.chat-head span,
.fineprint {
  color: var(--muted) !important;
}

section:nth-of-type(even) {
  background: linear-gradient(180deg, transparent, rgba(255, 92, 43, 0.05) 42%, transparent) !important;
}

.game-tag {
  background: rgba(255, 92, 43, 0.14) !important;
  border-color: rgba(255, 120, 50, 0.28) !important;
}