/* Optional true black palette. OG lime and game artwork remain intact. */
:root { --bg:#050506; --panel:#0d0e10; --panel2:#151619; --line:#ffffff22; --muted:#aeb4b4; background:#050506; }
html[data-bg-theme] { --preview-canvas:#050506; --preview-panel:#101113; --preview-soft:#0b0c0e; background:#050506; }
html[data-bg-theme] body, html[data-bg-theme] #app,
html[data-bg-theme] #app .home-main,
html[data-bg-theme] #app .home-content,
html[data-bg-theme] #app .page-wrap,
html, body, #app, #app>.page-wrap, #app>.home-main, #app .home-content,
#app>.sports-layout { background:#050506; }
html[data-bg-theme] #app>.topbar, html[data-bg-theme] #app .site-rail,
#app>.topbar, #app .site-rail { background:#090a0b; border-color:#ffffff22; }
html[data-bg-theme] #app .footer, #app .footer { background:#070708; border-color:#ffffff22; }
#app .site-rail .rail-search, #app .rail-mini-tabs, #app .member-balance,
#app .top-actions>button:not(.primary), #app .header-chat,
#app .member-icon-button { background:#151618; border-color:#ffffff25; }
#app .site-rail .rail-promo-list>.rail-promo-heading,
#app .site-rail .rail-promo-list>a,
#app .site-rail .rail-promo-children a,
#app .site-rail .rail-rewards a { background:#111214; border-color:#ffffff18; }
#app .site-rail .rail-promo-list>.rail-promo-heading:hover,
#app .site-rail .rail-promo-list>a:hover,
#app .site-rail .rail-promo-children a:hover,
#app .site-rail .rail-rewards a:hover,
#app .site-rail .rail-primary a:hover,
#app .site-rail .rail-categories a:hover { background:#202224; }
#app .site-rail .rail-primary a.active,
#app .site-rail .rail-categories a.active { background:#181d18; }
#app .home-main .home-hero { background:#080809; border-bottom-color:#ffffff24; }
#app .live-wins { border-bottom-color:#ffffff20; }
#app .win-card, #app .visual-card, #app .case-tile, #app .pack-tile,
#app .poker-format-row>div, #app .activity-table,
#app .activity-row.head, #app .activity-row:not(.head) {
  background:#111315; border-color:#ffffff20;
}
#app .search-field, #app .select-wrap, #app .tab-strip,
#app .battle-filters, #app .sports-sidebar, #app .sports-chip,
#app .match-card, #app .odd, #app .betslip,
#app .pack-format, #app .pack-picks, #app .pack-special,
#app .notice-panel, #app .promo-hub-page .promo-cards article,
#app .vip-benefits article, #app .vip-transfer,
#app .sport-chips button, #app .sports-featured a,
#app .sports-market, #app .event-detail-markets .sports-market {
  background:#111315; border-color:#ffffff25;
}
#app .sports-hero, #app .sports-feature-card, #app .pack-feature,
#app .poker-lobby, #app .races-page .races-hero,
#app .promo-hub-page .promos-hero, #app .vip-hero {
  border-color:#ffffff33; box-shadow:0 10px 30px #0008;
}
#app .member-page .member-subnav, #app .member-settings-side,
#app .member-settings-panel, #app .member-feature-panel,
#app .member-quick-grid a, #app .member-reward-grid a,
#app .member-activity-list, #app .member-table,
#app .member-settings-card, #app .member-detail-summary>div,
#app .member-detail-callout, #app .member-stat-grid>div,
#app .member-filter-row button, #app .member-wallet-modal,
#app .member-ranks-modal, #app .member-profile-menu,
#app .member-balance-menu, #app .utility-panel {
  background:#101113; border-color:#ffffff25;
}
#app .member-page .member-subnav a.active,
#app .member-page .member-subnav a:hover,
#app .member-table-head, #app .member-settings-side button.active,
#app .member-settings-side button:hover { background:#222426; }
html #app .og-rewards-reference.og-reward-palette-cobalt {
  --rp-canvas:#050506; --rp-card:#101113; --rp-inset:#0d0e10;
  --rp-hero:#0b0c0e; --rp-stats:#16181be8;
  --rp-soft:#191c1c; --rp-border:#ffffff36;
  --rp-hero-wash:#050506de; --rp-hero-glow:#5a6b6b2c;
  background:#050506;
}
html #app .og-rewards-reference.og-reward-palette-cobalt .og-rewards-profile {
  background:#0b0c0e; border-color:#ffffff2f;
}
html #app .og-rewards-reference.og-reward-palette-cobalt .og-rewards-profile::before {
  opacity:.28; filter:grayscale(.25) blur(9px) brightness(.55);
}
html #app .og-rewards-reference.og-reward-palette-cobalt .og-profile-stats>div:nth-child(n),
html #app .og-rewards-reference.og-reward-palette-cobalt .og-feature-rewards>.og-reward-feature:nth-child(n),
html #app .og-rewards-reference.og-reward-palette-cobalt .og-vip-feature,
html #app .og-rewards-reference.og-reward-palette-cobalt .og-gameplay-panel,
html #app .og-rewards-reference.og-reward-palette-cobalt .og-reward-amounts,
html #app .og-rewards-reference.og-reward-palette-cobalt .og-boost-stage,
html #app .og-rewards-reference.og-reward-palette-cobalt .og-upcoming-feature .og-upcoming-detail,
html #app .og-rewards-reference.og-reward-palette-cobalt .og-gameplay-period,
html #app .og-rewards-reference.og-reward-palette-cobalt .og-gameplay-metrics>div {
  background:#101113; border-color:#ffffff2c;
}
html #app .og-rewards-reference.og-reward-palette-cobalt .og-feature-top { background:linear-gradient(90deg,#1d241b,#151a16 60%,#121416); }
html #app .og-rewards-reference.og-reward-palette-cobalt .og-gameplay-period button.active { background:#303633; }
html #app .og-rank-modal, html #app .og-rank-modal-head,
html #app .og-modal-rank:not(.selected), html #app .og-modal-levels button:not(.selected),
html #app .og-modal-perk-pills>span { background:#111315; }
#app .auth-modal, #app .auth-content { background:#0a0b0d; }
#app .auth-content .auth-tabs, #app .auth-content .auth-social-button,
#app .auth-content input:not([type="checkbox"]), #app .auth-content .modal-close {
  background:#17191b; border-color:#ffffff2a;
}
#app .og-benefits-list, #app .og-rank-aside, #app .og-vip-detail,
#app .og-vip-services, #app .og-full-chart, #app .og-mechanic-steps,
#app .og-mechanic-example, #app .og-rank-option { background:#111315; }