:root{
 --page:#100e0c;--card:#15120f;--panel:#1d1914;--gold:#ba995d;--gold-light:#e7d39d;--silver:#f7f1e4;--text:#f7f1e4;--muted:#c9bea9;--blue:#8b6e3d;--line:#cbb37d57;--soft-line:#cbb37d29;
 --header-top:#1d1914;--header-bottom:#090807;--gold-deep:#8b6e3d;--cyan:#ba995d;--footer-top:#1d1914;
 --jackpot-top:#15120f;--jackpot-bottom:#090807;--jackpot-border:#cbb37d55;--article-accent:#e7d39d;
 --v4-cyan:#e7d39d;--v4-line:#5b4b32;--v4-panel:#15120f;--v4-row:#242018;--v4-text:#f7f1e4;
 --footer-metal:#ba995d;--footer-edge:#e7d39d;--footer-surface:#1d1914;--footer-ink:#090807;--footer-rule:#5b4b32;--footer-light:#f7f1e4;
 --accent-shadow:#ba995d26;--ink-shadow:#09080780;--button-ink:#090807;--chrome-dark:#a99d89;
}
html,body{background:var(--page)}
.site-header{background:linear-gradient(var(--header-top),var(--header-bottom));box-shadow:0 4px 24px var(--ink-shadow)}
.site-header::before{background:linear-gradient(90deg,var(--gold-deep),var(--gold),var(--silver),var(--gold),var(--gold-deep))}
.wordmark{background-image:linear-gradient(var(--text),var(--silver) 32%,var(--chrome-dark) 47%,var(--silver) 62%)}
.wordmark span{-webkit-text-fill-color:var(--gold-light)}
.gold{color:var(--button-ink);background:linear-gradient(110deg,var(--gold-light),var(--gold));border-color:var(--gold);box-shadow:inset 0 1px var(--silver),0 7px 20px var(--accent-shadow)}
.gold:hover{color:var(--button-ink);background:var(--gold-light)}
.blue{color:var(--text);background:linear-gradient(135deg,var(--blue),var(--panel));border-color:var(--gold);box-shadow:inset 0 1px var(--soft-line),0 6px 18px var(--ink-shadow)}
.hero{background:var(--page)}
.game-art::after{background:linear-gradient(transparent 50%,#090807ef)}
.game-art span{color:var(--text);text-shadow:0 2px 5px var(--page)}
.game-tile,.service-grid>a{border-color:var(--v4-line);box-shadow:inset 0 1px var(--soft-line),0 8px 20px var(--ink-shadow)}
.service-grid>a{background:linear-gradient(var(--panel),var(--card))}
.service-grid>a svg{color:var(--gold-light)}
.feature-banner{background:var(--card);border-color:var(--gold);min-height:230px}
.feature-banner>img{object-position:right center}
.feature-banner::after{background:linear-gradient(90deg,#090807f5,#090807bb 55%,#09080722)}
.feature-banner .banner-title{color:var(--text)}
.feature-banner .banner-title span{color:var(--gold-light)}
.jackpot-art::after{background:linear-gradient(transparent 12%,#09080733 45%,#090807f2)}
.jackpot-art>span{text-shadow:0 2px var(--page),0 0 12px var(--accent-shadow)}
.service-comparison thead{background:linear-gradient(110deg,var(--panel),var(--card))}
.service-comparison thead th{color:var(--gold-light)}
.table-scroll{box-shadow:0 14px 36px var(--ink-shadow)}
.table-mark{display:block;margin-bottom:8px;font-size:12px;line-height:1.5;color:var(--muted);font-weight:400}
.comparison-heading{display:block}
.comparison-heading .comparison-title{margin:8px 0;font-size:24px}
.comparison-heading p:not(.comparison-title){font-size:16px;font-weight:400;color:var(--muted)}
.service-comparison tbody th{white-space:normal}
.service-comparison thead th:first-child{width:28%}
.service-comparison thead th:nth-child(2){width:36%}
.reading-intro .article-lead{color:var(--text)}
.reading h2{color:var(--gold-light)}
.site-footer{background:linear-gradient(125deg,var(--panel),var(--footer-surface) 29%,var(--footer-ink) 70%);box-shadow:0 -12px 36px var(--ink-shadow),inset 0 1px var(--line)}
.site-footer::before{background:linear-gradient(118deg,transparent 51%,#e7d39d08 51.1%,transparent 67%),linear-gradient(118deg,transparent 80%,#f7f1e409 80.1%,transparent 94%)}
.footer-identity .wordmark{filter:drop-shadow(0 3px 1px var(--page)) drop-shadow(0 0 16px var(--accent-shadow))}
.footer-actions .outline,.bank-badge{background:linear-gradient(145deg,var(--panel),var(--footer-ink))}
.mobile-dock{background:linear-gradient(var(--header-top),var(--header-bottom));box-shadow:0 -6px 20px var(--ink-shadow),inset 0 1px var(--line)}
.mobile-dock .dock-main{color:var(--button-ink);background:linear-gradient(var(--gold-light),var(--gold));box-shadow:inset 0 1px var(--silver),0 0 12px var(--accent-shadow)}
.dock-main svg{color:var(--button-ink)}
@media(min-width:700px){.feature-banner{min-height:300px}}
@media(hover:hover){.game-tile:hover,.service-grid>a:hover{border-color:var(--gold-light);box-shadow:0 12px 24px var(--ink-shadow)}}
