:root{
 --page:#071a33;--card:#0a223f;--panel:#0d2b4d;--gold:#00c8ff;--gold-light:#8be9ff;--silver:#f4f8ff;--text:#f4f8ff;--muted:#b9cce2;--blue:#2563eb;--line:#38d8ff57;--soft-line:#38d8ff29;
 --header-top:#0d2b4d;--header-bottom:#031326;--gold-deep:#2563eb;--cyan:#00c8ff;--footer-top:#0d2b4d;
 --jackpot-top:#0a223f;--jackpot-bottom:#031326;--jackpot-border:#38d8ff55;--article-accent:#8be9ff;
 --v4-cyan:#8be9ff;--v4-line:#275576;--v4-panel:#0a223f;--v4-row:#12385f;--v4-text:#f4f8ff;
 --footer-metal:#00c8ff;--footer-edge:#8be9ff;--footer-surface:#0d2b4d;--footer-ink:#031326;--footer-rule:#275576;--footer-light:#f4f8ff;
 --accent-shadow:#00c8ff26;--ink-shadow:#03132680;--button-ink:#031326;--chrome-dark:#8ba9c8;
}
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%,#031326ef)}
.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,#031326f5,#031326bb 55%,#03132622)}
.feature-banner .banner-title{color:var(--text)}
.feature-banner .banner-title span{color:var(--gold-light)}
.jackpot-art::after{background:linear-gradient(transparent 12%,#03132633 45%,#031326f2)}
.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%,#8be9ff08 51.1%,transparent 67%),linear-gradient(118deg,transparent 80%,#f4f8ff09 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)}}