/* Draft theme skins. These selectors never match the unchanged Midnight default. */
html[data-site-theme="warm-lounge"]{color-scheme:light;--bg:#f6f0e5;--bg-2:#fffaf2;--panel:#fffdf8;--panel-2:#f0e4d2;--line:#d6c5ae;--text:#36281e;--muted:#71604f;--accent:#945019;--accent-2:#753811;--accent-ink:#fff;--tint:#f0dfc8;--red:#a33136;--green:#21634b;--radius:20px;--shadow:0 10px 28px #6142210a;--theme-button:#945019;--theme-hover:#753811;--theme-header:#f6f0e5f5;--theme-art:#e9cba5}
html[data-site-theme="clean-blue"]{color-scheme:light;--bg:#f3f7fc;--bg-2:#f9fbff;--panel:#fff;--panel-2:#e8f0fc;--line:#c5d5eb;--text:#192e4b;--muted:#4f6683;--accent:#1c57d2;--accent-2:#1645a9;--accent-ink:#fff;--tint:#dfebff;--red:#b42c46;--green:#186d58;--radius:12px;--shadow:0 8px 24px #17396608;--theme-button:#1c57d2;--theme-hover:#1645a9;--theme-header:#fffffff5;--theme-art:#c3d9f7}
html[data-site-theme="deep-green"]{color-scheme:dark;--bg:#0d201b;--bg-2:#102820;--panel:#163127;--panel-2:#214335;--line:#3e5c4b;--text:#f5f3e7;--muted:#b7c8ba;--accent:#dfbf73;--accent-2:#f0d89e;--accent-ink:#17251b;--tint:#384735;--red:#ffb4ad;--green:#92e2b0;--radius:8px;--shadow:0 12px 32px #0002;--theme-button:#dfbf73;--theme-hover:#f0d89e;--theme-header:#0d201bf5;--theme-art:#244934}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) body{background:var(--bg);color:var(--text)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) :is(.header,.topbar){background:var(--theme-header);border-color:var(--line)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) :is(.btn,.btn.dark,.primary){background:var(--theme-button);border-color:var(--theme-button);color:var(--accent-ink)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) :is(.btn:hover,.btn.dark:hover,.primary:hover){background:var(--theme-hover);border-color:var(--theme-hover)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) :is(.btn.ghost,.outline){background:transparent;color:var(--text);border-color:var(--line)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) :is(.btn.ghost:hover,.outline:hover){background:var(--panel-2);border-color:var(--accent)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) :is(.brand-mark,.logo){background:var(--theme-button);color:var(--accent-ink)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) :is(.product-nav,.product-nav a:hover,.lead,.hero-note,.lobby-banner p:not(.eyebrow),.catalog-toolbar>p,.playable-filter,.foot){color:var(--muted)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) :is(.eyebrow,.section-kicker,.game-mode,.classic-rank,.hero h1 em,.wallet-packages .stat,.category-strip b){color:var(--accent-2)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) .hero-note{border-left-color:var(--accent)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) :is(.category-number,.category-tab.on,.lounge-game .nav a.on,.lobby-banner span){background:var(--tint);color:var(--accent-2);border-color:var(--accent);box-shadow:none}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) .category-tab b{background:var(--panel-2);color:var(--muted)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) .category-tab.on b{background:var(--accent);color:var(--accent-ink)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) :is(.game-card,.flow-grid .card,.auth-box,.signup-form,.wallet-packages .card){background:var(--panel);border-color:var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) .game-card:hover{border-color:var(--accent)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) .category-strip>a:hover{background:var(--panel-2);border-color:var(--accent)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) .notice{background:var(--tint);border-color:var(--line);border-left-color:var(--accent);color:var(--text)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) .input:focus{box-shadow:0 0 0 3px var(--tint)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) .input::placeholder{color:var(--muted)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) :is(.intro-page #stats .stat,.register-page .signup-intro h1){color:var(--text)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) .wallet-packages .card{border-top-color:var(--accent)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"]) :is(.plus,.badge.active,.badge.approved,.badge.done,.wallet-packages .badge){color:var(--green);background:#e7f4ec;border-color:#aacdb5}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"]) :is(.minus,.badge.rejected,.badge.blocked,.form-error){color:var(--red);background:#fcecef;border-color:#dcb2b6}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"]) .badge.pending{color:#80501b;background:#fff0d8;border-color:#d8bf93}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"]) :is(.toast,.toast.err){background:var(--panel);color:var(--text)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"]) .toast.err{color:var(--red)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"]) .game-image{background:var(--theme-art)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) :is(.trip-cell,.number-board,.number-cell,.block-board .btn){background:var(--panel-2);border-color:var(--line);color:var(--text)}
html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) :is(.classic-stage [aria-pressed=true],.trip-cell.on,.block-board .filled){background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}

/* Warm Lounge: rounded editorial panels and a sunlit, inset hero. */
html[data-site-theme="warm-lounge"] .header{min-height:88px}
html[data-site-theme="warm-lounge"] .hero{width:min(1320px,calc(100% - 48px));margin:28px auto 0;border:1px solid var(--line);border-radius:30px;min-height:490px;background:radial-gradient(ellipse at 80% 0,#eed4b1,transparent 60%),var(--bg-2)}
html[data-site-theme="warm-lounge"] .hero:before{background:linear-gradient(90deg,#fffaf2 0,#fffaf2f5 40%,#fffaf233 78%)}
html[data-site-theme="warm-lounge"] .hero-scene{width:60%;left:auto;border-radius:50%;object-position:74% center;filter:sepia(.55) saturate(.8);opacity:.9}
html[data-site-theme="warm-lounge"] .hero h1{font-family:Georgia,'Malgun Gothic',sans-serif;font-weight:650;letter-spacing:-1.8px}
html[data-site-theme="warm-lounge"] :is(.primary,.outline,.btn,.input){border-radius:12px}
html[data-site-theme="warm-lounge"] .category-strip>a{border-radius:18px;padding-block:24px}
html[data-site-theme="warm-lounge"] .lobby-banner{border-radius:24px;background:var(--bg-2);border-color:var(--line);min-height:245px}
html[data-site-theme="warm-lounge"] .lobby-banner:before{background:linear-gradient(90deg,#fffaf2,#fffaf2fa 44%,#f6f0e544)}
html[data-site-theme="warm-lounge"] .lobby-banner>img{filter:sepia(.55) saturate(.8);opacity:.8}
html[data-site-theme="warm-lounge"] .game-body{padding:22px}
html[data-site-theme="warm-lounge"] .game-body .btn{background:transparent;color:var(--accent);border-color:var(--line)}

/* Clean Blue: bright center-led introduction, sharper catalog and generous spacing. */
html[data-site-theme="clean-blue"] .header{box-shadow:0 4px 20px #1c57d206}
html[data-site-theme="clean-blue"] .hero{min-height:540px;background:linear-gradient(135deg,#e9f2ff,#f8fbff 55%,#d4e7fc);border:0}
html[data-site-theme="clean-blue"] .hero:before{background:linear-gradient(90deg,#edf5ff,#edf5fff5 44%,#edf5ff22)}
html[data-site-theme="clean-blue"] .hero-scene{left:auto;right:4%;top:11%;width:44%;height:78%;border-radius:24px;box-shadow:0 15px 45px #17439522;object-position:72% center}
html[data-site-theme="clean-blue"] .hero h1{font-weight:800}
html[data-site-theme="clean-blue"] .category-strip>a{border-width:0 0 2px;border-radius:0;background:transparent;padding-inline:8px}
html[data-site-theme="clean-blue"] .lobby-banner{background:linear-gradient(115deg,#e1edff,#fff);border-color:var(--line);min-height:205px;border-radius:12px}
html[data-site-theme="clean-blue"] .lobby-banner:before{background:linear-gradient(90deg,#e5efffff,#e5effffa 48%,#e5efff33)}
html[data-site-theme="clean-blue"] .lobby-banner>img{left:auto;width:45%;object-position:70% center;border-radius:0 12px 12px 0}
html[data-site-theme="clean-blue"] .category-tab{border-radius:8px;border-width:0 0 3px}
html[data-site-theme="clean-blue"] .game-body{padding:20px}
html[data-site-theme="clean-blue"] .game-grid{gap:24px}

/* Deep Green: felt-like depth, restrained gold borders and club-style framing. */
html[data-site-theme="deep-green"] body{background:radial-gradient(ellipse at top,#1b392b55,transparent 70%),var(--bg)}
html[data-site-theme="deep-green"] .hero{margin:0;border-bottom:1px solid #dfbf7355;min-height:560px;background:radial-gradient(ellipse at 80% 20%,#3f5738,#0d201b 65%)}
html[data-site-theme="deep-green"] .hero:before{background:linear-gradient(90deg,#0d201bfa,#0d201be8 38%,#0d201b55 70%),linear-gradient(0deg,#0d201b,transparent 35%)}
html[data-site-theme="deep-green"] .hero-scene{filter:hue-rotate(95deg) saturate(.55);opacity:.72}
html[data-site-theme="deep-green"] .hero h1{font-weight:600;letter-spacing:-1.2px}
html[data-site-theme="deep-green"] :is(.primary,.outline,.btn){border-radius:5px}
html[data-site-theme="deep-green"] .category-strip>a{border-top:2px solid #dfbf7355;border-radius:7px;background:linear-gradient(120deg,#19382c,#132d23)}
html[data-site-theme="deep-green"] .lobby-banner{background:#153526;border-color:#dfbf7366;border-radius:8px}
html[data-site-theme="deep-green"] .lobby-banner:before{background:linear-gradient(90deg,#123122,#123122ef 45%,#12312244)}
html[data-site-theme="deep-green"] .lobby-banner>img{filter:hue-rotate(95deg) saturate(.55)}
html[data-site-theme="deep-green"] .game-card{border-radius:8px;border-color:#536348}
html[data-site-theme="deep-green"] .game-body .btn{background:transparent;color:var(--accent);border-color:#dfbf7377}
html[data-site-theme="deep-green"] .category-tab{border-radius:5px}

@media(max-width:760px){
  html[data-site-theme="warm-lounge"] .hero{width:calc(100% - 24px);margin-top:12px;border-radius:22px;min-height:440px}
  html[data-site-theme="warm-lounge"] .hero-scene{width:100%;border-radius:0;opacity:.26}
  html[data-site-theme="warm-lounge"] .hero:before{background:linear-gradient(90deg,#fffaf2fa,#fffaf2dc)}
  html[data-site-theme="clean-blue"] .hero{min-height:450px}
  html[data-site-theme="clean-blue"] .hero-scene{inset:auto 12px 12px auto;width:44%;height:160px;border-radius:14px;opacity:.25;box-shadow:none}
  html[data-site-theme="clean-blue"] .hero:before{background:linear-gradient(90deg,#edf5ff,#edf5ffe6)}
  html[data-site-theme="deep-green"] .hero{min-height:450px}
  html[data-site-theme="deep-green"] .hero:before{background:linear-gradient(90deg,#0d201bfa,#0d201bc9),linear-gradient(0deg,#0d201b,transparent)}
  html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) .hero h1{font-size:31px;letter-spacing:-1.1px}
  html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) .lobby-banner{min-height:180px;padding:24px 18px}
  html:is([data-site-theme="warm-lounge"],[data-site-theme="clean-blue"],[data-site-theme="deep-green"]) .game-body{padding:14px 12px}
  html[data-site-theme="clean-blue"] .game-grid{gap:12px}
}