:root {
  color-scheme: dark;
  --ink: #f2eddf;
  --muted: #bdc4b8;
  --night: #112019;
  --panel: #1b2b22;
  --panel-2: #24362c;
  --line: #435548;
  --copper: #d99465;
  --terracotta: #a9563d;
  --saffron: #edc96f;
  --clay: #d99465;
  --danger: #ffb5a7;
  --radius: 8px;
  --measure: 70ch;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--night);
  color: var(--ink);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.layout-group { min-width: 0; }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--night); line-height: 1.62; }
a { color: var(--copper); text-decoration-thickness: .08em; text-underline-offset: .18em; }
a:hover { color: var(--saffron); }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
img, svg { max-width: 100%; }
:focus-visible { outline: 3px solid var(--saffron); outline-offset: 4px; border-radius: 4px; }
.skip-link { position: absolute; left: 1rem; top: -5rem; z-index: 20; padding: .8rem 1rem; background: var(--saffron); color: #151321; font-weight: 800; }
.skip-link:focus { top: 1rem; }
.shell { width: min(1160px, calc(100% - 40px)); margin-inline: auto; }
.site-header { position: sticky; top: 0; z-index: 5; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(17,32,25,.96); backdrop-filter: blur(16px); }
.header-row { display: flex; align-items: center; gap: 28px; min-height: 78px; }
.brand { display: inline-flex; align-items: center; gap: 11px; flex: 0 0 auto; color: var(--ink); text-decoration: none; }
.brand-mark { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: var(--saffron); color: #152219; font-size: 19px; font-weight: 950; letter-spacing: -.1em; box-shadow: 0 0 26px rgba(237,201,111,.14); }
.brand-copy { display: grid; line-height: 1.06; }
.brand-copy strong { font-size: 17px; letter-spacing: -.045em; }
.brand-copy small { margin-top: 4px; color: var(--muted); font-size: 9px; letter-spacing: .19em; text-transform: uppercase; }
.main-nav { display: flex; align-items: center; justify-content: center; gap: 22px; flex: 1; }
.main-nav a { color: #e1e6d8; font-size: 13px; font-weight: 650; text-decoration: none; }
.main-nav a:hover, .main-nav a[aria-current="page"] { color: var(--saffron); }
.header-actions { display: flex; align-items: center; gap: 12px; }
.menu-toggle { display: none; border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; color: var(--ink); background: transparent; cursor: pointer; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; gap: 9px; padding: 11px 18px; border: 1px solid transparent; border-radius: 999px; background: var(--saffron); color: #17231b; font-size: 13px; font-weight: 850; text-decoration: none; transition: transform .18s ease, background-color .18s ease; }
.button:hover { color: #17231b; background: #f5d997; transform: translateY(-1px); }
.button-secondary { color: var(--ink); border-color: #526455; background: transparent; }
.button-secondary:hover { color: var(--saffron); border-color: var(--copper); background: rgba(217,148,101,.08); }
.button-small { min-height: 38px; padding: 8px 13px; font-size: 12px; }

.hero { position: relative; overflow: hidden; padding: 58px 0 50px; border-bottom: 1px solid rgba(255,255,255,.07); background: radial-gradient(ellipse at 73% 22%, rgba(169,86,61,.24), transparent 36%), radial-gradient(ellipse at 8% 86%, rgba(237,201,111,.075), transparent 32%), #14121f; }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(270px, .75fr); align-items: center; gap: clamp(30px, 7vw, 88px); }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 17px; color: var(--saffron); font-size: 11px; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; }
.eyebrow::before { width: 18px; height: 2px; background: var(--saffron); content: ""; }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 800px; margin-bottom: 17px; font-size: clamp(38px, 6vw, 67px); line-height: .99; letter-spacing: -.065em; }
.hero-copy { max-width: 62ch; margin-bottom: 25px; color: #d1d5c9; font-size: 17px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.hero-footnote { margin: 16px 0 0; color: #b5beb1; font-size: 12px; }
.offer-card { position: relative; padding: 25px; border: 1px solid rgba(255,255,255,.13); border-radius: 26px; background: linear-gradient(145deg, rgba(217,148,101,.16), rgba(32,29,45,.94) 55%); box-shadow: 0 26px 80px rgba(0,0,0,.25); }
.offer-label { margin-bottom: 9px; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.offer-card h2 { margin-bottom: 11px; font-size: 27px; line-height: 1.08; letter-spacing: -.045em; }
.offer-card p { margin-bottom: 20px; color: #cbd1c5; font-size: 13px; }
.offer-rule { display: flex; justify-content: space-between; gap: 16px; padding: 11px 0; border-top: 1px solid rgba(255,255,255,.11); color: #d9ded2; font-size: 12px; }
.offer-rule b { color: var(--saffron); font-weight: 750; text-align: right; }
.offer-card .button { width: 100%; margin-top: 14px; }
.page-main { padding: 32px 0 76px; }
.breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 28px; color: #9eac9e; font-size: 12px; }
.breadcrumbs a { color: #bdc4b8; text-decoration: none; }
.breadcrumbs span[aria-current="page"] { color: #e3e6dc; }
.article-layout { display: block; }
.article { min-width: 0; }
.article-head { margin-bottom: 29px; }
.placement-cta { display: flex; margin: 15px 0 22px; }
.placement-cta .button { width: fit-content; }
.article-head .placement-cta { margin: 16px 0 0; }
.home-answer-cta { margin-top: 14px; }
.article-head h1 { max-width: 850px; margin-bottom: 16px; font-size: clamp(36px, 5.1vw, 58px); line-height: 1.02; }
.article-head .standfirst { max-width: var(--measure); margin: 0; color: #cbd1c5; font-size: 17px; }
.page-promo { display: grid; grid-template-columns: 66px minmax(0, 1fr) auto; align-items: center; gap: 16px; margin: 21px 0 18px; padding: 15px 17px; border: 1px solid rgba(217,148,101,.27); border-radius: 18px; background: linear-gradient(105deg, rgba(217,148,101,.095), rgba(255,255,255,.025) 65%, rgba(237,201,111,.045)); }
.page-promo-art { display: grid; place-items: center; width: 64px; height: 64px; border: 1px solid rgba(255,255,255,.09); border-radius: 17px; background: radial-gradient(circle, rgba(217,148,101,.1), rgba(17,32,25,.48)); }
.page-promo-art svg { width: 52px; height: 52px; overflow: visible; }
.page-promo-copy { min-width: 0; }
.page-promo-kicker { margin: 0 0 3px; color: var(--saffron); font-size: 9px; font-weight: 850; letter-spacing: .13em; line-height: 1.4; text-transform: uppercase; }
.page-promo-copy h2 { margin: 0 0 3px; color: var(--ink); font-size: clamp(14px, 1.45vw, 18px); line-height: 1.2; letter-spacing: -.025em; }
.page-promo-line { margin: 0; color: #bdb7ca; font-size: 11px; line-height: 1.45; }
.page-promo-action { display: flex; justify-content: flex-end; }
.page-promo-button { min-height: 40px; padding: 9px 14px; white-space: nowrap; font-size: 11px; }
.page-promo-quiet { border-color: rgba(154,192,161,.2); background: linear-gradient(105deg, rgba(154,192,161,.075), rgba(255,255,255,.02)); }
.page-promo-quiet .page-promo-kicker { color: #b5d0b8; }
.page-promo-quiet .page-promo-button { border-color: #526455; }
.context-popup { position: fixed; inset: 0; display: none; width: min(470px, calc(100% - 36px)); max-width: 470px; max-height: min(90dvh, 650px); margin: auto; padding: 32px; overflow: auto; border: 1px solid rgba(237,201,111,.3); border-radius: 25px; background: radial-gradient(ellipse at 92% 8%, rgba(217,148,101,.2), transparent 42%), #1b2b22; color: var(--ink); box-shadow: 0 30px 100px rgba(0,0,0,.65); text-align: center; }
.context-popup[open] { display: block; }
.context-popup::backdrop { background: rgba(8,7,13,.76); backdrop-filter: blur(5px); }
.context-popup-close { position: absolute; top: 11px; right: 13px; display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; background: rgba(255,255,255,.045); color: var(--ink); font-size: 25px; line-height: 1; cursor: pointer; }
.context-popup-close:hover, .mobile-context-bar-close:hover { border-color: var(--copper); color: var(--saffron); }
.context-popup-art { display: grid; place-items: center; width: 86px; height: 86px; margin: 0 auto 16px; border: 1px solid rgba(255,255,255,.1); border-radius: 24px; background: rgba(255,255,255,.035); }
.context-popup-art svg { width: 72px; height: 72px; }
.context-popup .page-promo-kicker { justify-content: center; }
.context-popup h2 { margin: 0 auto 11px; max-width: 24ch; font-size: clamp(23px, 4vw, 31px); line-height: 1.12; letter-spacing: -.045em; }
.context-popup-copy { max-width: 48ch; margin: 0 auto 22px; color: #cbd1c5; font-size: 14px; }
.context-popup-cta { width: 100%; }
.mobile-context-bar { position: fixed; z-index: 7; right: 12px; bottom: max(10px, env(safe-area-inset-bottom)); left: 12px; display: grid; grid-template-columns: minmax(0,1fr) auto 35px; align-items: center; gap: 10px; max-width: 650px; margin-inline: auto; padding: 11px 12px; border: 1px solid rgba(237,201,111,.35); border-radius: 17px; background: rgba(27,43,34,.97); box-shadow: 0 12px 38px rgba(0,0,0,.42); backdrop-filter: blur(14px); }
.mobile-context-bar[hidden] { display: none !important; }
.mobile-context-bar-copy { display: grid; min-width: 0; gap: 2px; line-height: 1.25; }
.mobile-context-bar-copy strong { overflow: hidden; color: var(--saffron); font-size: 9px; letter-spacing: .1em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.mobile-context-bar-copy span { display: -webkit-box; overflow: hidden; color: var(--ink); font-size: 11px; font-weight: 700; line-height: 1.25; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.mobile-context-bar-cta { min-height: 39px; padding: 8px 12px; font-size: 10px; white-space: nowrap; }
.mobile-context-bar-close { display: grid; place-items: center; width: 35px; height: 35px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; background: transparent; color: var(--muted); font-size: 22px; line-height: 1; cursor: pointer; }
body.has-mobile-context-bar { padding-bottom: calc(102px + env(safe-area-inset-bottom)); }
.updated-line { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 17px; color: #9ba69b; font-size: 11px; }
.updated-line span + span::before { margin-right: 12px; color: #5d576d; content: "•"; }
.answer-card { position: relative; margin: 0 0 29px; padding: 22px 24px 22px 28px; border: 1px solid rgba(237,201,111,.28); border-radius: 0 var(--radius) var(--radius) 0; background: linear-gradient(115deg, rgba(237,201,111,.095), rgba(217,148,101,.06)); }
.answer-card::before { position: absolute; top: 0; bottom: 0; left: 0; width: 4px; border-radius: 3px; background: var(--saffron); content: ""; }
.answer-card h2 { margin-bottom: 8px; color: var(--saffron); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; }
.answer-card p { max-width: var(--measure); margin: 0; color: #f2eddf; font-size: 16px; }
.article-body { max-width: var(--measure); color: #d0d8ca; font-size: 15px; }
.article-body p { margin-bottom: 19px; }
.section-heading { margin: 35px 0 13px; font-size: 25px; line-height: 1.15; letter-spacing: -.04em; }
.check-list { display: grid; gap: 10px; margin: 14px 0 28px; padding: 0; list-style: none; }
.check-list li { position: relative; padding: 11px 14px 11px 42px; border: 1px solid rgba(255,255,255,.085); border-radius: 14px; background: rgba(255,255,255,.025); color: #d9ded2; font-size: 14px; }
.check-list li::before { position: absolute; top: 12px; left: 14px; display: grid; place-items: center; width: 18px; height: 18px; border-radius: 6px; background: rgba(237,201,111,.14); color: var(--saffron); font-size: 11px; font-weight: 900; content: "✓"; }
.term-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; margin: 14px 0 28px; }
.term-card { min-height: 158px; padding: 16px; border: 1px solid rgba(237,201,111,.18); border-radius: 16px; background: linear-gradient(155deg, rgba(237,201,111,.07), rgba(255,255,255,.02)); }
.term-card > span, .game-overview span, .trust-grid span { color: var(--saffron); font-size: 9px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.term-card h3 { margin: 16px 0 7px; font-size: 15px; line-height: 1.2; }
.term-card p { margin: 0; color: #bbb5c9; font-size: 12px; }
.bonus-details { margin: 27px 0 34px; }
.bonus-source-line, .bonus-illustrative-note { max-width: 80ch; color: #bdb7ca; font-size: 12px; line-height: 1.65; }
.bonus-source-line { margin: 0 0 18px; padding: 14px 16px; border-left: 3px solid var(--saffron); border-radius: 0 12px 12px 0; background: rgba(237,201,111,.045); }
.bonus-source-line a { color: #edc96f; }
.bonus-facts-wrap { margin: 12px 0 15px; }
.bonus-facts th { width: 27%; }
.bonus-illustrative-note { margin: 16px 0 7px; }
.bonus-examples, .bonus-ladder { display: grid; gap: 9px; margin: 12px 0 25px; padding: 0; list-style: none; }
.bonus-examples li, .bonus-ladder li { display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: start; gap: 12px; padding: 14px 15px; border: 1px solid rgba(255,255,255,.09); border-radius: 14px; background: rgba(255,255,255,.025); }
.bonus-examples li > span, .bonus-ladder li > span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: rgba(217,148,101,.12); color: #edc96f; font-size: 10px; font-weight: 900; }
.bonus-ladder li > span { background: rgba(237,201,111,.12); color: var(--saffron); }
.bonus-examples p, .bonus-ladder p { margin: 3px 0 0; color: #d0d8ca; font-size: 13px; line-height: 1.55; }
.bonus-rollover-calculator { display: grid; max-width: 680px; gap: 9px; margin: 26px 0 0; padding: 22px; border: 1px solid rgba(237,201,111,.25); border-radius: 18px; background: linear-gradient(145deg, rgba(237,201,111,.05), #14131c 55%); }
.bonus-rollover-calculator .eyebrow { margin: 0; }
.bonus-rollover-calculator h3 { margin: 0; font-size: 21px; }
.bonus-rollover-calculator > p:not(.eyebrow) { margin: 0 0 4px; color: #bdb7ca; font-size: 12px; line-height: 1.55; }
.bonus-rollover-calculator label { margin-top: 4px; color: #e3e6dc; font-size: 12px; font-weight: 700; }
.bonus-rollover-calculator input { width: 100%; min-height: 43px; padding: 10px 12px; border: 1px solid #526455; border-radius: 11px; background: #1b1924; color: var(--ink); font: inherit; }
.bonus-rollover-calculator .button { margin-top: 6px; cursor: pointer; }
.bonus-rollover-calculator .calculator-result { min-height: 43px; margin: 5px 0 0; padding: 11px; border-left: 3px solid var(--saffron); border-radius: 4px 10px 10px 4px; background: rgba(237,201,111,.075); color: #f1f5dc; font-size: 13px; }
.bonus-conversion { border: 1px solid rgba(237,201,111,.2); background: linear-gradient(115deg, #344737, #24362c 70%); }
.game-overview { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 9px; margin: 14px 0 17px; }
.game-overview > div { display: grid; align-content: space-between; min-height: 93px; gap: 15px; padding: 13px; border: 1px solid rgba(217,148,101,.27); border-radius: 15px; background: linear-gradient(145deg, rgba(217,148,101,.11), rgba(255,255,255,.02)); }
.game-overview strong { color: #f2eddf; font-size: 13px; line-height: 1.25; }
.theme-game-detail .game-overview > div:first-child { border-color: rgba(237,201,111,.33); }
.theme-providers .game-overview { grid-template-columns: 1.2fr 1fr 1fr; }
.game-detail-content { margin: 27px 0 34px; }
.game-art { position: relative; display: grid; grid-template-columns: minmax(100px, 150px) minmax(0,1fr); align-items: center; gap: 20px; min-height: 180px; margin: 0 0 28px; padding: clamp(18px, 3vw, 30px); overflow: hidden; border: 1px solid var(--line); border-radius: 4px 14px 4px 14px; background: var(--panel); }
.game-art svg { position: relative; z-index: 1; width: min(100%, 144px); height: auto; }
.game-art .art-line { stroke: currentColor; }
.game-art-caption { position: relative; z-index: 1; display: grid; gap: 8px; }
.game-art-caption span { color: var(--copper); font-size: 9px; font-weight: 850; letter-spacing: .15em; }
.game-art-caption strong { max-width: 17ch; color: #f2eddf; font-size: clamp(20px, 3vw, 31px); line-height: 1.03; letter-spacing: -.045em; }
.game-art figcaption { position: absolute; z-index: 1; right: 18px; bottom: 14px; max-width: 48ch; color: #aeb9ac; font-size: 10px; text-align: right; }
.game-facts-wrap { margin: 12px 0 10px; overflow-x: auto; border: 1px solid rgba(217,148,101,.22); border-radius: 15px; background: rgba(255,255,255,.02); }
.game-facts { width: 100%; border-collapse: collapse; font-size: 13px; }
.game-facts caption { padding: 12px 15px; color: #aeb9ac; font-size: 11px; text-align: left; }
.game-facts th, .game-facts td { padding: 11px 15px; border-top: 1px solid rgba(255,255,255,.075); text-align: left; vertical-align: top; }
.game-facts th { width: 34%; color: #cbd1c5; font-weight: 700; }
.game-facts td { color: #f2eddf; }
.payment-methods { min-width: 900px; }
.payment-methods th:first-child { min-width: 145px; }
.payment-methods td { min-width: 180px; }
.payment-source-line { margin: 10px 0 22px; color: #aeb9ac; font-size: 11px; }
.payment-source-line a { color: #edc96f; }
.vip-status-card { display: grid; grid-template-columns: 82px minmax(0,1fr); align-items: center; gap: 18px; margin: 17px 0 28px; padding: 20px; border: 1px solid rgba(217,148,101,.28); border-radius: 20px; background: radial-gradient(ellipse at 0 50%, rgba(217,148,101,.12), transparent 58%), #181621; }
.vip-status-card p:last-child { margin: 0; color: #d9ded2; }
.vip-status-card .eyebrow { margin-bottom: 7px; color: #ffd49e; }
.vip-seal { display: grid; place-items: center; align-content: center; gap: 2px; width: 74px; height: 74px; border: 1px solid rgba(217,148,101,.45); border-radius: 50%; background: rgba(217,148,101,.08); color: #ffd49e; }
.vip-seal span { font-size: 20px; font-weight: 950; letter-spacing: .08em; }
.vip-seal small { font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.vip-comparison { min-width: 980px; }
.vip-comparison th:first-child { min-width: 170px; }
.vip-comparison td { min-width: 330px; line-height: 1.55; }
.vip-game-links a, .vip-account-links a { border-color: rgba(217,148,101,.2); }
.vip-game-links a:hover, .vip-account-links a:hover { border-color: rgba(217,148,101,.6); color: #ffd49e; }
.vip-conversion { border-color: rgba(217,148,101,.32); background: linear-gradient(110deg, rgba(217,148,101,.09), rgba(255,255,255,.025)); }
.vip-conversion .button { background: var(--clay); color: #211a19; }
.game-facts-note { margin: 10px 0 24px; color: #aeb9ac; font-size: 11px; }
.source-note { margin: 9px 0 23px; color: #aeb9ac; font-size: 11px; }
.source-note a { color: #edc96f; }
.game-steps { display: grid; gap: 9px; margin: 12px 0 24px; padding-left: 24px; color: #d0d8ca; }
.game-steps li { padding-left: 4px; }
.game-example { margin: 12px 0 25px; padding: 17px 18px; border-left: 3px solid var(--saffron); border-radius: 0 14px 14px 0; background: rgba(237,201,111,.055); color: #e7e2ee; }
.game-similar { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 24px; }
.game-similar a { display: inline-flex; align-items: center; gap: 9px; min-height: 40px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 12px; color: #e9e3f3; font-size: 12px; text-decoration: none; }
.game-similar a:hover { border-color: var(--copper); color: var(--saffron); }
.game-similar a span { color: var(--saffron); }
.step-list { position: relative; display: grid; gap: 0; margin: 16px 0 28px; padding: 0; list-style: none; }
.step-list::before { position: absolute; top: 19px; bottom: 19px; left: 18px; width: 1px; background: #526455; content: ""; }
.step-list li { position: relative; display: grid; grid-template-columns: 38px 1fr; gap: 13px; padding: 10px 0; }
.step-num { z-index: 1; display: grid; place-items: center; width: 37px; height: 37px; border: 1px solid #d99465; border-radius: 50%; background: #1a1728; color: var(--saffron); font-size: 10px; font-weight: 900; }
.step-list strong { display: block; margin: 2px 0 3px; color: #f2eddf; font-size: 14px; }
.step-list p { margin: 0; color: #bab4c8; font-size: 13px; }
.safety-note { display: flex; align-items: flex-start; gap: 15px; margin: 17px 0 24px; padding: 18px; border: 1px solid rgba(217,148,101,.35); border-radius: 17px; background: linear-gradient(110deg, rgba(217,148,101,.11), rgba(255,255,255,.02)); }
.safety-mark { display: grid; flex: 0 0 auto; place-items: center; width: 42px; height: 42px; border-radius: 13px; background: var(--clay); color: #211a19; font-size: 13px; font-weight: 950; }
.safety-note strong { color: var(--clay); font-size: 14px; }
.safety-note p { margin: 4px 0 0; color: #d2c4b6; font-size: 13px; }
.trust-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 9px; margin: 15px 0 29px; }
.trust-grid article { min-height: 112px; padding: 15px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.025); }
.trust-grid article > span { color: #b9abff; }
.trust-grid p { margin: 13px 0 0; color: #c1bbcf; font-size: 12px; }
.theme-bonus .answer-card { border-color: rgba(237,201,111,.42); }
.theme-games .answer-card, .theme-providers .answer-card, .theme-game-detail .answer-card { border-color: rgba(217,148,101,.4); background: linear-gradient(115deg, rgba(217,148,101,.12), rgba(217,148,101,.025)); }
.theme-games .answer-card::before, .theme-providers .answer-card::before, .theme-game-detail .answer-card::before { background: var(--copper); }
.theme-games .answer-card h2, .theme-providers .answer-card h2, .theme-game-detail .answer-card h2 { color: #c4b9ff; }
.theme-account .answer-card, .theme-mobile .answer-card { border-color: rgba(217,148,101,.28); background: linear-gradient(115deg, rgba(217,148,101,.075), rgba(255,255,255,.02)); }
.theme-account .answer-card::before, .theme-mobile .answer-card::before { background: var(--clay); }
.theme-account .answer-card h2, .theme-mobile .answer-card h2 { color: var(--clay); }
.theme-safe .answer-card { border-color: rgba(217,148,101,.4); background: linear-gradient(115deg, rgba(217,148,101,.1), rgba(255,255,255,.018)); }
.theme-safe .answer-card::before { background: var(--clay); }
.theme-safe .answer-card h2 { color: var(--clay); }
.theme-editorial .answer-card { border-color: rgba(255,255,255,.18); background: linear-gradient(115deg, rgba(255,255,255,.055), rgba(255,255,255,.015)); }
.theme-editorial .answer-card::before { background: #aeb9ac; }
.theme-editorial .answer-card h2 { color: #d0c8dc; }
.theme-help .answer-card { border-radius: var(--radius); border-color: rgba(217,148,101,.22); }
.example-card { margin: 27px 0; padding: 20px 22px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); }
.example-card .eyebrow { margin-bottom: 8px; font-size: 9px; }
.example-card p { margin: 0; color: #c5bfd2; font-size: 14px; }
.faq-section { margin-top: 33px; }
.faq-section h2 { margin-bottom: 13px; }
.faq-item { padding: 17px 0; border-top: 1px solid var(--line); }
.faq-item h3 { margin-bottom: 6px; font-size: 16px; }
.faq-item p { margin-bottom: 0; color: #bcb6ca; font-size: 14px; }
.source-note { margin: 21px 0; color: #9ba69b; font-size: 12px; }
.source-note a { color: #c2b6ff; }
.related-section { margin-top: 42px; }
.related-section h2 { margin-bottom: 14px; font-size: 22px; }
.related-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.related-card { display: flex; min-height: 66px; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 15px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.025); color: var(--ink); font-size: 13px; font-weight: 700; text-decoration: none; }
.related-card::after { color: var(--saffron); content: "↗"; }
.related-card:hover { border-color: var(--copper); color: var(--saffron); }
.contextual-next-route { margin: 14px 0 0; color: var(--muted); font-size: 13px; }
.contextual-next-route a { color: var(--saffron); text-underline-offset: 3px; }
.game-directory { margin-top: 22px; }
.game-directory > p { max-width: 72ch; margin: -7px 0 16px; color: var(--muted); font-size: 13px; }
.game-index-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.game-index-item { min-width: 0; list-style: none; }
.game-index-card { display: grid; align-content: start; gap: 7px; min-height: 104px; padding: 14px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.025); text-decoration: none; }
.game-index-card:hover { border-color: var(--copper); }
.game-index-card strong { color: var(--ink); font-size: 13px; line-height: 1.3; }
.game-index-card p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.conversion-card { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 20px; margin-top: 42px; padding: 24px; border-radius: var(--radius); background: linear-gradient(115deg, #2c4935, #1d3225 68%, #15241b); }
.conversion-card h2 { margin-bottom: 7px; font-size: 22px; letter-spacing: -.04em; }
.conversion-card p { max-width: 60ch; margin: 0; color: #d4cdec; font-size: 13px; }
.conversion-card .button { white-space: nowrap; }
.page-aside { position: static; }
.aside-card { padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); }
.aside-card + .aside-card { margin-top: 13px; }
.aside-card h2 { margin-bottom: 13px; font-size: 14px; }
.aside-card ul { margin: 0; padding: 0; list-style: none; }
.aside-card li + li { margin-top: 11px; }
.aside-card li a { color: #d1cada; font-size: 12px; text-decoration: none; }
.aside-card li a:hover { color: var(--saffron); }
.aside-mini { color: #aaa4b8; font-size: 12px; }
.aside-mini b { display: block; margin-bottom: 6px; color: var(--saffron); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }

.commercial-sidebar, .mobile-inline-offers { min-width: 0; }
.commercial-sidebar { display: none; }
.mobile-inline-offers { display: none; }
.geo-facts-card, .sidebar-offer-card, .related-route-card { min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(150deg, rgba(255,255,255,.045), rgba(27,43,34,.98) 48%); }
.geo-facts-card h2, .sidebar-offer-card h2, .related-route-card h2 { margin: 0; font-size: 16px; line-height: 1.25; letter-spacing: -.025em; }
.sidebar-kicker { margin: 0 0 5px; color: var(--saffron); font-size: 9px; font-weight: 850; letter-spacing: .12em; line-height: 1.35; text-transform: uppercase; }
.geo-facts-card dl { display: grid; gap: 0; margin: 14px 0 0; }
.geo-facts-card dl > div { display: grid; grid-template-columns: minmax(82px,.7fr) minmax(0,1.3fr); gap: 8px; padding: 8px 0; border-top: 1px solid rgba(255,255,255,.075); }
.geo-facts-card dt { color: #9ba69b; font-size: 10px; }
.geo-facts-card dd { min-width: 0; margin: 0; color: #e3e6dc; font-size: 11px; font-weight: 650; line-height: 1.4; overflow-wrap: anywhere; }
.geo-facts-card dd a { color: var(--saffron); text-decoration: none; }
.sidebar-offer-card { border-color: rgba(217,148,101,.24); background: radial-gradient(circle at 95% 0, rgba(217,148,101,.1), transparent 35%), linear-gradient(150deg, #211f2e, #171521 72%); }
.sidebar-featured-card { border-color: rgba(237,201,111,.28); background: radial-gradient(circle at 90% 5%, rgba(237,201,111,.11), transparent 34%), linear-gradient(150deg, #24252a, #171521 72%); }
.sidebar-offer-head { display: grid; grid-template-columns: 54px minmax(0,1fr); align-items: center; gap: 12px; }
.sidebar-brand-visual, .sidebar-offer-visual { display: grid; place-items: center; width: 54px; height: 54px; flex: 0 0 54px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; background: rgba(255,255,255,.035); }
.sidebar-brand-visual img { display: block; width: 42px; height: 42px; object-fit: contain; }
.sidebar-offer-visual svg { display: block; width: 46px; height: 46px; }
.responsive-raster { display: block; width: 100%; height: auto; object-fit: cover; object-position: var(--image-crop-mobile, center); }
.sidebar-offer-summary { margin: 13px 0 0; color: #bdc4b8; font-size: 11px; line-height: 1.5; }
.sidebar-benefits { display: grid; gap: 7px; margin: 13px 0 0; padding: 0; list-style: none; }
.sidebar-benefits li { position: relative; padding-left: 15px; color: #e0e4d9; font-size: 10px; line-height: 1.45; overflow-wrap: anywhere; }
.sidebar-benefits li::before { position: absolute; top: .56em; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--saffron); content: ""; }
.sidebar-score { display: inline-flex; align-items: baseline; gap: 4px; margin-top: 12px; color: var(--saffron); font-size: 19px; font-weight: 850; letter-spacing: -.04em; }
.sidebar-score small { color: #aaa4b8; font-size: 9px; font-weight: 650; letter-spacing: 0; }
.sidebar-score-note { margin: 2px 0 0; color: #aeb9ac; font-size: 9px; line-height: 1.4; }
.sidebar-offer-cta { width: 100%; min-height: 42px; margin-top: 15px; padding-inline: 12px; font-size: 11px; }
.related-route-card { border-color: rgba(154,192,161,.19); background: linear-gradient(145deg, rgba(154,192,161,.07), #1b2b22 55%); }
.related-route-card h2 { margin-bottom: 8px; color: #d1d5c9; font-size: 13px; }
.related-route-card > a { display: flex; align-items: start; justify-content: space-between; gap: 10px; color: #cbd1c5; font-size: 11px; font-weight: 700; line-height: 1.4; text-decoration: none; }
.related-route-card > a span { flex: 0 0 auto; color: var(--saffron); }
.has-context-popup .commercial-sidebar { visibility: hidden; }

.home-sections { padding-top: 48px; }
.section-topline { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.section-topline h2 { margin-bottom: 4px; font-size: clamp(26px, 3vw, 36px); letter-spacing: -.05em; }
.section-topline p { max-width: 52ch; margin: 0; color: var(--muted); font-size: 13px; }
.topic-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 13px; }
.topic-card { min-height: 178px; padding: 19px; border: 1px solid var(--line); border-radius: 19px; background: linear-gradient(140deg, var(--panel-2), #171521); text-decoration: none; transition: transform .18s ease, border-color .18s ease; }
.topic-card:hover { transform: translateY(-3px); border-color: var(--copper); }
.topic-card .topic-index { display: block; margin-bottom: 27px; color: var(--saffron); font-size: 10px; font-weight: 850; letter-spacing: .18em; }
.topic-card strong { display: block; margin-bottom: 7px; color: var(--ink); font-size: 17px; line-height: 1.15; letter-spacing: -.03em; }
.topic-card span:last-child { color: #aaa4b8; font-size: 12px; }
.home-note { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 18px; }
.home-note article { padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: var(--panel); }
.home-note h3 { margin-bottom: 9px; font-size: 18px; }
.home-note p { margin-bottom: 0; color: #bdb7ca; font-size: 13px; }

.home-answer { padding-top: 25px; }
.home-answer .answer-card { margin-bottom: 0; }
.home-answer .answer-card a { color: var(--saffron); }
.home-facts { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; margin-top: 30px; }
.home-facts > div { display: grid; gap: 3px; padding: 13px 16px; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: rgba(255,255,255,.045); }
.home-facts span { color: #b5beb1; font-size: 9px; font-weight: 850; letter-spacing: .16em; }
.home-facts strong { color: #f2eddf; font-size: 14px; }
.home-funnel, .home-section { margin-top: 30px; padding-block: clamp(27px, 4vw, 52px); }
.home-funnel { border: 1px solid var(--line); border-radius: 28px; }
.funnel-intro { max-width: 820px; margin: 0 auto 28px; text-align: center; }
.funnel-intro h2, .home-section h2, .home-final-cta h2 { margin-bottom: 14px; font-size: clamp(27px, 3.8vw, 42px); line-height: 1.08; letter-spacing: -.05em; }
.funnel-intro > p:not(.eyebrow), .feature-copy > p, .vip-copy > p { color: #cbd1c5; font-size: 14px; }
.funnel-bonus { padding-inline: clamp(18px, 4.5vw, 58px); border-color: rgba(237,201,111,.26); background: radial-gradient(ellipse at 90% 15%, rgba(237,201,111,.09), transparent 35%), linear-gradient(145deg, rgba(237,201,111,.045), var(--panel) 40%); }
.bonus-layout { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(300px,.9fr); align-items: start; gap: clamp(24px, 4vw, 54px); }
.bonus-checks h3, .bonus-calculator h3, .games-detail h3 { margin-bottom: 14px; font-size: 20px; letter-spacing: -.03em; }
.bonus-checks ol { display: grid; gap: 12px; margin: 0 0 18px; padding-left: 24px; color: #d9ded2; font-size: 14px; }
.bonus-checks li { padding-left: 4px; }
.bonus-checks li::marker { color: var(--saffron); font-weight: 850; }
.bonus-checks b { color: #f2eddf; }
.bonus-checks > p:last-child { color: var(--muted); font-size: 13px; }
.bonus-calculator { display: grid; gap: 8px; padding: 23px; border: 1px solid rgba(237,201,111,.3); border-radius: 22px; background: #13131a; box-shadow: 0 18px 50px rgba(0,0,0,.16); }
.bonus-calculator .eyebrow { margin-bottom: 0; }
.bonus-calculator > p:not(.eyebrow) { margin: 0 0 5px; color: var(--muted); font-size: 12px; }
.bonus-calculator label:not(.radio-option) { margin-top: 5px; color: #e3e6dc; font-size: 12px; font-weight: 700; }
.bonus-calculator input[type="number"], .game-finder input { width: 100%; min-height: 43px; padding: 10px 12px; border: 1px solid #526455; border-radius: 11px; background: #1b1924; color: var(--ink); font: inherit; }
.bonus-calculator input::placeholder, .game-finder input::placeholder { color: #9ba69b; }
.bonus-calculator fieldset { display: grid; gap: 8px; margin: 8px 0; padding: 12px; border: 1px solid var(--line); border-radius: 13px; }
.bonus-calculator legend { padding-inline: 6px; color: #e3e6dc; font-size: 12px; font-weight: 750; }
.radio-option { display: flex; align-items: center; gap: 9px; color: #cbd1c5; font-size: 12px; }
.radio-option input { accent-color: #edc96f; }
.calculator-button { width: 100%; cursor: pointer; }
.calculator-result { min-height: 43px; margin: 5px 0 0 !important; padding: 11px; border-left: 3px solid var(--saffron); border-radius: 4px 10px 10px 4px; background: rgba(237,201,111,.075); color: #f1f5dc !important; font-size: 13px !important; }
.bonus-calculator .calculator-note { font-size: 10px !important; }
.funnel-cta { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: 27px; padding: 18px 20px; border-radius: 17px; }
.funnel-cta > div { display: grid; gap: 3px; }
.funnel-cta b { color: var(--ink); font-size: 14px; }
.funnel-cta span { color: #bdb7ca; font-size: 12px; }
.bonus-cta { border: 1px solid rgba(237,201,111,.25); background: rgba(237,201,111,.055); }
.funnel-games { padding-inline: clamp(18px, 4vw, 45px); border-color: rgba(217,148,101,.35); background: radial-gradient(ellipse at 10% 0%, rgba(217,148,101,.11), transparent 36%), #171521; }
.funnel-games .section-topline { align-items: end; margin-bottom: 18px; }
.funnel-games .section-topline h2 { margin: 0; font-size: clamp(27px, 3.7vw, 40px); }
.game-finder { display: grid; grid-template-columns: minmax(0,1.5fr) repeat(4,minmax(0,1fr)); align-items: end; gap: 12px; margin-bottom: 15px; padding: 13px; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; background: rgba(255,255,255,.035); }
.game-finder label, .finder-search { display: grid; gap: 6px; min-width: 0; color: #e7e1f2; font-size: 12px; font-weight: 750; }
.game-finder select, .comparison-selects select { width: 100%; min-height: 43px; padding: 9px 30px 9px 11px; border: 1px solid #526455; border-radius: 11px; background: #1b1924; color: var(--ink); font: inherit; font-size: 12px; }
.finder-count { grid-column: 1 / -1; min-width: 65px; color: #c6bed6; font-size: 11px; text-align: left; }
.home-game-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 10px; }
.home-game-card { position: relative; display: flex; min-height: 173px; flex-direction: column; justify-content: end; gap: 7px; overflow: hidden; padding: 15px; border: 1px solid rgba(217,148,101,.2); border-radius: 16px; background: linear-gradient(160deg, rgba(217,148,101,.12), #1b1926 55%, #171521); color: var(--ink); text-decoration: none; transition: transform .18s ease, border-color .18s ease; }
.home-game-card:hover { transform: translateY(-3px); border-color: var(--copper); color: var(--ink); }
.home-game-card[hidden] { display: none; }
.home-game-index { position: absolute; top: 12px; right: 13px; color: rgba(237,201,111,.72); font-size: 10px; font-weight: 850; letter-spacing: .12em; }
.home-game-provider { color: #b3a5e5; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.home-game-card strong { font-size: 15px; line-height: 1.18; }
.home-game-link { color: #bdb7ca; font-size: 10px; }
.home-game-link span { color: var(--saffron); }
.empty-games { margin: 13px 0; padding: 15px; border: 1px dashed #65765d; border-radius: 13px; color: #d0d8ca; text-align: center; }
.games-detail { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 23px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.1); }
.games-detail-copy { max-width: 70ch; }
.games-detail h3 { margin-bottom: 7px; }
.games-detail p { margin-bottom: 8px; color: #bdc4b8; font-size: 12px; }
.finder-tool-cta { display: flex; justify-content: flex-end; margin: 15px 0 0; }
.rtp-volatility-tool { margin-top: 25px; padding: clamp(18px, 3vw, 28px); border: 1px solid rgba(217,148,101,.27); border-radius: 20px; background: linear-gradient(145deg, rgba(217,148,101,.08), rgba(255,255,255,.02)); }
.rtp-volatility-tool > .eyebrow { margin-bottom: 7px; color: #c7baff; }
.rtp-volatility-tool h3 { margin-bottom: 8px; font-size: clamp(20px, 2.6vw, 28px); letter-spacing: -.035em; }
.rtp-volatility-tool > p:not(.eyebrow) { max-width: 76ch; color: #cbd1c5; font-size: 13px; }
.comparison-selects { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin: 16px 0; }
.comparison-selects label { display: grid; gap: 6px; color: #e7e1f2; font-size: 12px; font-weight: 750; }
.rtp-comparison-table { min-width: 570px; }
.rtp-comparison-table th:first-child { width: 26%; }
.comparison-note { min-height: 40px; margin: 12px 0 0; color: #cbd1c5; font-size: 11px !important; }
.comparison-cta { display: flex; justify-content: flex-end; margin-top: 13px; }
.rtp-volatility-tool .game-cta { margin-top: 14px; border: 1px solid rgba(237,201,111,.25); background: rgba(237,201,111,.055); }
.funnel-start { padding-inline: clamp(18px, 4.5vw, 58px); border-color: rgba(217,148,101,.28); background: radial-gradient(ellipse at 90% 10%, rgba(217,148,101,.09), transparent 35%), linear-gradient(145deg, rgba(217,148,101,.045), var(--panel) 42%); }
.start-heading { max-width: 760px; margin-bottom: 25px; }
.start-heading h2 { margin-bottom: 9px; font-size: clamp(27px, 3.7vw, 40px); }
.start-heading > p:last-child { max-width: 68ch; margin: 0; color: #cbd1c5; font-size: 14px; }
.start-steps { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.start-steps li { display: grid; grid-template-columns: 44px 1fr; gap: 16px; padding: 18px 0; border-top: 1px solid rgba(255,255,255,.09); }
.start-steps .step-num { border-color: #a58054; color: #d99465; }
.start-steps h3 { margin: 0 0 5px; font-size: 16px; }
.start-steps p { margin: 0; color: #bdc4b8; font-size: 13px; }
.start-steps a { color: #ffd49e; }
.start-cta { border: 1px solid rgba(217,148,101,.25); background: rgba(217,148,101,.055); }
.start-cta .button { background: #d99465; }
.game-cta { border: 1px solid rgba(217,148,101,.25); background: rgba(217,148,101,.055); }
.home-section { display: grid; grid-template-columns: 1fr; }
.home-section > .section-topline { margin-bottom: 17px; }
.home-section .section-topline h2 { margin-bottom: 4px; }
.home-section .section-topline > p { max-width: 55ch; color: var(--muted); font-size: 13px; }
.table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid var(--line); border-radius: 17px; background: var(--panel); }
.compare-table { width: 100%; min-width: 660px; border-collapse: collapse; text-align: left; }
.compare-table th, .compare-table td { padding: 13px 15px; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 12px; }
.compare-table thead th { background: #211e2d; color: var(--saffron); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.compare-table tbody th { color: #f2eddf; white-space: nowrap; }
.compare-table td { color: #bdc4b8; }
.compare-table tr:last-child th, .compare-table tr:last-child td { border-bottom: 0; }
.compare-table a { color: var(--saffron); }
.table-caption { margin: 10px 0 0; color: var(--muted); font-size: 11px; }
.top-comparison { display: grid; gap: 16px; margin-top: 22px; }
.top-comparison > .section-heading, .top-evidence-heading { margin: 20px 0 0; }
.top-featured-card { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 22px; padding: clamp(19px,3vw,30px); border: 1px solid rgba(237,201,111,.34); border-radius: 22px; background: radial-gradient(ellipse at 100% 0, rgba(237,201,111,.13), transparent 45%), linear-gradient(120deg, rgba(237,201,111,.065), var(--panel)); box-shadow: 0 18px 42px rgba(0,0,0,.16); }
.top-featured-card h2 { margin: 0 0 8px; font-size: clamp(22px,3vw,31px); }
.top-featured-card p { max-width: 75ch; margin: 0 0 8px; color: #d0cbda; font-size: 13px; }
.top-featured-card .eyebrow { color: var(--saffron); font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.top-featured-card .top-featured-note { margin: 10px 0 0; color: var(--muted); font-size: 11px; }
.top-method-note, .top-evidence-heading + p { max-width: 92ch; margin: 0; color: #c5c0cf; font-size: 12px; line-height: 1.65; }
.top-weights { display: flex; flex-wrap: wrap; gap: 8px; }
.top-weight { display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.025); color: #e0e4d9; font-size: 10px; }
.top-weight b { font-weight: 700; }
.top-weight i { color: var(--saffron); font-style: normal; font-weight: 850; }
.top-table-wrap { max-width: 100%; }
.top-score-table { min-width: 1190px; }
.top-score-table th, .top-score-table td { padding: 11px 10px; text-align: left; white-space: nowrap; }
.top-score-table thead th { position: sticky; top: 0; z-index: 1; }
.top-score-table td:nth-child(n+3):nth-child(-n+10) { color: #e0e4d9; font-variant-numeric: tabular-nums; }
.top-score-table .top-total { color: var(--saffron); font-variant-numeric: tabular-nums; font-weight: 900; }
.top-score-table tbody th { white-space: nowrap; }
.top-evidence-list { display: grid; gap: 7px; }
.top-evidence-item { border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.02); }
.top-evidence-item summary { padding: 12px 15px; color: #f2eddf; cursor: pointer; font-size: 12px; font-weight: 750; }
.top-evidence-item dl { display: grid; gap: 0; margin: 0; padding: 0 15px 12px; }
.top-evidence-item dl > div { display: grid; grid-template-columns: minmax(140px,.35fr) minmax(0,1fr); gap: 12px; padding: 9px 0; border-top: 1px solid rgba(255,255,255,.07); }
.top-evidence-item dt { color: var(--saffron); font-size: 10px; font-weight: 800; }
.top-evidence-item dd { margin: 0; color: #c2c9bd; font-size: 11px; line-height: 1.55; }
.top-source-links { display: block; margin-top: 5px; }
.top-source-links a, .top-registry-note a { color: var(--saffron); text-underline-offset: 3px; }
.top-registry-note { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.top-conversion { border-color: rgba(237,201,111,.23); }
@media (max-width: 767px) {
  .top-featured-card { grid-template-columns: 1fr; align-items: start; }
  .top-featured-card .button { justify-self: start; }
  .top-evidence-item dl > div { grid-template-columns: 1fr; gap: 5px; }
}
.payments-section, .mobile-section { grid-template-columns: minmax(0,1.1fr) minmax(240px,.9fr); align-items: center; gap: clamp(25px, 6vw, 78px); padding-inline: clamp(0px, 3vw, 30px); }
.payments-section h2, .mobile-section h2, .vip-section h2 { margin-bottom: 15px; }
.payments-section { border: 1px solid rgba(237,201,111,.16); border-radius: 26px; background: linear-gradient(110deg, rgba(237,201,111,.035), transparent 70%); }
.feature-copy { max-width: 71ch; }
.feature-copy > p { margin-bottom: 13px; }
.feature-copy .text-link { display: inline-flex; gap: 8px; margin-top: 3px; color: var(--saffron); font-size: 13px; font-weight: 750; }
.payment-visual { position: relative; display: grid; min-height: 280px; place-items: center; overflow: hidden; border: 1px solid rgba(237,201,111,.15); border-radius: 24px; background: radial-gradient(circle, rgba(237,201,111,.12), transparent 57%), #171620; }
.payment-card { z-index: 1; display: grid; width: 165px; height: 112px; align-content: space-between; padding: 15px; border: 1px solid rgba(255,255,255,.2); border-radius: 16px; background: linear-gradient(140deg, #383449, #191823); box-shadow: 0 20px 40px rgba(0,0,0,.3); }
.payment-card span, .payment-caption { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .13em; }
.payment-card strong { color: var(--saffron); font-size: 30px; line-height: 1; }
.payment-card small { color: #d5cfdf; font-size: 9px; }
.payment-caption { position: absolute; bottom: 23px; }
.mobile-section { grid-template-columns: minmax(220px,.75fr) minmax(0,1.25fr); }
.mobile-visual { display: grid; min-height: 330px; margin: 0; place-items: center; border: 1px solid rgba(217,148,101,.23); border-radius: 25px; background: radial-gradient(circle at 50% 65%, rgba(217,148,101,.22), transparent 52%), #181622; }
.phone-frame { display: grid; width: 158px; min-height: 265px; align-content: start; gap: 10px; padding: 18px 14px; border: 3px solid #65765d; border-radius: 25px; background: #112019; box-shadow: 0 20px 44px rgba(0,0,0,.32); transform: rotate(-5deg); }
.phone-frame > span { width: 35px; height: 4px; margin: -8px auto 5px; border-radius: 99px; background: #65765d; }
.phone-frame b { font-size: 12px; }
.phone-frame i { color: #aeb9ac; font-size: 8px; font-style: normal; }
.phone-tile { height: 86px; border-radius: 10px; background: linear-gradient(145deg, rgba(217,148,101,.5), rgba(237,201,111,.25)); }
.phone-lines { height: 9px; border-radius: 8px; background: #435548; }
.phone-lines.short { width: 62%; }
.mobile-section .feature-copy { max-width: 74ch; }
.vip-section { grid-template-columns: minmax(0,1fr) 230px; align-items: center; gap: 35px; padding: clamp(26px, 4vw, 48px); border: 1px solid rgba(217,148,101,.2); border-radius: 26px; background: radial-gradient(ellipse at 90% 50%, rgba(217,148,101,.1), transparent 36%), #181621; }
.vip-copy { max-width: 76ch; }
.vip-copy > p { margin-bottom: 13px; }
.vip-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 17px; margin-top: 20px; }
.vip-actions .text-link { color: #ffd49e; font-size: 12px; font-weight: 750; }
.vip-mark { display: grid; place-items: center; align-content: center; gap: 11px; aspect-ratio: 1; border: 1px solid rgba(217,148,101,.3); border-radius: 50%; background: radial-gradient(circle, rgba(217,148,101,.15), transparent 68%); color: #d99465; text-align: center; }
.vip-mark span { font-size: 38px; font-weight: 950; letter-spacing: .12em; }
.vip-mark i { color: #c9b9a8; font-size: 10px; font-style: normal; }
.faq-home { padding: clamp(24px, 4vw, 42px); border: 1px solid var(--line); border-radius: 25px; background: #171521; }
.faq-home > h2 { margin-bottom: 20px; }
.faq-home-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); column-gap: 28px; }
.faq-home .faq-item { padding: 17px 0; border-top: 1px solid rgba(255,255,255,.1); }
.faq-home .faq-item h3 { margin-bottom: 6px; font-size: 14px; }
.faq-home .faq-item p { margin: 0; color: #bdb7ca; font-size: 12px; }
.home-final-cta { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-block: 32px 55px; padding: clamp(22px, 4vw, 42px); border: 1px solid rgba(237,201,111,.27); border-radius: 25px; background: linear-gradient(110deg, rgba(237,201,111,.09), rgba(217,148,101,.08)); }
.home-final-cta > div { max-width: 68ch; }
.home-final-cta h2 { margin-bottom: 9px; font-size: clamp(24px, 3vw, 34px); }
.home-final-cta p:not(.eyebrow) { margin: 0; color: #c7c1d3; font-size: 13px; }
.home-final-cta .button { flex: 0 0 auto; }

.site-footer { padding: 43px 0 22px; border-top: 1px solid var(--line); background: #0e0d15; }
.footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 35px; }
.footer-brand { max-width: 42ch; color: #aaa4b8; font-size: 12px; }
.footer-brand .brand { margin-bottom: 14px; }
.footer-heading { margin-bottom: 12px; color: #e6e0ef; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.footer-links { display: grid; gap: 8px; }
.footer-links a { width: fit-content; color: #aaa4b8; font-size: 12px; text-decoration: none; }
.footer-links a:hover { color: var(--saffron); }
.footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-top: 29px; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.08); color: #9ba69b; font-size: 10px; }
.footer-bottom strong { color: var(--saffron); }
.notice-box { margin: 24px 0; padding: 17px; border: 1px solid rgba(217,148,101,.27); border-radius: 15px; background: rgba(217,148,101,.06); color: #e0cdbb; font-size: 12px; }
.notice-box strong { color: var(--clay); }
.not-found { padding: 80px 0; text-align: center; }
.not-found h1 { margin-inline: auto; }
.not-found p { color: var(--muted); }

@media (max-width: 1020px) {
  .header-row { gap: 15px; }
  .main-nav { gap: 13px; }
  .main-nav a { font-size: 12px; }
  .topic-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .term-grid, .trust-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .game-finder { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .finder-search { grid-column: span 2; }
}
@media (min-width: 1200px) {
  .shell { width: min(1320px, calc(100% - 64px)); }
  .article-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,320px); align-items: start; gap: 34px; }
  .commercial-sidebar { position: sticky; top: 96px; display: grid; align-self: start; gap: 12px; width: 100%; }
  .mobile-inline-offers { display: none; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .article-layout { display: block; }
  .commercial-sidebar { display: none; }
  .mobile-inline-offers { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 24px 0 30px; }
  .mobile-inline-offers .geo-facts-card dl > div { grid-template-columns: minmax(72px,.65fr) minmax(0,1.35fr); }
}
@media (max-width: 767px) {
  .shell { width: min(100% - 30px, 620px); }
  .header-row { min-height: 68px; justify-content: space-between; }
  .menu-toggle { display: inline-flex; align-items: center; gap: 8px; }
  .main-nav { position: absolute; top: calc(100% + 1px); left: 0; right: 0; display: none; align-items: stretch; padding: 12px 20px 18px; border-bottom: 1px solid var(--line); background: #15131f; box-shadow: 0 18px 30px rgba(0,0,0,.28); }
  .main-nav[data-open="true"] { display: grid; }
  .main-nav a { padding: 11px 5px; border-bottom: 1px solid rgba(255,255,255,.06); font-size: 14px; }
  .header-actions .button { display: inline-flex; }
  .hero { padding: 43px 0 36px; }
  .hero-grid { grid-template-columns: 1fr; gap: 30px; }
  .hero-copy { font-size: 15px; }
  .offer-card { max-width: 480px; }
  .page-main { padding-top: 22px; }
  .article-layout { display: block; }
  .page-aside { position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .aside-card + .aside-card { margin-top: 0; }
  .commercial-sidebar { display: none; }
  .mobile-inline-offers { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; margin: 20px 0 26px; }
  .mobile-inline-offers .geo-facts-card, .mobile-inline-offers .related-route-card { display: none; }
  .mobile-inline-offers .sidebar-offer-card { height: auto; padding: 16px; }
  .mobile-inline-offers .sidebar-offer-summary { font-size: 12px; }
  .article-head h1 { font-size: clamp(34px, 9vw, 50px); }
  .article-head .standfirst { font-size: 15px; }
  .page-promo { grid-template-columns: 52px minmax(0, 1fr); gap: 11px; margin: 16px 0; padding: 12px; }
  .page-promo-art { width: 50px; height: 50px; border-radius: 14px; }
  .page-promo-art svg { width: 41px; height: 41px; }
  .page-promo-copy h2 { font-size: 15px; }
  .page-promo-line { font-size: 11px; }
  .page-promo-action { grid-column: 1 / -1; }
  .page-promo-button { width: 100%; white-space: normal; }
  .context-popup { display: none !important; }
  .game-art { grid-template-columns: 96px minmax(0,1fr); gap: 12px; min-height: 160px; padding: 16px; }
  .game-art svg { width: 96px; }
  .game-art figcaption { right: 12px; bottom: 10px; max-width: calc(100% - 25px); font-size: 9px; }
  .game-facts th, .game-facts td { padding: 10px 11px; }
  .game-facts th { width: 40%; }
  .vip-status-card { grid-template-columns: 1fr; }
  .vip-seal { width: 62px; height: 62px; }
  .term-grid, .game-overview, .trust-grid, .theme-providers .game-overview { grid-template-columns: 1fr; }
  .game-index-grid { grid-template-columns: 1fr; }
  .answer-card { padding: 18px 18px 18px 22px; }
  .answer-card p { font-size: 15px; }
  .conversion-card { grid-template-columns: 1fr; }
  .conversion-card .button { width: 100%; }
  .home-sections { padding-top: 35px; }
  .section-topline { display: block; }
  .section-topline p { margin-top: 8px; }
  .home-note { grid-template-columns: 1fr; }
  .home-facts { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .bonus-layout, .payments-section, .mobile-section, .vip-section { grid-template-columns: 1fr; }
  .home-game-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .games-detail, .home-final-cta { align-items: stretch; flex-direction: column; }
  .games-detail .button, .home-final-cta .button { width: 100%; }
  .game-finder { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .finder-search { grid-column: 1 / -1; }
  .finder-count { grid-column: 1 / -1; }
  .comparison-selects { grid-template-columns: 1fr; }
  .finder-tool-cta, .comparison-cta { justify-content: stretch; }
  .finder-tool-cta .button, .comparison-cta .button { width: 100%; }
  .vip-mark { width: 190px; justify-self: center; }
  .faq-home-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 25px 18px; }
  .footer-brand { grid-column: 1 / -1; }
}
@media (min-width: 768px) {
  .mobile-context-bar { display: none !important; }
  .responsive-raster { object-position: var(--image-crop-desktop, center); }
}
@media (max-width: 430px) {
  .brand-mark { width: 34px; height: 34px; }
  .brand-copy strong { font-size: 15px; }
  .brand-copy small { font-size: 8px; }
  .hero h1 { font-size: 42px; }
  .hero-actions .button { width: 100%; }
  .header-row { gap: 7px; }
  .brand { gap: 7px; }
  .header-actions .button { min-height: 34px; padding: 6px 8px; font-size: 10px; white-space: nowrap; }
  .menu-toggle { gap: 5px; padding: 8px; font-size: 11px; }
  .offer-card { padding: 20px; }
  .topic-grid, .related-grid { grid-template-columns: 1fr; }
  .home-game-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .home-game-card { min-height: 150px; padding: 12px; }
  .game-finder { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .finder-search { grid-column: 1 / -1; }
  .game-finder > label { grid-column: auto; }
  .game-finder input { grid-column: auto; }
  .finder-count { grid-column: 1 / -1; grid-row: auto; }
  .funnel-cta { align-items: stretch; flex-direction: column; }
  .funnel-cta .button { width: 100%; }
  .compare-table th, .compare-table td { padding: 11px; }
  .topic-card { min-height: 145px; }
  .topic-card .topic-index { margin-bottom: 17px; }
  .page-aside { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-brand { grid-column: auto; }
  .mobile-context-bar { right: 8px; left: 8px; grid-template-columns: minmax(0,1fr) auto 31px; gap: 6px; padding: 9px; }
  .mobile-context-bar-close { width: 31px; height: 31px; }
  .mobile-context-bar-cta { min-height: 36px; padding: 7px 9px; font-size: 9px; }
  body.has-mobile-context-bar { padding-bottom: calc(92px + env(safe-area-inset-bottom)); }
  .footer-bottom { display: grid; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* TonyBet España: editorial casino ledger, with evergreen, parchment and copper. */
:root { background: var(--night); color: var(--ink); }
body { background: var(--night); color: var(--ink); }
a { color: #edc96f; }
a:hover { color: #f5d997; }
:focus-visible { outline-color: #f3d37d; }
h1, h2, h3, .section-heading { font-family: Georgia, "Iowan Old Style", "Times New Roman", serif; font-weight: 500; letter-spacing: -.025em; }
.site-header { z-index: 10; border-bottom-color: #354a3b; background: rgba(17,32,25,.98); backdrop-filter: none; }
.header-row { min-height: 68px; gap: 22px; }
.brand { gap: 9px; }
.brand-mark { width: 35px; height: 35px; border: 1px solid #e7b77f; border-radius: 5px; background: #d99465; color: #152219; box-shadow: none; font-size: 16px; }
.brand-copy strong { letter-spacing: -.025em; }
.brand-copy small { color: #bec6b8; letter-spacing: .14em; }
.main-nav { gap: clamp(12px, 1.7vw, 22px); }
.main-nav a { color: #e1e6d8; font-weight: 600; }
.main-nav a:hover, .main-nav a[aria-current="page"] { color: #edc96f; }
.header-actions { gap: 8px; }
.button { min-height: 44px; padding: 10px 16px; border-radius: 5px; background: #edc96f; color: #17231b; font-weight: 760; box-shadow: none; }
.button:hover { background: #f5d997; color: #17231b; transform: translateY(-1px); }
.button-secondary { border-color: #647465; background: transparent; color: #f2eddf; }
.button-secondary:hover { border-color: #edc96f; background: #24362c; color: #f5d997; }
.button-small { min-height: 36px; padding: 7px 12px; }
.menu-toggle { border-color: #647465; border-radius: 5px; }
.hero { padding: 48px 0 42px; border-bottom-color: #354a3b; background: #14241b; background-image: none; }
.hero-grid { grid-template-columns: minmax(0,1.25fr) minmax(290px,.75fr); gap: clamp(28px,5vw,68px); }
.hero h1 { max-width: 15ch; font-size: clamp(39px,4.7vw,57px); line-height: 1.04; letter-spacing: -.035em; }
.eyebrow { color: #edc96f; letter-spacing: .13em; }
.eyebrow::before { background: #d99465; }
.hero-copy { color: #d1d5c9; font-size: 16px; }
.hero-footnote { color: #b5beb1; }
.offer-card { padding: 25px; border: 0; border-left: 5px solid #d99465; border-radius: 5px 16px 5px 16px; background: #eee7d7; color: #17261d; box-shadow: 0 16px 38px rgba(0,0,0,.18); }
.offer-card h2 { color: #18291f; font-size: 25px; }
.offer-card p { color: #4d5b4e; }
.offer-label { color: #955638 !important; }
.offer-rule { border-top-color: #c9c2b1; color: #415246; }
.offer-rule b { color: #955638; }
.offer-card .button { background: #173b2d; color: #f4eedf; }
.offer-card .button:hover { background: #24523e; color: #fff8e9; }
.home-facts > div { border: 0; border-top: 1px solid #526052; border-radius: 0; background: transparent; }
.home-facts > div span { color: #c8cdbd; }
.home-facts > div strong { color: #f3eedf; }
.article-head h1 { max-width: 18ch; font-size: clamp(36px,4.5vw,54px); line-height: 1.06; }
.article-head .standfirst { color: #cbd1c5; }
.breadcrumbs { color: #9eac9e; }
.breadcrumbs a { color: #c1cbbb; }
.breadcrumbs span[aria-current="page"] { color: #f2eddf; }
.updated-line { color: #aeb9ac; }
.page-promo { grid-template-columns: 56px minmax(0,1fr) auto; gap: 14px; padding: 14px 0; border: 0; border-block: 1px solid #46584a; border-radius: 0; background: transparent; background-image: none; }
.page-promo-art { width: 52px; height: 52px; border: 1px solid #506454; border-radius: 4px; background: #203329; background-image: none; }
.page-promo-art svg { width: 42px; height: 42px; }
.page-promo-kicker { color: #edc96f; }
.page-promo-copy h2 { color: #f2eddf; font-size: 17px; }
.page-promo-line { color: #c2c9bd; font-size: 12px; }
.page-promo-quiet { border-color: #46584a; background: transparent; }
.page-promo-quiet .page-promo-kicker { color: #edc96f; }
.page-promo-quiet .page-promo-button { border-color: #647465; }
.context-popup { border-color: #d99465; border-radius: 8px; background: #1b2b22; background-image: none; box-shadow: 0 22px 60px rgba(0,0,0,.48); }
.context-popup::backdrop { background: rgba(8,17,12,.78); backdrop-filter: none; }
.context-popup-close, .mobile-context-bar-close { border-radius: 5px; }
.context-popup-art { border-radius: 5px; background: #24362c; }
.context-popup-copy { color: #cbd1c5; }
.mobile-context-bar { border-color: #62765d; border-radius: 8px; background: #1b2b22; box-shadow: 0 9px 25px rgba(0,0,0,.38); backdrop-filter: none; }
.mobile-context-bar-copy strong { color: #edc96f; }
.mobile-context-bar-cta { border-radius: 5px; }
.answer-card { border: 0; border-left: 3px solid #edc96f; border-radius: 0; background: #1b2b22; background-image: none; }
.answer-card::before { display: none; }
.section-heading { font-size: clamp(25px,3vw,34px); line-height: 1.12; }
.check-list li { border: 0; border-bottom: 1px solid #394c3e; border-radius: 0; background: transparent; color: #d9ded2; }
.check-list li::before { border-radius: 3px; background: #354b38; color: #edc96f; }
.term-card, .game-overview > div, .trust-grid article { border: 0; border-bottom: 1px solid #46584a; border-radius: 0; background: transparent; background-image: none; }
.bonus-examples li, .bonus-ladder li { border: 0; border-bottom: 1px solid #46584a; border-radius: 0; background: transparent; }
.bonus-examples li > span, .bonus-ladder li > span { border-radius: 4px; background: #334639; color: #edc96f; }
.bonus-rollover-calculator, .bonus-calculator, .rtp-volatility-tool { border-color: #4b6150; border-radius: 8px; background: #1b2b22; background-image: none; }
.bonus-rollover-calculator input, .bonus-calculator input[type="number"], .game-finder input, .game-finder select, .comparison-selects select { border-color: #526455; border-radius: 5px; background: #13231a; color: #f2eddf; }
.bonus-rollover-calculator .calculator-result, .calculator-result { border-left-color: #edc96f; border-radius: 0; background: #263b2c; color: #f2eddf !important; }
.bonus-conversion { border-color: #d99465; background: #26382c; background-image: none; }
.game-art { border: 1px solid #4b5e4c; border-radius: 4px 14px 4px 14px; background: #1b2b22; background-image: none; color: #d99465; }
.game-art svg { position: relative; z-index: 1; }
.game-art-caption span { color: #edc96f; }
.game-art-caption strong { color: #f2eddf; }
.game-art figcaption { color: #c5ccbe; }
.game-facts-wrap, .table-wrap { border-color: #46584a; border-radius: 6px; background: #1b2b22; }
.game-facts th, .compare-table th { background: #2a3c30; color: #edc96f; }
.game-facts td, .compare-table td { color: #e3e6dc; }
.vip-status-card { border-color: #866749; border-radius: 8px 3px 8px 3px; background: #1b2b22; background-image: none; }
.vip-seal, .vip-mark { border: 1px solid #a58054; border-radius: 8px; background: #293b2e; background-image: none; color: #edc96f; }
.vip-conversion { border-color: #866749; background: #26382c; background-image: none; }
.game-example, .bonus-source-line { border-left-color: #d99465; border-radius: 0; background: #1b2b22; color: #e2e5db; }
.game-similar a, .related-card, .game-index-card { border-color: #46584a; border-radius: 5px; background: #1b2b22; color: #f2eddf; }
.step-num { border-color: #d99465; border-radius: 5px; background: #203329; color: #edc96f; }
.safety-note { border-color: #82664a; border-radius: 6px; background: #26362b; background-image: none; }
.safety-mark { border-radius: 5px; background: #d99465; color: #17231b; }
.theme-games .answer-card, .theme-providers .answer-card, .theme-game-detail .answer-card, .theme-account .answer-card, .theme-mobile .answer-card, .theme-safe .answer-card, .theme-editorial .answer-card, .theme-help .answer-card { border-color: #edc96f; border-radius: 0; background: #1b2b22; background-image: none; }
.example-card, .aside-card { border-color: #435548; border-radius: 6px; background: #1b2b22; }
.conversion-card { border: 1px solid #526455; border-radius: 5px 12px 5px 12px; background: #26382c; background-image: none; }
.geo-facts-card, .sidebar-offer-card, .related-route-card { border-color: #435548; border-radius: 6px; background: #1b2b22; background-image: none; }
.sidebar-offer-card { border-left: 3px solid #d99465; }
.sidebar-featured-card { border-left-color: #edc96f; }
.sidebar-brand-visual, .sidebar-offer-visual { border-color: #506454; border-radius: 4px; background: #24362c; }
.sidebar-kicker { color: #edc96f; }
.sidebar-benefits li::before { border-radius: 0; background: #d99465; }
.sidebar-score { color: #edc96f; }
.related-route-card { border-left: 3px solid #9ac0a1; }
.topic-card, .home-game-card { border-color: #435548; border-radius: 5px 12px 5px 5px; background: #1b2b22; background-image: none; }
.topic-card:hover, .home-game-card:hover, .related-card:hover, .game-index-card:hover { border-color: #d99465; background: #24362c; }
.topic-card .topic-index { color: #edc96f; }
.home-note article { border: 0; border-top: 1px solid #46584a; border-radius: 0; background: transparent; }
.home-facts > div { border-radius: 0; }
.home-funnel { border-radius: 4px 18px 4px 18px; }
.funnel-bonus { border-color: #8b7444; background: #29372a; background-image: none; }
.funnel-games { border-color: #435548; background: #17271e; background-image: none; }
.funnel-start { border-color: #7c6248; background: #25352a; background-image: none; }
.game-finder { border-color: #46584a; border-radius: 5px; background: #17271e; }
.empty-games { border-color: #6d806c; border-radius: 5px; color: #d0d8ca; }
.top-featured-card { border-color: #8b7444; border-radius: 6px 18px 6px 6px; background: #26382c; background-image: none; box-shadow: none; }
.top-weight, .top-evidence-item { border-color: #46584a; border-radius: 5px; background: #1b2b22; color: #e0e4d9; }
.payments-section { border-color: #435548; border-radius: 5px 18px 5px 18px; background: #192920; background-image: none; }
.payment-visual, .mobile-visual { border-color: #46584a; border-radius: 4px 14px 4px 14px; background: #203329; background-image: none; }
.payment-card { border-color: #67745d; border-radius: 5px 14px 5px 5px; background: #eee7d7; color: #17261d; background-image: none; box-shadow: none; }
.payment-card span, .payment-card small { color: #556251; }
.payment-card strong { color: #173b2d; }
.phone-frame { border-color: #65765d; border-radius: 12px 12px 4px 4px; background: #13231a; box-shadow: none; transform: none; }
.phone-frame > span { background: #65765d; }
.phone-tile { border-radius: 4px; background: #8e5d43; }
.phone-lines { border-radius: 2px; background: #435548; }
.vip-section { border-color: #705d46; border-radius: 5px 18px 5px 18px; background: #1a2a21; background-image: none; }
.faq-home { border-color: #435548; border-radius: 5px 18px 5px 18px; background: #192920; }
.home-final-cta { border-color: #8b7444; border-radius: 5px 18px 5px 18px; background: #29372a; background-image: none; }
.notice-box { border-color: #82664a; border-radius: 5px; background: #26362b; color: #e0cdbb; }
.site-footer { border-top-color: #394b3d; background: #0e1b14; }
.footer-heading { color: #e5e5d9; }
.footer-links a { color: #b8c2b4; }
.footer-links a:hover, .footer-bottom strong { color: #edc96f; }
.footer-bottom { border-top-color: #35483a; color: #9ba69b; }
.menu-overlay { display: none; }
body.has-menu-open { overflow: hidden; }

@media (min-width: 1200px) {
  .commercial-sidebar { top: 82px; max-height: calc(100vh - 94px); overflow-y: auto; scrollbar-width: thin; scrollbar-color: #526455 transparent; }
}
@media (max-width: 767px) {
  .header-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 8px; min-height: 64px; }
  .brand { grid-column: 1; min-width: 0; }
  .header-actions { grid-column: 2; grid-row: 1; }
  .menu-toggle { grid-column: 3; grid-row: 1; display: grid; place-items: center; width: 38px; height: 36px; padding: 0; font-size: 18px; }
  .main-nav { z-index: 1; top: 100%; right: 0; left: 0; display: none; padding: 9px max(15px, calc((100vw - 620px)/2)) 14px; border: 0; border-bottom: 1px solid #435548; background: #14241b; box-shadow: none; }
  .main-nav[data-open="true"] { display: grid; }
  .main-nav a { padding: 12px 4px; border-bottom-color: #33473a; }
  .menu-overlay { position: fixed; z-index: 9; inset: 64px 0 0; display: block; width: 100%; height: calc(100dvh - 64px); border: 0; background: rgba(5,13,9,.62); cursor: default; }
  .menu-overlay[hidden] { display: none !important; }
  .header-actions .button { min-height: 36px; padding: 7px 11px; font-size: 11px; }
  .hero { padding: 36px 0 30px; }
  .hero-grid { gap: 23px; }
  .hero h1 { max-width: 16ch; font-size: clamp(37px,9vw,49px); }
  .offer-card { max-width: 480px; }
  .page-promo { grid-template-columns: 45px minmax(0,1fr); gap: 10px; padding: 12px 0; }
  .page-promo-art { width: 44px; height: 44px; }
  .page-promo-art svg { width: 36px; height: 36px; }
  .page-promo-action { grid-column: 1 / -1; }
  .page-promo-button { width: 100%; }
}
@media (max-width: 430px) {
  .header-row { gap: 6px; }
  .brand { gap: 6px; }
  .brand-mark { width: 32px; height: 32px; }
  .brand-copy strong { font-size: 14px; }
  .brand-copy small { font-size: 8px; }
  .header-actions .button { min-height: 34px; padding: 6px 8px; font-size: 10px; }
  .menu-toggle { width: 34px; height: 34px; }
  .offer-card { padding: 19px; }
}

/* Keep the home hero on one column after the late brand theme overrides. */
@media (max-width: 767px) {
  .hero-grid { grid-template-columns: minmax(0, 1fr); }
}

.game-mechanic-map { display: grid; grid-template-columns: minmax(160px,.72fr) minmax(0,1.4fr); gap: 20px; align-items: center; margin: 28px 0; padding: clamp(18px,3vw,28px); border-left: 3px solid var(--saffron); background: var(--panel); }
.game-mechanic-map h2 { margin: 0; font-size: clamp(20px,2.4vw,27px); line-height: 1.15; }
.game-mechanic-map ol { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.game-mechanic-map li { min-width: 0; padding: 12px; border-top: 1px solid var(--line); }
.game-mechanic-map li span { color: var(--saffron); font-size: 11px; font-weight: 800; }
.game-mechanic-map li p { margin: 6px 0 0; color: var(--muted); font-size: 13px; }
.game-demo-card { display: grid; grid-template-columns: 112px minmax(0,1fr); gap: 22px; align-items: center; margin: 26px 0; padding: clamp(18px,3vw,28px); border: 1px solid var(--line); border-radius: 4px 18px 4px 18px; background: var(--panel-2); }
.game-demo-mark { position: relative; display: grid; place-items: center; width: 104px; height: 104px; overflow: hidden; border: 1px solid var(--line); border-radius: 50% 50% 5px 50%; color: var(--saffron); background: var(--night); }
.game-demo-mark span { z-index: 1; font-size: 30px; font-weight: 850; }
.game-demo-mark i { position: absolute; width: 135%; height: 1px; background: var(--copper); transform: rotate(35deg); }
.game-demo-mark i:nth-of-type(2) { transform: rotate(-35deg); opacity: .7; }
.game-demo-mark i:nth-of-type(3) { width: 1px; height: 135%; }
.game-demo-card h2 { margin: 0 0 8px; font-size: clamp(20px,2.5vw,28px); line-height: 1.16; }
.game-demo-card p { margin: 0 0 12px; color: var(--muted); }
.game-demo-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.game-demo-actions .button { min-height: 44px; }
.game-demo-related { margin: 12px 0 0 !important; font-size: 13px; }
.slot-cluster-hub { margin: 24px 0; }
.slot-hub-routes { display: flex; flex-wrap: wrap; gap: 10px 18px; margin: 16px 0 22px; }
.slot-hub-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.slot-hub-item { min-width: 0; }
.slot-hub-item article { display: grid; grid-template-columns: 52px minmax(0,1fr); gap: 8px 14px; height: 100%; padding: 18px; border-top: 1px solid var(--line); background: var(--panel); }
.slot-hub-item article > svg { grid-row: span 3; width: 52px; height: 52px; color: var(--saffron); }
.slot-hub-item .eyebrow { align-self: end; margin: 0; }
.slot-hub-item h3 { margin: 0; font-size: 18px; line-height: 1.2; }
.slot-hub-item h3 a { color: var(--ink); text-decoration: none; }
.slot-hub-item article > p:not(.eyebrow) { grid-column: 2; margin: 0; color: var(--muted); font-size: 13px; }
.slot-hub-item ul { grid-column: 2; margin: 0; padding-left: 17px; color: var(--muted); font-size: 12px; }
.slot-hub-item .text-route { grid-column: 2; align-self: end; }
.payment-method-visual { display: grid; grid-template-columns: 62px minmax(0,1fr); gap: 14px; align-items: center; margin: 0 0 22px; padding: 14px 18px; border-left: 3px solid var(--copper); background: var(--panel); }
.payment-method-visual svg { width: 54px; height: 54px; color: var(--saffron); }
.payment-method-visual figcaption { display: grid; gap: 2px; }
.payment-method-visual figcaption span { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }
.payment-method-visual figcaption strong { font-size: 20px; }
.payment-method-overview { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 18px 0; }
.payment-method-overview span { display: grid; gap: 5px; padding: 14px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 14px; }
.payment-method-overview b { color: var(--ink); }
.payment-issue { margin: 22px 0; padding: 15px 18px; border-left: 3px solid var(--saffron); background: var(--panel); }
.payment-issue .section-heading { margin-top: 0; }
.payment-route-action { margin: 20px 0; }
.payment-specific-cta { min-height: 46px; }

@media (max-width: 720px) {
  .game-mechanic-map { grid-template-columns: 1fr; }
  .game-demo-card { grid-template-columns: 72px minmax(0,1fr); gap: 14px; }
  .game-demo-mark { width: 68px; height: 68px; }
  .game-demo-mark span { font-size: 21px; }
  .game-demo-actions { display: grid; }
  .game-demo-actions .button { width: 100%; }
  .slot-hub-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .game-mechanic-map ol { grid-template-columns: 1fr; gap: 2px; }
  .game-mechanic-map li { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 8px; }
  .game-mechanic-map li p { margin: 0; }
  .payment-method-overview { grid-template-columns: 1fr; }
  .slot-hub-item article { grid-template-columns: 42px minmax(0,1fr); padding: 14px; }
  .slot-hub-item article > svg { width: 42px; height: 42px; }
}