/* Local preview only: switch the site canvas without changing brand accents or artwork. */
html[data-bg-theme="slate"]{--preview-canvas:#111820;--preview-panel:#1b2630;--preview-soft:#16212b}
html[data-bg-theme="navy"]{--preview-canvas:#0b1728;--preview-panel:#17263a;--preview-soft:#111f32}
html[data-bg-theme="plum"]{--preview-canvas:#1b1624;--preview-panel:#292135;--preview-soft:#241c2e}
html[data-bg-theme="espresso"]{--preview-canvas:#201a18;--preview-panel:#302722;--preview-soft:#29211e}
html[data-bg-theme="forest"]{--preview-canvas:#15201c;--preview-panel:#20312b;--preview-soft:#1a2924}
html[data-bg-theme="iron"]{--preview-canvas:#29343e;--preview-panel:#36434e;--preview-soft:#303d48}
html[data-bg-theme="teal"]{--preview-canvas:#294044;--preview-panel:#355054;--preview-soft:#30494d}
html[data-bg-theme="mulberry"]{--preview-canvas:#3c2f40;--preview-panel:#4b3c50;--preview-soft:#443647}
html[data-bg-theme="blue-mist"]{--preview-canvas:#405360;--preview-panel:#50636f;--preview-soft:#485b68}
html[data-bg-theme="sage-mist"]{--preview-canvas:#40544b;--preview-panel:#4f655a;--preview-soft:#485d52}
html[data-bg-theme="warm-stone"]{--preview-canvas:#504842;--preview-panel:#60564e;--preview-soft:#574e48}
html[data-bg-theme="silver-slate"]{--preview-canvas:#55616a;--preview-panel:#65717a;--preview-soft:#5d6972}
html[data-bg-theme]{background:var(--preview-canvas)}
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{background-color:var(--preview-canvas)}
html[data-bg-theme] #app>.topbar,html[data-bg-theme] #app .site-rail,html[data-bg-theme] #app .footer{background:var(--preview-canvas)}
html[data-bg-theme] #app .utility-panel,html[data-bg-theme] #app .utility-panel-head{background-color:var(--preview-soft)}
html[data-bg-theme] #app .rewards-nav a,html[data-bg-theme] #app .reward-overview-access,html[data-bg-theme] #app .reward-related,html[data-bg-theme] #app .reward-main-panel,html[data-bg-theme] #app .reward-account,html[data-bg-theme] #app .vip-experience-grid article,html[data-bg-theme] #app .match-card,html[data-bg-theme] #app .sports-sidebar,html[data-bg-theme] #app .casino-page .catalog-controls,html[data-bg-theme] #app .info-block{background-color:var(--preview-panel)}
html[data-bg-theme] #app .rewards-nav a.active{background-color:#2b4229}
.background-picker{position:fixed;z-index:140;left:50%;bottom:17px;transform:translateX(-50%);display:grid;gap:6px;width:min(770px,calc(100vw - 22px));padding:10px 13px;border:1px solid #ffffff2b;border-radius:15px;background:#0b1015f2;box-shadow:0 10px 36px #000a;backdrop-filter:blur(18px);color:#f6f7f4;font:700 12px 'DM Sans',Arial,sans-serif}
.background-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.background-picker-head strong{white-space:nowrap;font-size:12px}
.background-group{display:flex;align-items:center;gap:8px}
.background-group>span{flex:0 0 42px;color:#9eadae;font-size:10px}
.background-options{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.background-options button{min-width:78px;display:grid;justify-items:center;gap:4px;padding:5px 6px;border:1px solid transparent;border-radius:9px;background:transparent;color:#b9c4c6;font-size:10px;font-weight:700;white-space:nowrap}
.background-options button:hover{background:#ffffff10;color:#fff}
.background-options button[aria-pressed="true"]{border-color:#adf068;color:#d9ffb2;background:#a9ef3e19}
.background-options i{display:block;width:28px;height:21px;border:1px solid #ffffff65;border-radius:6px;background:var(--swatch)}
.background-picker-close{display:grid;place-items:center;flex:none;width:24px;height:24px;border:0;border-radius:6px;background:#ffffff14;color:#d1dbdd;font-size:17px;line-height:1}
.background-opacity-control{display:grid;grid-template-columns:90px minmax(0,1fr) 34px;align-items:center;gap:10px;margin-top:3px;padding-top:9px;border-top:1px solid #ffffff25}
.background-opacity-control label{font-size:11px;color:#dce7df}
.background-opacity-control input{width:100%;accent-color:#a9ef3e;cursor:pointer}
.background-opacity-control output{text-align:right;color:#d9ffb2;font-size:11px}
.background-picker-open{position:fixed;z-index:140;left:50%;bottom:16px;transform:translateX(-50%);padding:9px 14px;border:1px solid #ffffff3b;border-radius:99px;background:#111820f2;color:#dbfcb3;font:800 12px 'DM Sans',Arial,sans-serif;box-shadow:0 8px 26px #0008}
@media(max-width:700px){.background-picker{bottom:8px;gap:7px;max-height:48vh;overflow-y:auto;padding:7px 8px}.background-picker-head strong{font-size:10px}.background-group{align-items:start}.background-group>span{padding-top:10px;flex-basis:36px}.background-options button{min-width:59px;padding:4px 2px;font-size:9px}.background-options i{width:23px;height:18px}.background-picker-close{width:20px;height:20px}}
.background-picker[hidden],.background-picker-open[hidden]{display:none}