/* Heller Modus (v2.37.0). Gilt nur mit <html data-theme="light">; gesetzt im Seitenkopf aus der Wahl im Benutzermenue.
   Liegt nach style.css und modern.css und ueberschreibt deren dunkle Farben. */
html[data-theme="light"] {
    color-scheme: light;
    scrollbar-color: #b8c0cc #eef1f5;
    --bg: #eef1f5; --panel: #ffffff; --panel2: #f3f5f9; --line: rgba(15, 23, 42, .12);
    --text: #1b2230; --muted: #5d6677; --accent: #1f9e8d; --accent2: #0f7a6c;
    --glass: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(249, 250, 252, .93));
    --glass-line: rgba(15, 23, 42, .1);
    --shadow: 0 8px 22px rgba(15, 23, 42, .08), inset 0 1px 0 #fff;
    --soft-bg: rgba(15, 23, 42, .05);
    --orange: #d97706; --gold: #e0b43a;
    --r-common: #1b2230;
    --w: #efe6b0; --c: #9aa0aa;
}
html[data-theme="light"] body {
    background:
        radial-gradient(1100px 520px at 15% -8%, rgba(31, 158, 141, .10), transparent 62%),
        radial-gradient(800px 460px at 100% 0%, rgba(15, 122, 108, .06), transparent 58%),
        linear-gradient(180deg, #f7f9fb 0%, #e8ecf1 100%);
    background-attachment: fixed;
}

/* Kopfzeile und Menue */
html[data-theme="light"] .top { background: rgba(255, 255, 255, .8); box-shadow: 0 4px 18px rgba(15, 23, 42, .08); }
html[data-theme="light"] .brand, html[data-theme="light"] .brand span { background: linear-gradient(90deg, #0f7a6c, #1f9e8d 60%, #13695e); -webkit-background-clip: text; background-clip: text; }
html[data-theme="light"] .top nav a, html[data-theme="light"] .top nav .navlink, html[data-theme="light"] .ddbtn { color: #2c3545; }
html[data-theme="light"] .top nav a:hover, html[data-theme="light"] .ddbtn:hover, html[data-theme="light"] .dd.open > .ddbtn { background: rgba(15, 23, 42, .06); color: #0f172a; }
html[data-theme="light"] .top nav a.on, html[data-theme="light"] .dd.on > .ddbtn, html[data-theme="light"] .ddmenu a.on { background: rgba(31, 158, 141, .13); color: var(--accent2); box-shadow: inset 0 0 0 1px rgba(15, 122, 108, .25); }
html[data-theme="light"] .ddmenu { background: linear-gradient(180deg, #e9f7f4, #dff2ee); border-color: rgba(15, 122, 108, .35); box-shadow: 0 18px 40px rgba(15, 23, 42, .18), inset 0 2px 0 rgba(31, 158, 141, .6); }
html[data-theme="light"] .ddmenu a:hover { background: rgba(31, 158, 141, .12); }
html[data-theme="light"] .ddhead, html[data-theme="light"] .ddsep { border-color: rgba(15, 23, 42, .1); }
html[data-theme="light"] .ddsep { background: rgba(15, 23, 42, .1); }
@media (max-width: 900px) { html[data-theme="light"] .top nav .ddmenu { background: rgba(31, 158, 141, .08); border-color: rgba(15, 122, 108, .25); } }
html[data-theme="light"] .newdot { box-shadow: 0 0 0 2px #fff, 0 0 8px rgba(217, 119, 6, .6); }

/* Tabellen, Felder, Knoepfe */
html[data-theme="light"] .tbl tbody tr:hover, html[data-theme="light"] table.list tbody tr:hover { background: rgba(15, 23, 42, .035); }
html[data-theme="light"] th, html[data-theme="light"] td { border-bottom-color: rgba(15, 23, 42, .08); }
html[data-theme="light"] table.matrix .zero { color: #b2b8c3; }
html[data-theme="light"] input, html[data-theme="light"] select, html[data-theme="light"] textarea { background: #fff; color: var(--text); border-color: rgba(15, 23, 42, .18); }
html[data-theme="light"] button, html[data-theme="light"] .btn { background: linear-gradient(180deg, #25b3a0, #1a9483); color: #fff; box-shadow: 0 3px 10px rgba(31, 158, 141, .25); }
html[data-theme="light"] button:hover, html[data-theme="light"] .btn:hover { background: linear-gradient(180deg, #2bc0ac, #1f9e8d); }
html[data-theme="light"] button.ghost, html[data-theme="light"] .btn.btn-soft, html[data-theme="light"] .bactions .ghost, html[data-theme="light"] .fclose { background: rgba(15, 23, 42, .06); color: var(--text); border-color: rgba(15, 23, 42, .14); box-shadow: none; }
html[data-theme="light"] button.ghost:hover, html[data-theme="light"] .bactions .ghost:hover, html[data-theme="light"] .fclose:hover { background: rgba(15, 23, 42, .11); }
html[data-theme="light"] button.danger { background: rgba(211, 32, 42, .08); color: #b3161f; border-color: rgba(211, 32, 42, .4); }
html[data-theme="light"] button.danger:hover { background: rgba(211, 32, 42, .15); }
html[data-theme="light"] .btn.btn-block { background: var(--panel2); color: var(--text); }
html[data-theme="light"] .ddbtn, html[data-theme="light"] .seg button, html[data-theme="light"] .thumb { box-shadow: none; }
html[data-theme="light"] .ddbtn { background: transparent; }
html[data-theme="light"] .pill { background: rgba(15, 23, 42, .05); border-color: rgba(15, 23, 42, .12); color: var(--text); }
html[data-theme="light"] a.pill.on, html[data-theme="light"] .seg button.on { background: rgba(31, 158, 141, .15); border-color: rgba(15, 122, 108, .4); color: var(--accent2); }
html[data-theme="light"] .seg { background: rgba(15, 23, 42, .05); border-color: rgba(15, 23, 42, .1); }
html[data-theme="light"] .seg button { background: transparent; color: var(--text); }
html[data-theme="light"] .thumb { background: rgba(15, 23, 42, .04); }
html[data-theme="light"] .thumb:hover { background: rgba(15, 23, 42, .09); }
html[data-theme="light"] .thumb.on, html[data-theme="light"] .guidebar .gmodes .pill.on { background: var(--accent); color: #fff; }

/* Meldungen und Markierungen */
html[data-theme="light"] .ok { background: #e3f6ea; color: #14532d; }
html[data-theme="light"] .warn { background: #fdf3d7; color: #6b4a06; }
html[data-theme="light"] .err { background: #fde4e4; color: #7f1d1d; }
html[data-theme="light"] .chip.ok { background: #e3f6ea; color: #166534; }
html[data-theme="light"] .chip.todo { background: #fdf0dc; color: #9a4f05; }
html[data-theme="light"] .chip.bad { background: #fde4e4; color: #b3161f; }
html[data-theme="light"] .gain, html[data-theme="light"] .pos, html[data-theme="light"] .report .add { color: #15803d; }
html[data-theme="light"] .loss, html[data-theme="light"] .neg, html[data-theme="light"] .report .rem, html[data-theme="light"] .report .bad { color: #b91c1c; }
html[data-theme="light"] td.st-1 { color: #1d6fa5; } html[data-theme="light"] td.st1 { color: #c2410c; }
html[data-theme="light"] .report { background: #f7f8fa; }
html[data-theme="light"] .badge { color: #fff; box-shadow: none; }

/* Balken, Listen, Gruppen */
html[data-theme="light"] .bar, html[data-theme="light"] .bbar, html[data-theme="light"] .achbar { background: rgba(15, 23, 42, .1); }
html[data-theme="light"] .ringlegend li, html[data-theme="light"] .fgroup li, html[data-theme="light"] .rowlist > div { border-color: rgba(15, 23, 42, .08); }
html[data-theme="light"] .fgroup, html[data-theme="light"] .gchap, html[data-theme="light"] .bround { background: rgba(255, 255, 255, .7); }
html[data-theme="light"] .gtocgroup a:hover { background: rgba(15, 23, 42, .05); }
html[data-theme="light"] .gtocgroup a.on { background: rgba(15, 23, 42, .08); }
html[data-theme="light"] .gtocgroup a.read .gdone { box-shadow: inset 0 0 0 2px #fff; }
html[data-theme="light"] .ach { background: #fff; }
html[data-theme="light"] .battle.playing .bstick { background: #eef1f5; box-shadow: 0 10px 14px -6px rgba(15, 23, 42, .15); }

/* Karten, Kacheln, Dialoge */
html[data-theme="light"] .tile:hover, html[data-theme="light"] .card:hover { box-shadow: 0 12px 26px rgba(15, 23, 42, .14), 0 0 0 1px rgba(31, 158, 141, .15); }
html[data-theme="light"] .card .flag:not(.miss):not(.cmd), html[data-theme="light"] .card .img .tflag { background: rgba(255, 255, 255, .9); color: var(--text); border-color: rgba(15, 23, 42, .15); }
html[data-theme="light"] .infobtn, html[data-theme="light"] .infobtn:hover { background: linear-gradient(180deg, #fff, #f1f4f8); color: var(--text); }
html[data-theme="light"] .featdlg { background: linear-gradient(180deg, #ffffff, #f4f6f9); color: var(--text); box-shadow: 0 30px 90px rgba(15, 23, 42, .3); }
html[data-theme="light"] .featdlg::backdrop { background: rgba(30, 41, 59, .45); }
html[data-theme="light"] .login { background: rgba(255, 255, 255, .95); box-shadow: 0 20px 60px rgba(15, 23, 42, .25); }
html[data-theme="light"] .cardwall::after { background: rgba(238, 241, 245, .35); }
html[data-theme="light"] .colorpick input:checked + span { border-color: #1b2230; }
html[data-theme="light"] .cardtip img, html[data-theme="light"] .deck .thumbs img { box-shadow: 0 8px 22px rgba(15, 23, 42, .3); }

/* Scrollbalken */
html[data-theme="light"] ::-webkit-scrollbar-track { background: #eef1f5; }
html[data-theme="light"] ::-webkit-scrollbar-thumb { background: #c3cad5; border-color: #eef1f5; }
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: #a9b2bf; }

/* Umschalter im Benutzermenue */
.ddmenu a.themeitem b { font-weight: 600; color: var(--accent2); }

/* Menue v2.38.0 */
html[data-theme="light"] .mi .mic { background: rgba(15, 23, 42, .04); }
html[data-theme="light"] .ddmenu a.mi.on .mic { background: rgba(31, 158, 141, .14); border-color: rgba(15, 122, 108, .3); }

/* Ordner-Ansicht v2.42.0 */
html[data-theme="light"] .bspread { background: linear-gradient(135deg, #6b4a31, #4a3322); }
html[data-theme="light"] .bpage { background: #f6f7f9; }
html[data-theme="light"] .bpocket { background: rgba(15, 23, 42, .04); border-color: rgba(15, 23, 42, .12); }

/* Starthand testen */
html[data-theme="light"] .shcard { background: rgba(0, 0, 0, .05); box-shadow: 0 3px 10px rgba(0, 0, 0, .18); }
html[data-theme="light"] .shodd i { background: rgba(0, 0, 0, .15); }
html[data-theme="light"] .shodd.shok i { background: var(--accent); }
html[data-theme="light"] .joblog { background: rgba(0, 0, 0, .05); }
html[data-theme="light"] .syswarn { background: #fde4e4; color: #7f1d1d; }
/* Karten-Duell (v2.57.0) */
html[data-theme="light"] .dcard { background: rgba(255, 255, 255, .7); }
html[data-theme="light"] .dprops button { background: rgba(15, 23, 42, .06); color: var(--text); box-shadow: none; }
html[data-theme="light"] .dprops li.sel button { background: rgba(15, 23, 42, .12); }
html[data-theme="light"] .dcard.won .dprops li.sel button { background: rgba(31, 158, 141, .22); }
/* Suchvorschlaege (v2.59.0) */
html[data-theme="light"] .hsugg ul { background: #fff; box-shadow: 0 14px 34px rgba(15, 23, 42, .18); }
html[data-theme="light"] .hsugg li[aria-selected="true"] a { background: rgba(31, 158, 141, .14); }
/* Bracket-Abzeichen (v2.63.0) */
html[data-theme="light"] .bbadge.b1, html[data-theme="light"] .bbadge.b2 { color: #127a6c; }
html[data-theme="light"] .bbadge.b3 { color: #9a6a00; }
html[data-theme="light"] .bbadge.b4 { color: #c2410c; }
html[data-theme="light"] .bbadge.b5 { color: #9b2cbf; }
html[data-theme="light"] .bisig li.hit { color: #9a6a00; }
html[data-theme="light"] tr.gameme td { background: rgba(37, 99, 235, .07); }
html[data-theme="light"] .gamep { background: rgba(15, 23, 42, .05); }
html[data-theme="light"] .gamep.won { background: rgba(234, 179, 8, .18); box-shadow: inset 0 0 0 1px rgba(161, 98, 7, .45); }
html[data-theme="light"] .gameseats tbody tr, html[data-theme="light"] .gamelist tr { border-color: rgba(15, 23, 42, .08); }
html[data-theme="light"] .dhlist li { border-color: rgba(15, 23, 42, .08); }
html[data-theme="light"] .dh.add { background: rgba(22, 163, 74, .12); color: #166534; }
html[data-theme="light"] .dh.rem { background: rgba(220, 38, 38, .1); color: #991b1b; }
html[data-theme="light"] .saltbadge.s-mild, html[data-theme="light"] .saltinfo b.s-mild { color: #166534; }
html[data-theme="light"] .saltbadge.s-normal, html[data-theme="light"] .saltinfo b.s-normal { color: #1d4ed8; }
html[data-theme="light"] .saltbadge.s-salty, html[data-theme="light"] .saltinfo b.s-salty { color: #b45309; }
html[data-theme="light"] .saltbadge.s-very, html[data-theme="light"] .saltinfo b.s-very { color: #b91c1c; }
html[data-theme="light"] .saltbar { background: rgba(15, 23, 42, .08); }
html[data-theme="light"] .dcbar { background: rgba(15, 23, 42, .08); }
html[data-theme="light"] .gfcnt { background: rgba(15, 23, 42, .8); }
html[data-theme="light"] .mrow { background: rgba(15, 23, 42, .04); }
html[data-theme="light"] tr.loginforeign td { background: rgba(220, 38, 38, .07); }
html[data-theme="light"] .rescheck { background: rgba(245, 158, 11, .08); border-color: rgba(180, 83, 9, .3); }
html[data-theme="light"] .rescheck .ckseek, html[data-theme="light"] .ckrow.sought small { color: #b45309; }
html[data-theme="light"] .rescheck .cknew, html[data-theme="light"] .ckrow.new .cktxt b::after { color: #166534; }
html[data-theme="light"] .ckrow { border-color: rgba(15, 23, 42, .08); }
html[data-theme="light"] .top .hsearch input { border-color: rgba(15, 23, 42, .5); background: #fff; }
html[data-theme="light"] .top .hsearch input:hover { border-color: rgba(15, 23, 42, .8); }
html[data-theme="light"] .top .hsearch input:focus { border-color: #0f766e; box-shadow: 0 0 0 3px rgba(15, 118, 110, .25); }
/* Reiter zusammengelegter Seiten (v2.111.0) */
html[data-theme="light"] .ptabs a { color: var(--text); }
html[data-theme="light"] .ptabs a.on { background: rgba(31, 158, 141, .15); color: var(--accent2); box-shadow: inset 0 0 0 1px rgba(15, 122, 108, .4); }
html[data-theme="light"] .jobdlg.bad h2 { color: #c03535; }
html[data-theme="light"] .jobbtns .btn.ghost { background: rgba(15, 23, 42, .05); border-color: rgba(15, 23, 42, .15); }
html[data-theme="light"] .werbbtns .btn.ghost { background: rgba(15, 23, 42, .05); border-color: rgba(15, 23, 42, .15); }
html[data-theme="light"] .chip.evpriv { background: rgba(139, 61, 196, .1); color: #6b2aa0; border-color: rgba(139, 61, 196, .3); }
html[data-theme="light"] .chip.evpollchip { background: rgba(196, 140, 20, .12); color: #8a5a00; border-color: rgba(196, 140, 20, .35); }
html[data-theme="light"] .evcard.poll .evdate b { color: #a36b00; }
html[data-theme="light"] .evpoll td.v-yes, html[data-theme="light"] .evvote .v-yes input:checked + span { background: rgba(22, 150, 80, .16); color: #11703d; }
html[data-theme="light"] .evpoll td.v-maybe, html[data-theme="light"] .evvote .v-maybe input:checked + span { background: rgba(196, 140, 20, .18); color: #7a5000; }
html[data-theme="light"] .evpoll td.v-no, html[data-theme="light"] .evvote .v-no input:checked + span { background: rgba(200, 50, 50, .12); color: #a32020; }
html[data-theme="light"] .evpoll .best { background: rgba(22, 150, 80, .08); }
html[data-theme="light"] .evvote { background: rgba(15, 23, 42, .06); }
html[data-theme="light"] .kal-e.opt { background: rgba(196, 140, 20, .08); }

/* Bann- und Game-Changer-Waechter (v2.119.0) */
html[data-theme="light"] .legallist li { background: rgba(0, 0, 0, .03); }
html[data-theme="light"] .legallist li.new { background: rgba(220, 60, 60, .07); box-shadow: inset 0 0 0 1px rgba(220, 60, 60, .25); }

/* Tauschpaket (v2.121.0) */
html[data-theme="light"] .evpcheck .box { border-color: #6b7385; }

/* Neue Sets (v2.125.0) */
html[data-theme="light"] .nscard { background: rgba(0, 0, 0, .03); }
html[data-theme="light"] .nscard:hover { background: rgba(0, 0, 0, .06); }

/* Sammelziele (v2.127.0) */
html[data-theme="light"] .goalq { background: rgba(0, 0, 0, .05); }