/* Mode clair : la refonte sombre avait des couleurs sombres écrites en dur. Ici on les remet en clair.
   S'applique au choix « Clair » et au choix « Automatique » quand le téléphone est en clair. Chargé en dernier. */
:root[data-theme="light"]{
 --bg:#f5f5f5;--card:#fff;--soft:#ececef;--fg:#151515;--muted:#64646b;--line:#dcdce0;--mint:#ececef;
 --g:#151515;--on-g:#fff;--g2:#0a7cc2;--blue:#0a7cc2;--glass:rgba(245,245,245,.97);
 --elite:#6d3fe0;--elite-bg:#f1eaff;--ok-bg:#d8f5e0;--ok-fg:#087e35;--amber:#8a5a00;--amber-bg:#fdf1d3;--flag-bg:#fff7b8;color-scheme:light;
}
:root[data-theme="light"] .topbar,:root[data-theme="light"] .bottombar{border-color:var(--line)}
:root[data-theme="light"] .bottombar a,:root[data-theme="light"] .bottombar .fab{color:var(--muted)}
:root[data-theme="light"] .card,:root[data-theme="light"] .kpi,:root[data-theme="light"] .sp-row,:root[data-theme="light"] .tb-plus,:root[data-theme="light"] .career-card,:root[data-theme="light"] .bag-card,:root[data-theme="light"] .nt,:root[data-theme="light"] .req-band{box-shadow:0 2px 10px #0000000f}
:root[data-theme="light"] .sp-tabs button{background:var(--soft);border-color:var(--line);color:var(--fg)}:root[data-theme="light"] .sp-tabs button.on{background:var(--card);border-color:var(--fg);color:var(--fg)}
:root[data-theme="light"] .sp-ic,:root[data-theme="light"] .sp-av{background:var(--soft);color:var(--muted)}:root[data-theme="light"] .sp-btn{background:var(--soft);color:var(--fg)}
:root[data-theme="light"] .cc-ic{background:var(--soft);color:var(--fg)}:root[data-theme="light"] .bag-l span.ok{background:var(--ok-bg);color:var(--ok-fg)}
:root[data-theme="light"] .bd,:root[data-theme="light"] .gbc,:root[data-theme="light"] .fb-c,:root[data-theme="light"] .gbc.t5,:root[data-theme="light"] .fbm-card,:root[data-theme="light"] .sheet-panel:has(.bd-sheet){background:var(--card);box-shadow:0 4px 14px #00000014}
:root[data-theme="light"] .bd small,:root[data-theme="light"] .gbc small{color:var(--muted)}:root[data-theme="light"] .badge-close{color:var(--muted)}:root[data-theme="light"] .badge-close:hover{background:var(--soft);color:var(--fg)}
:root[data-theme="light"] .aved2 .ed-sheet{background:var(--bg);border-color:var(--line)}:root[data-theme="light"] .aved2 .ed-t{color:var(--fg)}:root[data-theme="light"] .aved2 .grab{background:var(--line)}
:root[data-theme="light"] .aved2 .opt,:root[data-theme="light"] .aved2 .opt.look{background:var(--card)}:root[data-theme="light"] .aved2 .opt.on{background:var(--card);border-color:var(--fg)}:root[data-theme="light"] .aved2 .opt small{color:var(--fg)}:root[data-theme="light"] .aved2 .sw{border-color:var(--bg)}
:root[data-theme="light"] .fr-c .av{box-shadow:0 0 0 3px var(--bg),0 0 0 4px var(--line)}:root[data-theme="light"] .fr-c.add>svg{color:var(--fg)}:root[data-theme="light"] .crow2 small{color:var(--muted)}
:root[data-theme="light"] .chat .av.crew,:root[data-theme="light"] .crow2 .av.crew{background:var(--soft);color:var(--fg)}
:root[data-theme="light"] .chip.on{background:#151515;color:#fff;border-color:#151515}
:root[data-theme="light"] .link,:root[data-theme="light"] .post-h .follow{color:var(--blue)}
:root[data-theme="light"] .vs-x{color:var(--fg)}:root[data-theme="light"] .duel-in .vs-x{color:var(--flag)}
:root[data-theme="light"] .ed-prem{color:var(--muted)}:root[data-theme="light"] .ed-prem a{color:var(--blue)}
:root[data-theme="light"] .leaflet-tile-pane{filter:none}:root[data-theme="light"] .leaflet-container{background:#e8eae6}
@media (prefers-color-scheme:light){:root:not([data-theme]){
 --bg:#f5f5f5;--card:#fff;--soft:#ececef;--fg:#151515;--muted:#64646b;--line:#dcdce0;--mint:#ececef;
 --g:#151515;--on-g:#fff;--g2:#0a7cc2;--blue:#0a7cc2;--glass:rgba(245,245,245,.97);
 --elite:#6d3fe0;--elite-bg:#f1eaff;--ok-bg:#d8f5e0;--ok-fg:#087e35;--amber:#8a5a00;--amber-bg:#fdf1d3;--flag-bg:#fff7b8;color-scheme:light;
}
:root:not([data-theme]) .topbar,:root:not([data-theme]) .bottombar{border-color:var(--line)}
:root:not([data-theme]) .bottombar a,:root:not([data-theme]) .bottombar .fab{color:var(--muted)}
:root:not([data-theme]) .card,:root:not([data-theme]) .kpi,:root:not([data-theme]) .sp-row,:root:not([data-theme]) .tb-plus,:root:not([data-theme]) .career-card,:root:not([data-theme]) .bag-card,:root:not([data-theme]) .nt,:root:not([data-theme]) .req-band{box-shadow:0 2px 10px #0000000f}
:root:not([data-theme]) .sp-tabs button{background:var(--soft);border-color:var(--line);color:var(--fg)}:root:not([data-theme]) .sp-tabs button.on{background:var(--card);border-color:var(--fg);color:var(--fg)}
:root:not([data-theme]) .sp-ic,:root:not([data-theme]) .sp-av{background:var(--soft);color:var(--muted)}:root:not([data-theme]) .sp-btn{background:var(--soft);color:var(--fg)}
:root:not([data-theme]) .cc-ic{background:var(--soft);color:var(--fg)}:root:not([data-theme]) .bag-l span.ok{background:var(--ok-bg);color:var(--ok-fg)}
:root:not([data-theme]) .bd,:root:not([data-theme]) .gbc,:root:not([data-theme]) .fb-c,:root:not([data-theme]) .gbc.t5,:root:not([data-theme]) .fbm-card,:root:not([data-theme]) .sheet-panel:has(.bd-sheet){background:var(--card);box-shadow:0 4px 14px #00000014}
:root:not([data-theme]) .bd small,:root:not([data-theme]) .gbc small{color:var(--muted)}:root:not([data-theme]) .badge-close{color:var(--muted)}:root:not([data-theme]) .badge-close:hover{background:var(--soft);color:var(--fg)}
:root:not([data-theme]) .aved2 .ed-sheet{background:var(--bg);border-color:var(--line)}:root:not([data-theme]) .aved2 .ed-t{color:var(--fg)}:root:not([data-theme]) .aved2 .grab{background:var(--line)}
:root:not([data-theme]) .aved2 .opt,:root:not([data-theme]) .aved2 .opt.look{background:var(--card)}:root:not([data-theme]) .aved2 .opt.on{background:var(--card);border-color:var(--fg)}:root:not([data-theme]) .aved2 .opt small{color:var(--fg)}:root:not([data-theme]) .aved2 .sw{border-color:var(--bg)}
:root:not([data-theme]) .fr-c .av{box-shadow:0 0 0 3px var(--bg),0 0 0 4px var(--line)}:root:not([data-theme]) .fr-c.add>svg{color:var(--fg)}:root:not([data-theme]) .crow2 small{color:var(--muted)}
:root:not([data-theme]) .chat .av.crew,:root:not([data-theme]) .crow2 .av.crew{background:var(--soft);color:var(--fg)}
:root:not([data-theme]) .chip.on{background:#151515;color:#fff;border-color:#151515}
:root:not([data-theme]) .link,:root:not([data-theme]) .post-h .follow{color:var(--blue)}
:root:not([data-theme]) .vs-x{color:var(--fg)}:root:not([data-theme]) .duel-in .vs-x{color:var(--flag)}
:root:not([data-theme]) .ed-prem{color:var(--muted)}:root:not([data-theme]) .ed-prem a{color:var(--blue)}
:root:not([data-theme]) .leaflet-tile-pane{filter:none}:root:not([data-theme]) .leaflet-container{background:#e8eae6}
}

/* bilan des duels (1V 0N 0D) : reste sur une ligne, dans les deux thèmes */
.duel-sum b{white-space:nowrap}
@media (max-width:420px){.duel-sum b{font-size:24px}}