/* AUTO-GENERATED by scripts/gen-light.py: do not edit. Hand fixes: scripts/light-manual.css */
/* dark-art components keep light text inside */
html.light-mode .ad, html.light-mode .adverts, html.light-mode .pic, html.light-mode .jpp, html.light-mode .jp-hero, html.light-mode .jp-cd, html.light-mode .jp, html.light-mode .art, html.light-mode .tile, html.light-mode .bc, html.light-mode .mc, html.light-mode .sc, html.light-mode .slot-tile, html.light-mode .pt-sc, html.light-mode .pt-lv, html.light-mode .wm-tile, html.light-mode .gt, html.light-mode .gate, html.light-mode .play-btn, html.light-mode .disc, html.light-mode .btn-gold, html.light-mode .wz-go, html.light-mode .fab, html.light-mode .fan, html.light-mode .nv-play, html.light-mode .mp-hero, html.light-mode .pf-prev, html.light-mode .mascot, html.light-mode .mp-av, html.light-mode .splash, html.light-mode .podium, html.light-mode .pkt, html.light-mode .packet, html.light-mode .envelope, html.light-mode .wheel, html.light-mode .dk-hero, html.light-mode .gboard, html.light-mode .cat, html.light-mode .banner, html.light-mode .pg-banner, html.light-mode .bnr, html.light-mode .hero, html.light-mode .mp-top, html.light-mode .mp-id, html.light-mode .wz-bonus, html.light-mode .sp-card, html.light-mode .sp-logo, html.light-mode .sp-pick { --ink: #f3efe6; --muted: #a7a29a; --accent-txt: #ff8a8c; --line: rgba(255,255,255,.09); --soft: rgba(232,23,25,.10); --gold-txt: #ff8a8c; color: #f3efe6; }
/* ---- styles.css ---- */
html.light-mode .app { background: linear-gradient(#eee9e5, #eee9e5),
    url("img/bg-neon.svg") center top / cover no-repeat,
    radial-gradient(120% 60% at 50% 0%, var(--bg2), var(--bg1) 55%, var(--bg0)); }
html.light-mode .app[data-bg="scales"] { background: radial-gradient(130% 80% at 50% 35%, transparent 50%, rgba(60,30,34,0.25)), url("img/bg-scales.svg") 0 0 / 44px 44px repeat, radial-gradient(120% 60% at 50% 0%, var(--bg2), var(--bg1) 55%, var(--bg0)); }
html.light-mode .app[data-bg="clouds"] { background: radial-gradient(130% 80% at 50% 35%, transparent 50%, rgba(60,30,34,0.25)), url("img/bg-clouds.svg") 0 0 / 110px 74px repeat, radial-gradient(120% 60% at 50% 0%, var(--bg2), var(--bg1) 55%, var(--bg0)); }
html.light-mode .wordmark { filter: drop-shadow(0 2px 3px rgba(60,30,34,0.25)); }
html.light-mode .wordmark .n99 { color: #1c1517; }
html.light-mode .ibtn { box-shadow: inset 0 -2px 0 rgba(120,60,0,.35), 0 2px 6px rgba(60,30,34,0.175); }
html.light-mode .ad-tag { background: rgba(60,30,34,0.2); }
html.light-mode .marquee { background: linear-gradient(165deg, rgba(44,18,14,.9), #eee9e5) padding-box, var(--molten) border-box; }
html.light-mode .wallet { background: linear-gradient(165deg, rgba(44,18,14,.9), #eee9e5) padding-box, var(--molten) border-box; box-shadow: 0 10px 28px rgba(60,30,34,0.25), 0 0 20px rgba(255,106,31,.1); }
html.light-mode .w-act { color: #1c1517; }
html.light-mode .bnav-bg { filter: drop-shadow(0 -4px 14px rgba(60,30,34,0.225)); }
html.light-mode .fan-scrim { background: rgba(60,30,34,0); }
html.light-mode .fan-scrim.open { background: #eee9e5; }
html.light-mode .fan-ic { box-shadow: 0 0 0 2px var(--gold), 0 0 16px rgba(255,122,31,.65), 0 6px 14px rgba(60,30,34,0.275); }
html.light-mode .fan-btn b { text-shadow: 0 1px 4px rgba(60,30,34,0.3); }
html.light-mode .field { background: color-mix(in srgb, #eee9e5 30%, transparent); }
html.light-mode .live { color: #1c1517; }
html.light-mode .search { background: color-mix(in srgb, #eee9e5 30%, transparent); }
html.light-mode .msg .bub { background: rgba(60,30,34,0.19); }
html.light-mode .chat-in input { background: color-mix(in srgb, #eee9e5 30%, transparent); }
html.light-mode .bc-screen { background: radial-gradient(ellipse at 50% 70%, #efe9e5, #f8f4f1 70%); }
html.light-mode .bc-screen .lbl.p { color: #2a6fd6; }
html.light-mode .bc-screen .lbl.b { color: #c8101a; }
html.light-mode .road-head .b { color: #c8101a; }
html.light-mode .road-head .p { color: #2a6fd6; }
html.light-mode .bead i { color: #1c1517; }
html.light-mode .bet.P { background: linear-gradient(#2f6fd8, #efe9e5); color: #1c1517; }
html.light-mode .bet.B { color: #1c1517; }
html.light-mode .bet.T { background: linear-gradient(#2fa860, #efe9e5); color: #1c1517; }
html.light-mode .chipc { color: #1c1517; border: 3px dashed rgba(28,21,23,0.77); box-shadow: 0 0 0 2px rgba(60,30,34,0.2); }
html.light-mode .chipc.on { box-shadow: 0 0 0 2px var(--gold), 0 4px 12px rgba(28,21,23,0.55); }
html.light-mode .c100 { background: #ffffff; }
html.light-mode .c500 { background: #efe9e5; }
html.light-mode .result-flash { background: rgba(60,30,34,0.275); }
html.light-mode .calc { background: color-mix(in srgb, #eee9e5 25%, transparent); }
html.light-mode .tiers b { color: #1c1517; }
html.light-mode .tgl { background: color-mix(in srgb, #eee9e5 35%, transparent); }
html.light-mode .ov { background: #eee9e5; }
html.light-mode .dlg .box { background: color-mix(in srgb, #eee9e5 25%, transparent); }
html.light-mode .game-frame { background: #eee9e5; }
html.light-mode .bacc-card .bc-art { filter: drop-shadow(0 6px 10px rgba(60,30,34,0.25)); }
html.light-mode .inv-hero h2, html.light-mode .inv-hero .k, html.light-mode .inv-hero p { text-shadow: 0 2px 6px rgba(60,30,34,0.25); }
html.light-mode .pk .spk i { filter: drop-shadow(0 0 3px #1c1517); }
html.light-mode .pm { background: rgba(60,30,34,0.125); }
html.light-mode .pm i { color: #1c1517; }
html.light-mode .prog { background: rgba(60,30,34,0.175); }
html.light-mode .chk { background: rgba(60,30,34,0.125); }
html.light-mode .cm .b { background: rgba(60,30,34,0.19); }
html.light-mode .wh-svg { filter: drop-shadow(0 10px 24px rgba(60,30,34,0.275)); }
html.light-mode .wh-ptr { filter: drop-shadow(0 3px 3px rgba(60,30,34,0.25)); }
html.light-mode .wh-go { box-shadow: 0 0 0 5px #3a0505, 0 0 0 7px #1c1517, 0 6px 16px rgba(60,30,34,0.3); }
html.light-mode .sidemenu-scrim { background: rgba(60,30,34,0.275); }
html.light-mode .sidemenu-panel { box-shadow: 4px 0 24px rgba(60,30,34,0.25); }
html.light-mode .intro-door { background: linear-gradient(#eee9e5, #eee9e5), url("img/bg-neon.svg") no-repeat, var(--bg0); }
html.light-mode .partners .pv { border: 1px solid rgba(28,21,23,0.242); }
html.light-mode .partners .pv-t { color: #1c1517; }
html.light-mode .auth-gate { background: linear-gradient(#eee9e5, #eee9e5), url("img/bg-neon.svg") center / cover no-repeat, var(--bg0); }
html.light-mode .auth-card { background: linear-gradient(165deg, rgba(44,18,14,.94), #eee9e5) padding-box, var(--molten) border-box; }
html.light-mode .auth-err { color: #c8101a; }
/* ---- design.css ---- */
html.light-mode .frame-root { background: linear-gradient(#eee9e5, #eee9e5), url("img/ui/bg-abstract.webp") center top / cover no-repeat, #eee9e5; }
html.light-mode .hdr .logo .tagline { color: #6d6663; }
html.light-mode .bal-pill.hdr-bal { background: #f8f4f1; box-shadow: inset 0 0 0 1px rgba(28,21,23,0.099); }
html.light-mode .ibtn { background: #f8f4f1; box-shadow: inset 0 0 0 1px rgba(28,21,23,0.099); }
html.light-mode .ibtn .dot { color: #1c1517; }
html.light-mode .sidemenu-panel { background: radial-gradient(120% 40% at 0 0, rgba(232,23,25,.22), rgba(232,23,25,0) 60%), #ffffff !important; box-shadow: 6px 0 28px rgba(60,30,34,0.3), inset -1px 0 0 rgba(28,21,23,0.077); }
html.light-mode .sm-bal { background: #f8f4f1 !important; box-shadow: inset 0 0 0 1px rgba(28,21,23,0.099); }
html.light-mode .sm-big { background: #f8f4f1; box-shadow: inset 0 0 0 1px rgba(28,21,23,0.088); }
html.light-mode .bw .on { color: #6d6663; }
html.light-mode .hs .all svg { color: #6d6663; }
html.light-mode .w-act.pri i { box-shadow: 0 8px 18px -8px rgba(232,23,25,.8), inset 0 1px 0 rgba(28,21,23,0.275) !important; }
html.light-mode .card-gold::before { background: linear-gradient(145deg, #f8f4f1, #ffffff) !important; }
html.light-mode .intro-door { background: radial-gradient(120% 70% at 50% 0%, #f8f4f1, #eee9e5) !important; }
html.light-mode .intro-door i { background: radial-gradient(circle at 50% 30%, #3a1214, #eee9e5) !important; }
html.light-mode .hbtn { background: #f8f4f1; box-shadow: inset 0 0 0 1px rgba(28,21,23,0.099); }
html.light-mode .hbtn .flag { box-shadow: 0 0 0 1px rgba(28,21,23,0.198); }
html.light-mode .gnav { background: #ffffff; border-top: 1px solid rgba(28,21,23,0.088); box-shadow: 0 -10px 24px rgba(60,30,34,0.225); }
html.light-mode .gni { color: #6d6663; }
html.light-mode .gni.on { color: #c8101a; }
html.light-mode .lang-screen, html.light-mode .auth-gate { background: linear-gradient(#eee9e5, #eee9e5), url("img/ui/bg-abstract.webp") center top / cover no-repeat, #eee9e5 !important; }
html.light-mode .as-lang { box-shadow: inset 0 0 0 1px rgba(28,21,23,0.132); }
html.light-mode .as-tabs { border-bottom: 1px solid rgba(28,21,23,0.088); }
html.light-mode .as-tabs button { color: rgba(28,21,23,0.55); }
html.light-mode .as-tabs button.on { color: #1c1517; box-shadow: inset 0 1px 0 rgba(28,21,23,0.275); }
html.light-mode .as-in { background: #eee9e5; box-shadow: inset 0 0 0 1px rgba(28,21,23,0.099); }
html.light-mode .as-in input { color: #1c1517; }
html.light-mode .as-in input::placeholder { color: rgba(28,21,23,0.4); }
html.light-mode .as-eye { color: rgba(28,21,23,0.45); }
html.light-mode .as-eye.on { color: #c8101a; }
html.light-mode .auth-err { color: #c8101a; }
html.light-mode .as-go { box-shadow: 0 14px 28px -10px rgba(232,23,25,.9), inset 0 1px 0 rgba(28,21,23,0.385); }
html.light-mode .auth-note { color: rgba(28,21,23,0.5); }
html.light-mode .as-seg { box-shadow: inset 0 0 0 1px rgba(28,21,23,0.077); }
html.light-mode .as-seg button { color: rgba(28,21,23,0.55); }
html.light-mode .as-seg button.on { color: #1c1517; box-shadow: inset 0 1px 0 rgba(28,21,23,0.33), 0 4px 10px rgba(60,30,34,0.15); }
html.light-mode .as-cc { border-right: 1px solid rgba(28,21,23,0.22); color: #1c1517; }
html.light-mode .as-agree { color: rgba(28,21,23,0.7); }
html.light-mode .as-agree i { box-shadow: inset 0 0 0 1.5px rgba(28,21,23,0.33); background: rgba(60,30,34,0.25); }
html.light-mode .as-agree input:checked + i::after { border: solid #1c1517; }
html.light-mode .as-agree b { color: #c8101a; }
html.light-mode .lang-screen .pf-body h2 { color: #1c1517; }
html.light-mode .pf-theme { background: linear-gradient(145deg, #f8f4f1, #ffffff); box-shadow: inset 0 0 0 1px rgba(28,21,23,0.099); }
html.light-mode .pf-langs .flag { box-shadow: 0 0 0 1px rgba(28,21,23,0.198); }
html.light-mode .pf-bubble { box-shadow: inset 0 1px 0 rgba(28,21,23,0.385), inset 0 0 0 1px rgba(28,21,23,0.132), 0 12px 26px -12px rgba(0,0,0,.7); }
html.light-mode .pf-bubble::before { box-shadow: inset 1px -1px 0 rgba(28,21,23,0.154); }
html.light-mode .pf-bubble b { color: #1c1517; }
html.light-mode .pf-bubble span { color: rgba(28,21,23,0.78); }
html.light-mode .pf-bubble em { color: #c8101a; }
html.light-mode .pf-langs button { background: linear-gradient(145deg, #f8f4f1, #ffffff) !important; box-shadow: inset 0 0 0 1px rgba(28,21,23,0.099); }
html.light-mode .ov { background: #eee9e5 !important; }
html.light-mode .wm2 { background: radial-gradient(90% 40% at 20% 0%, rgba(232,23,25,.34), rgba(232,23,25,0) 70%), linear-gradient(180deg, #f8f4f1, #ffffff); box-shadow: inset 0 1px 0 rgba(28,21,23,0.242), inset 0 0 0 1px rgba(28,21,23,0.077), 0 -24px 60px -20px rgba(232,23,25,.5); }
html.light-mode .wm2-m { filter: drop-shadow(0 14px 16px rgba(60,30,34,0.3)); }
html.light-mode .wm2-hi { box-shadow: inset 0 1px 0 rgba(28,21,23,0.495), 0 14px 26px -10px rgba(232,23,25,.85); }
html.light-mode .wm2-hi b { color: #1c1517; }
html.light-mode .wm2-hi span { color: rgba(28,21,23,0.85); }
html.light-mode .wm2-card { box-shadow: inset 0 1px 0 rgba(28,21,23,0.22), inset 0 0 0 1px rgba(28,21,23,0.099); }
html.light-mode .wm2-row b { color: #1c1517; }
html.light-mode .wm2-row span { color: rgba(28,21,23,0.62); }
html.light-mode .wm2-chips span { color: rgba(28,21,23,0.85); box-shadow: inset 0 0 0 1px rgba(28,21,23,0.132); }
html.light-mode .wm2-go.gold { box-shadow: 0 10px 22px -8px rgba(28,21,23,0.77), inset 0 1px 0 rgba(28,21,23,0.77); }
html.light-mode .wm2-go.red { box-shadow: 0 10px 22px -8px rgba(232,23,25,.9), inset 0 1px 0 rgba(28,21,23,0.385); }
html.light-mode .wm2-skip { color: rgba(28,21,23,0.55); }
html.light-mode .wc-in { background: radial-gradient(70% 160% at 100% 0%, rgba(232,23,25,.2), rgba(232,23,25,0) 62%), linear-gradient(150deg, #f8f4f1, #ffffff); }
html.light-mode .wc-lbl { color: rgba(28,21,23,0.55); }
html.light-mode .wc-val small { color: rgba(28,21,23,0.5); }
html.light-mode .wc-val > span { color: #1c1517; }
html.light-mode .wc-eye { color: rgba(28,21,23,0.55); }
html.light-mode .wc-dep { box-shadow: 0 8px 16px -6px rgba(232,23,25,.85), inset 0 1px 0 rgba(28,21,23,0.418); }
html.light-mode .wc-rnd { color: rgba(28,21,23,0.85); box-shadow: inset 0 0 0 1.5px rgba(28,21,23,0.154); }
html.light-mode .wc-btn { color: rgba(28,21,23,0.9); box-shadow: inset 0 0 0 1.5px rgba(28,21,23,0.143); }
html.light-mode .wc-btn svg { color: rgba(28,21,23,0.8); }
html.light-mode .wc-btn.pri { box-shadow: 0 8px 16px -6px rgba(232,23,25,.85), inset 0 1px 0 rgba(28,21,23,0.418); }
html.light-mode .wc-btn.pri svg { color: #1c1517; }
html.light-mode .gh, html.light-mode .hs h3, html.light-mode .sec.lb h2 { text-shadow: 0 2px 10px rgba(60,30,34,0.325); color: #1c1517; }
html.light-mode .hfoot { border-top: 1px solid rgba(28,21,23,0.088); }
html.light-mode .hfoot .fg h4 { color: rgba(28,21,23,0.5); }
html.light-mode .hfoot .logos .tw { color: #6d6663; }
html.light-mode .hfoot .fbrand .slogan { color: #1c1517; }
html.light-mode .hfoot .copy { color: #6d6663; }
html.light-mode .mp-nm { color: #1c1517; }
html.light-mode .mp-nm button { color: rgba(28,21,23,0.55); }
html.light-mode .mp-uid { color: rgba(28,21,23,0.5); }
html.light-mode .mp-bal { border-top: 1px solid rgba(28,21,23,0.088); }
html.light-mode .mp-bal small { color: rgba(28,21,23,0.5); }
html.light-mode .mp-bal span { color: rgba(28,21,23,0.55); }
html.light-mode .mp-bal b { color: #1c1517; }
html.light-mode .mp-go.ghost { box-shadow: inset 0 0 0 1px rgba(28,21,23,0.132); }
html.light-mode .mp-box { background: linear-gradient(160deg, #f8f4f1, #ffffff); box-shadow: inset 0 0 0 1px rgba(28,21,23,0.077); }
html.light-mode .mp-bh { color: rgba(28,21,23,0.5); }
html.light-mode .mp-ring circle { stroke: rgba(28,21,23,0.1); }
html.light-mode .mp-ring b { color: #1c1517; }
html.light-mode .mp-chips3 button { color: rgba(28,21,23,0.8); }
html.light-mode .mp-brow p { color: rgba(28,21,23,0.6); }
html.light-mode .mp-invite { color: #1c1517; background: linear-gradient(160deg, #f8f4f1, #ffffff); box-shadow: inset 0 0 0 1px rgba(28,21,23,0.077); }
html.light-mode .mp-ii { color: #c8101a; }
html.light-mode .mp-invite div span { color: rgba(28,21,23,0.55); }
html.light-mode .mp-invite > i { color: rgba(28,21,23,0.35); }
html.light-mode .mp-h { color: rgba(28,21,23,0.5); }
html.light-mode .mp-q { color: #1c1517; }
html.light-mode .mp-q span { color: rgba(28,21,23,0.85); background: linear-gradient(160deg, #f8f4f1, #ffffff); box-shadow: inset 0 0 0 1px rgba(28,21,23,0.099); }
html.light-mode .mp-q em { color: rgba(28,21,23,0.7); }
html.light-mode .mp-q:active span { color: #c8101a; }
html.light-mode .mp-chip { color: rgba(28,21,23,0.85); background: linear-gradient(160deg, #f8f4f1, #ffffff); box-shadow: inset 0 0 0 1px rgba(28,21,23,0.088); }
html.light-mode .mp-chip svg { color: rgba(28,21,23,0.55); }
html.light-mode .mp-ver { color: rgba(28,21,23,0.3); }
html.light-mode .bz-intro h2 { color: #1c1517; }
html.light-mode .bz-intro p { color: rgba(28,21,23,0.62); }
html.light-mode .bz-have > div { box-shadow: inset 0 0 0 1px rgba(28,21,23,0.088); }
html.light-mode .bz-have b { color: #1c1517; }
html.light-mode .bz-have span { color: rgba(28,21,23,0.6); }
html.light-mode .bz-h { color: #1c1517; }
html.light-mode .bz-card { background: linear-gradient(160deg, #f8f4f1, #ffffff); box-shadow: inset 0 0 0 1px rgba(28,21,23,0.099), 0 14px 26px -20px rgba(0,0,0,.9); }
html.light-mode .bz-top b { color: #1c1517; }
html.light-mode .bz-top span { color: rgba(28,21,23,0.55); }
html.light-mode .bz-st.on { color: #0f8f55; }
html.light-mode .bz-st.off { color: rgba(28,21,23,0.55); }
html.light-mode .bz-val b { color: #1c1517; }
html.light-mode .bz-val span { color: rgba(28,21,23,0.75); }
html.light-mode .bz-steps li { color: rgba(28,21,23,0.85); }
html.light-mode .bz-tiers > div { box-shadow: inset 0 0 0 1px rgba(28,21,23,0.088); }
html.light-mode .bz-tiers small { color: rgba(28,21,23,0.55); }
html.light-mode .bz-tiers b { color: #1c1517; }
html.light-mode .bz-tiers i { color: rgba(28,21,23,0.3); }
html.light-mode .bz-note { color: rgba(28,21,23,0.6); }
html.light-mode .bz-btn.ghost { color: #1c1517; box-shadow: inset 0 0 0 1px rgba(28,21,23,0.154); }
html.light-mode .bz-btn.off { color: rgba(28,21,23,0.5); }
html.light-mode .bz-list { background: linear-gradient(160deg, #f8f4f1, #ffffff); box-shadow: inset 0 0 0 1px rgba(28,21,23,0.099); }
html.light-mode .bz-row { color: #1c1517; }
html.light-mode .bz-row + .bz-row { border-top: 1px solid rgba(28,21,23,0.077); }
html.light-mode .bz-row > i { color: #c8101a; }
html.light-mode .bz-row div span { color: rgba(28,21,23,0.6); }
html.light-mode .bz-row u { color: rgba(28,21,23,0.35); }
html.light-mode .wz-bar h2 { color: #1c1517; }
html.light-mode .wz-pill { color: #1c1517; box-shadow: inset 0 0 0 1px rgba(28,21,23,0.132); }
html.light-mode .wz-pill svg { color: rgba(28,21,23,0.75); }
html.light-mode .wz-circ { color: #1c1517; box-shadow: inset 0 0 0 1px rgba(28,21,23,0.132); }
html.light-mode .wz-tabs a { color: rgba(28,21,23,0.5); box-shadow: inset 0 0 0 1px rgba(28,21,23,0.077); }
html.light-mode .wz-tabs a.on { color: #1c1517; }
html.light-mode .wz-tabs a.on svg { color: #c8101a; }
html.light-mode .wz-balrow { background: linear-gradient(160deg, #f8f4f1, #ffffff); box-shadow: inset 0 0 0 1px rgba(28,21,23,0.088); }
html.light-mode .wz-cur { color: #1c1517; box-shadow: inset 0 0 0 1px rgba(28,21,23,0.11); }
html.light-mode .wz-bal small { color: rgba(28,21,23,0.5); }
html.light-mode .wz-bal b { color: #1c1517; }
html.light-mode .wz-bal b > span:first-child { color: rgba(28,21,23,0.55); }
html.light-mode .wz-ref { color: rgba(28,21,23,0.8); }
html.light-mode .wz-h { color: rgba(28,21,23,0.7); }
html.light-mode .wz-sw { background: rgba(60,30,34,0.175); }
html.light-mode .wz-sw::after { box-shadow: 0 2px 6px rgba(60,30,34,0.175); }
html.light-mode .wz-weekend { color: #6d6663; }
html.light-mode .wz-amt { background: #eee9e5; box-shadow: inset 0 0 0 1px rgba(28,21,23,0.11); }
html.light-mode .wz-amt > span { color: rgba(28,21,23,0.5); }
html.light-mode .wz-amt input { color: #1c1517; }
html.light-mode .wz-amt input::placeholder { color: rgba(28,21,23,0.3); }
html.light-mode .wz-q button { color: #1c1517; background: linear-gradient(160deg, #f8f4f1, #ffffff); box-shadow: inset 0 0 0 1px rgba(28,21,23,0.099); }
html.light-mode .wz-q em { color: #9a2a12; }
html.light-mode .wz-pm .pm { color: #1c1517; background: linear-gradient(160deg, #f8f4f1, #ffffff); box-shadow: inset 0 0 0 1px rgba(28,21,23,0.099); }
html.light-mode .wz-pm .pm.on { background: linear-gradient(160deg, #2c1416, #ffffff); }
html.light-mode .wz-pm .lg b { color: #1c1517; }
html.light-mode .wz-pm .tx small { color: rgba(28,21,23,0.55); }
html.light-mode .wz-pm .rd { box-shadow: inset 0 0 0 2px rgba(28,21,23,0.275); }
html.light-mode .wz-note { color: rgba(28,21,23,0.5); }
html.light-mode .wz-help { color: rgba(28,21,23,0.55); }
html.light-mode .wz-prog { background: linear-gradient(160deg, #f8f4f1, #ffffff); box-shadow: inset 0 0 0 1px rgba(28,21,23,0.088); }
html.light-mode .wz-prog p { color: rgba(28,21,23,0.6); }
html.light-mode .wz-prog p b { color: #1c1517; }
html.light-mode .wz-chks { background: linear-gradient(160deg, #f8f4f1, #ffffff); box-shadow: inset 0 0 0 1px rgba(28,21,23,0.088); }
html.light-mode .wz-chk { color: #1c1517; }
html.light-mode .wz-chk + .wz-chk { border-top: 1px solid rgba(28,21,23,0.077); }
html.light-mode .wz-chk > i { color: #6d6663; }
html.light-mode .wz-chk small { color: rgba(28,21,23,0.55); }
html.light-mode .wz-chk em { color: #6d6663; }
html.light-mode .wz-chk.ok em { color: #0f8f55; }
html.light-mode .wz-list { background: linear-gradient(160deg, #f8f4f1, #ffffff); box-shadow: inset 0 0 0 1px rgba(28,21,23,0.088); }
html.light-mode .wz-li + .wz-li { border-top: 1px solid rgba(28,21,23,0.077); }
html.light-mode .wz-li small { color: rgba(28,21,23,0.5); }
html.light-mode .wz-li em { color: #6d6663; }
html.light-mode .wz-pm .lg.tng { background: #efe9e5; }
html.light-mode .lang-dd { background: linear-gradient(160deg, #f8f4f1, #ffffff); border: 1px solid rgba(28,21,23,0.132); }
html.light-mode .lang-dd button { color: #1c1517; }
html.light-mode .lang-dd button .flag { box-shadow: 0 0 0 1px rgba(28,21,23,0.198); }
html.light-mode .ex-card { border: 1px solid rgba(28,21,23,0.099); background: linear-gradient(145deg, #f8f4f1, #ffffff); }
html.light-mode .ex-card > i svg { color: #1c1517; }
html.light-mode .ex-card b { color: #1c1517; }
html.light-mode .ex-card span { color: rgba(28,21,23,0.6); }
html.light-mode .ex-card > svg { color: #c8101a; }
html.light-mode .rf-qr { background: radial-gradient(110% 70% at 50% 0%, rgba(232,23,25,.22), rgba(232,23,25,0) 65%), linear-gradient(160deg, #f8f4f1, #ffffff); }
html.light-mode .rf-qrbox { box-shadow: 0 10px 30px rgba(60,30,34,0.25); }
html.light-mode .rf-code { color: #1c1517; }
html.light-mode .rf-code span { color: rgba(28,21,23,0.5); }
html.light-mode .rf-cap { color: rgba(28,21,23,0.62); }
html.light-mode .rf-two button { border: 1px solid rgba(28,21,23,0.11); background: linear-gradient(160deg, #f8f4f1, #ffffff); color: #1c1517; }
html.light-mode .rf-two span { color: rgba(28,21,23,0.55); }
html.light-mode .rf-share-btn { box-shadow: 0 12px 24px -10px rgba(232,23,25,.9), inset 0 1px 0 rgba(28,21,23,0.33); }
html.light-mode .rf-tg { border: 1px solid rgba(28,21,23,0.132); background: linear-gradient(160deg, #f8f4f1, #ffffff); }
html.light-mode .rf-card { border: 1px solid rgba(28,21,23,0.099); background: linear-gradient(160deg, #f8f4f1, #ffffff); }
html.light-mode .rf-card h4 { color: #1c1517; }
html.light-mode .rf-empty { color: rgba(28,21,23,0.55); }
html.light-mode .rf-note { color: rgba(28,21,23,0.65); }
html.light-mode .rf-row { border-top: 1px solid rgba(28,21,23,0.088); color: #c8101a; }
html.light-mode .rf-how > div { border: 1px solid rgba(28,21,23,0.088); background: linear-gradient(160deg, #f8f4f1, #ffffff); }
html.light-mode .rf-how h5 { color: #1c1517; }
html.light-mode .rf-how p { color: rgba(28,21,23,0.55); }
html.light-mode .page-title, html.light-mode .subhdr h1, html.light-mode .bz-intro h2, html.light-mode .wz-bar h2, html.light-mode .sec h2 { text-shadow: 0 2px 10px rgba(60,30,34,0.325); color: #1c1517; }
html.light-mode .bnav .nv { color: #6d6663; }
html.light-mode .bnav .nv.on { color: #c8101a; }
html.light-mode .bnav::after { background: #ffffff; }
html.light-mode .wz-form .lbl-f { color: rgba(28,21,23,0.6); }
html.light-mode .wz-form .field { background: #eee9e5; box-shadow: inset 0 0 0 1px rgba(28,21,23,0.11); }
html.light-mode .wz-form .field b { color: #c8101a; }
html.light-mode .wz-form .field input, html.light-mode .wz-form .field select { color: #1c1517; }
html.light-mode .wz-form .field select option { background: #f8f4f1; color: #1c1517; }
html.light-mode .wz-form .field input::placeholder { color: rgba(28,21,23,0.3); }
html.light-mode .auth-dlg .lg-ph { border: 1.5px solid rgba(28,21,23,0.154); }
html.light-mode .auth-dlg .lg-ph i { color: #c8101a; border-right: 1px solid rgba(28,21,23,0.154); }
/* ---- desktop.css ---- */
@media (min-width:1024px) {
html.light-mode .dk-top { background: #eee9e5; border-bottom: 1px solid rgba(28,21,23,0.088); }
html.light-mode .dk-side { background: linear-gradient(180deg, #ffffff, #eee9e5); border-right: 1px solid rgba(28,21,23,0.077); }
html.light-mode .dk-burger { color: #1c1517; border: 1px solid rgba(28,21,23,0.099); }
html.light-mode .dk-top .logo .tagline { color: rgba(28,21,23,0.75); }
html.light-mode .dk-tab { color: rgba(28,21,23,0.7); }
html.light-mode .dk-tab:hover { color: #1c1517; }
html.light-mode .dk-tab.on { color: #1c1517; }
html.light-mode .dk-search { border: 1px solid rgba(28,21,23,0.099); color: rgba(28,21,23,0.6); }
html.light-mode .dk-search input { color: #1c1517; }
html.light-mode .dk-ib { color: #1c1517; border: 1px solid rgba(28,21,23,0.099); }
html.light-mode .dk-bal { border: 1px solid rgba(28,21,23,0.099); color: #1c1517; }
html.light-mode .dk-bal small { color: rgba(28,21,23,0.55); }
html.light-mode .dk-dep { box-shadow: 0 10px 22px -10px rgba(232,23,25,.9), inset 0 1px 0 rgba(28,21,23,0.33); }
html.light-mode .dk-av { background: #ffffff; }
html.light-mode .dk-grp { border-bottom: 1px solid rgba(28,21,23,0.077); }
html.light-mode .dk-it { color: rgba(28,21,23,0.78); }
html.light-mode .dk-it:hover { color: #1c1517; }
html.light-mode .dk-it.on { color: #1c1517; }
html.light-mode .dk-ic.dk-line svg { color: rgba(28,21,23,0.78); }
html.light-mode .dk-it.on .dk-ic.dk-line svg { color: #c8101a; }
html.light-mode .game-frame { background: #eee9e5; }
}
/* ---- hand-written light-mode fixes ---- */
/* palette tokens that design.css sets on :root and the app's theme switch does not touch */
html.light-mode {
  --line: rgba(28,21,23,.10); --soft: rgba(232,23,25,.07);
  --panel: linear-gradient(145deg, #ffffff, #f8f4f1);
  --gold1: #e81719; --gold: #e81719; --gold2: #b80f11; --gold-txt: #c8101a; --on-gold: #fff;
  --g: linear-gradient(135deg, rgba(232,23,25,.55), rgba(232,23,25,.30) 40%, rgba(28,21,23,.06) 70%, rgba(232,23,25,.40));
  color-scheme: light;
}
html.light-mode body { background: #f4f0ed; color: #1c1517; }

/* bottom navigation: white bar, grey labels, red active */
html.light-mode .bnav-bg .s1, html.light-mode .bnav-bg .s2, html.light-mode .bnav-bg .s3 { stop-color: #ffffff; }
html.light-mode .bnav-bg path { stroke: rgba(28,21,23,.10); }
html.light-mode .bnav-bg { filter: drop-shadow(0 -4px 14px rgba(60,30,34,.14)); }
html.light-mode .bnav::after { background: #ffffff; }
html.light-mode .bnav .nv { color: #8a8481; }
html.light-mode .bnav .nv.on { color: #E81719; }
html.light-mode .bnav .nv-play small { color: #8a8481; }
html.light-mode .bnav .nv-play.on small { color: #E81719; }

/* specific fixes found by the contrast audit */
html.light-mode .bal-pill, html.light-mode .bal-pill .num { color: #1c1517; }
html.light-mode .mp-nm, html.light-mode .mp-nm span, html.light-mode .mp-id, html.light-mode .mp-uid { color: #ffffff; }
html.light-mode .mp-uid { color: rgba(255,255,255,.6); }
html.light-mode .pm.on, html.light-mode .pm.on b, html.light-mode .pm.on small, html.light-mode .pm.on .tx { color: #ffffff; }
html.light-mode .ch-top small { color: #0f8f55; }
html.light-mode .chip.plain .plogo, html.light-mode .sec-h .plogo { filter: brightness(0) opacity(.78); }
html.light-mode .chip.plain.on .plogo { filter: none; }

/* mascot pictures that have an opaque dark background: show them as deliberate rounded dark cards on the light page */
html.light-mode .lang-screen .pf-body .pf-hero img.m {
  -webkit-mask-image: none; mask-image: none; border-radius: 22px; box-shadow: 0 10px 26px -12px rgba(60,30,34,.45);
}