/* MODE SOMBRE — fichier GÉNÉRÉ par tools/generer_sombre.py à partir de style.css et public.css : ne pas modifier à la main. Les retouches faites à la main vont dans la section « Retouches » de sombre-retouches.css. */ html[data-theme="sombre"] { color-scheme: dark; --argent: #11101d; --panneau: #1c1a2f; --encre: #ecebf6; --gris: #b4b7cc; --trait: rgba(255, 255, 255, .14); --nuit: #26233f; --surface: #232038; --encre-claire: #17152b; } html[data-theme="sombre"] body { background-color: var(--argent); color: var(--encre); background-image: repeating-radial-gradient(circle at 105% -10%, rgba(255,255,255,.035) 0 1px, transparent 1px 22px); } /* ---- style.css ---- */ :where(html[data-theme="sombre"]) body { background: var(--argent); color: var(--encre); background-image: repeating-radial-gradient(circle at 105% -10%, rgba(255, 255, 255, 0.064) 0 1px, transparent 1px 22px); background-repeat: no-repeat; background-size: 980px 980px; background-position: right -300px top -260px; } :where(html[data-theme="sombre"]) a { color: inherit; } :where(html[data-theme="sombre"]) button, :where(html[data-theme="sombre"]) input, :where(html[data-theme="sombre"]) select { color: inherit; } :where(html[data-theme="sombre"]) :focus-visible { outline: 3px solid var(--bleu); } :where(html[data-theme="sombre"]) .lien { background: none; border: 0; } :where(html[data-theme="sombre"]) .btn { border: 0; border-radius: 4px; background: var(--nuit); color: var(--jaune); } :where(html[data-theme="sombre"]) .btn:hover:not(:disabled) { background: #2a2750; } :where(html[data-theme="sombre"]) .btn.jaune { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: var(--encre); } :where(html[data-theme="sombre"]) .btn.jaune:hover:not(:disabled) { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #ffe96b; color: #17152b; } :where(html[data-theme="sombre"]) .btn-fantome { border-radius: 4px; border: 0; background: transparent; color: var(--encre); box-shadow: inset 0 0 0 2px var(--encre); } :where(html[data-theme="sombre"]) .btn-fantome:hover:not(:disabled) { background: var(--nuit); color: #fff; } :where(html[data-theme="sombre"]) .btn-verrou { background: rgba(255, 255, 255, 0.064); color: var(--gris); } :where(html[data-theme="sombre"]) input[type="text"], :where(html[data-theme="sombre"]) input[type="search"], :where(html[data-theme="sombre"]) input[type="password"], :where(html[data-theme="sombre"]) input[type="number"], :where(html[data-theme="sombre"]) select { border: 0; border-radius: 4px; background: var(--surface); color: var(--encre); box-shadow: inset 0 0 0 2px var(--encre); } :where(html[data-theme="sombre"]) input[type="checkbox"] { accent-color: var(--encre); } :where(html[data-theme="sombre"]) .disque { background: radial-gradient(circle, #d5dae1 0 9%, transparent 9.5%), repeating-radial-gradient(circle, rgba(23,21,43,.07) 0 1px, transparent 1px 7px), conic-gradient(from 40deg, #eef1f6, #aab4c6, #f8fafc, #9099ae, #e9edf4, #b7c0d1, #eef1f6); } :where(html[data-theme="sombre"]) .disque.theme { background: radial-gradient(circle, #d5dae1 0 9%, transparent 9.5%), repeating-radial-gradient(circle, rgba(23,21,43,.07) 0 1px, transparent 1px 7px), conic-gradient(from 40deg, #ff9ad5, #9ae8ff, #fff3a0, #b8a0ff, #ff9ad5); } :where(html[data-theme="sombre"]) .onglet { background: transparent; border: 0; border-radius: 4px; } :where(html[data-theme="sombre"]) .onglet:hover { background: rgba(255, 255, 255, 0.064); } :where(html[data-theme="sombre"]) .onglet.actif { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.48); color: #17152b; } :where(html[data-theme="sombre"]) .onglet.nouveau::after { border-radius: 50%; background: var(--rose); box-shadow: 0 0 0 2px var(--argent); } :where(html[data-theme="sombre"]) .solde { background: var(--nuit); color: var(--jaune); border-radius: 4px; border: 0; } :where(html[data-theme="sombre"]) .compte-pastille { border-radius: 50%; background: var(--rose); color: #fff; } :where(html[data-theme="sombre"]) .compte-texte .lien { color: var(--gris); } :where(html[data-theme="sombre"]) .page-sous { color: var(--gris); } :where(html[data-theme="sombre"]) .panneau { background: var(--panneau); border-radius: 6px; box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .panneau.sombre { background: var(--nuit); color: #fff; box-shadow: none; } :where(html[data-theme="sombre"]) .panneau.jaune { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); box-shadow: none; color: #17152b; } :where(html[data-theme="sombre"]) .np-aide { color: var(--gris); } :where(html[data-theme="sombre"]) .np-aide b { color: var(--encre); } :where(html[data-theme="sombre"]) .erreur { color: #c0123f; } :where(html[data-theme="sombre"]) .bulle-info { background: var(--nuit); color: var(--jaune); border-radius: 4px; box-shadow: 3px 5px 0 rgba(0, 0, 0, 0.48); } :where(html[data-theme="sombre"]) .r1 .fx { background: radial-gradient(rgba(0,0,0,.6) 28%, transparent 31%) 0 0/5px 5px; } :where(html[data-theme="sombre"]) .r1 .frame { border-color: rgba(255,255,255,.42); } :where(html[data-theme="sombre"]) .r1 .dots { border-color: rgba(255,255,255,.5); } :where(html[data-theme="sombre"]) .r2 .frame { border-color: rgba(196,228,255,.95); outline: 1px solid rgba(196,228,255,.5); } :where(html[data-theme="sombre"]) .r2 .fx { background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,.42) 50%, transparent 60%); background-size: 250% 100%; background-position: 130% 0; } :where(html[data-theme="sombre"]) .r2:hover .fx { background-position: -30% 0; } :where(html[data-theme="sombre"]) .r3 .frame { border-color: rgba(226,200,255,.95); outline: 1px solid rgba(255,214,130,.75); } :where(html[data-theme="sombre"]) .r3 .dot { border-color: #ffd682; background: rgba(255,214,130,.4); } :where(html[data-theme="sombre"]) .r3 .band { background: linear-gradient(90deg, rgba(0,0,0,0), rgba(122,63,208,.9) 20%, rgba(214,160,60,.9) 50%, rgba(122,63,208,.9) 80%, rgba(0,0,0,0)); } :where(html[data-theme="sombre"]) .r3 .fx { background: linear-gradient(115deg, transparent 28%, rgba(255,120,220,.42) 40%, rgba(120,240,255,.44) 50%, rgba(255,240,140,.42) 60%, transparent 72%); background-size: 230% 100%; background-position: 85% 0; } :where(html[data-theme="sombre"]) .r3:hover .fx { background-position: 10% 0; } :where(html[data-theme="sombre"]) .r3 .dots { border-color: #ffd682; } :where(html[data-theme="sombre"]) .r4 .frame { border-color: transparent; } :where(html[data-theme="sombre"]) .r4 .frame::before { border-radius: 9px; background: linear-gradient(120deg, #ffe58a, #ff9ad5, #9ae8ff, #fff3a0, #ffd24a, #ff9ad5, #ffe58a); background-size: 300% 300%; } :where(html[data-theme="sombre"]) .r4 .dot { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-color: #ffe58a; background: #ffd24a; color: #17152b; } :where(html[data-theme="sombre"]) .r4 .fx { background: linear-gradient(115deg, rgba(255,215,120,0) 25%, rgba(255,150,230,.45) 38%, rgba(130,240,255,.45) 48%, rgba(255,245,150,.5) 58%, rgba(255,215,120,0) 72%); background-size: 260% 100%; } :where(html[data-theme="sombre"]) .r4 .dots { border-color: #ffe58a; } :where(html[data-theme="sombre"]) .hero-sous { color: var(--gris); } :where(html[data-theme="sombre"]) .stock-bloc { background: var(--nuit); color: #fff; border-radius: 6px; } :where(html[data-theme="sombre"]) .stock-chiffre b { color: var(--jaune); } :where(html[data-theme="sombre"]) .stock-chiffre span { color: #b9bdd6; } :where(html[data-theme="sombre"]) .slot { border-radius: 3px; box-shadow: inset 0 0 0 2px rgba(255,255,255,.3); } :where(html[data-theme="sombre"]) .slot.plein { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); box-shadow: inset 0 0 0 2px var(--jaune); color: #17152b; } :where(html[data-theme="sombre"]) .puce { border: 0; border-radius: 999px; background: transparent; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.56); } :where(html[data-theme="sombre"]) .puce:hover { box-shadow: inset 0 0 0 2px var(--encre); } :where(html[data-theme="sombre"]) .puce.actif { background: var(--nuit); color: var(--jaune); box-shadow: none; } :where(html[data-theme="sombre"]) .themes-titre { color: var(--gris); } :where(html[data-theme="sombre"]) .tick { border-radius: 3px; background: rgba(255, 255, 255, 0.128); } :where(html[data-theme="sombre"]) .tick.plein { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); box-shadow: 0 0 0 2px var(--encre); color: #17152b; } :where(html[data-theme="sombre"]) .disque-gros::after { background: #17152b; } :where(html[data-theme="sombre"]) .disque-gros::before { background: #d5dae1; } :where(html[data-theme="sombre"]) .section-tete p { color: var(--gris); } :where(html[data-theme="sombre"]) .tab { border: 0; border-bottom: 3px solid transparent; background: none; color: var(--gris); } :where(html[data-theme="sombre"]) .tab.on { color: var(--encre); border-bottom-color: var(--rose); } :where(html[data-theme="sombre"]) .vide-msg { color: var(--gris); } :where(html[data-theme="sombre"]) .jauge-piste { border-radius: 5px; background: rgba(255, 255, 255, 0.112); } :where(html[data-theme="sombre"]) .jauge-piste i { border-radius: 5px; } :where(html[data-theme="sombre"]) .barre label { color: var(--gris); } :where(html[data-theme="sombre"]) .fiche { background: rgba(5, 4, 12, 0.82); } :where(html[data-theme="sombre"]) .fiche-boite { border-radius: 6px; background: var(--panneau); } :where(html[data-theme="sombre"]) .fiche-infos .sous { color: var(--gris); } :where(html[data-theme="sombre"]) .fiche-liste li { border-top: 1px solid var(--trait); } :where(html[data-theme="sombre"]) .fiche-liste li span { color: var(--gris); } :where(html[data-theme="sombre"]) .fiche-x { border: 0; border-radius: 50%; background: transparent; } :where(html[data-theme="sombre"]) .fiche-x:hover { background: rgba(255, 255, 255, 0.08); } :where(html[data-theme="sombre"]) .souhait { border-top: 1px solid rgba(255, 255, 255, 0.16); } :where(html[data-theme="sombre"]) .souhait img, :where(html[data-theme="sombre"]) .souhait .pochette-vide { border-radius: 6px; background: linear-gradient(135deg, #ff3d81 0 50%, #2438ff 50% 100%); box-shadow: 0 8px 18px rgba(0, 0, 0, 0.48); } :where(html[data-theme="sombre"]) .souhait .qui { color: var(--gris); } :where(html[data-theme="sombre"]) .souhait .note { color: var(--gris); } :where(html[data-theme="sombre"]) .souhait .piste { border-radius: 4px; background: rgba(255, 255, 255, 0.128); } :where(html[data-theme="sombre"]) .souhait .piste i { background: var(--rose); border-radius: 4px; } :where(html[data-theme="sombre"]) .wl-ajout { border-top: 1px solid rgba(255, 255, 255, 0.16); } :where(html[data-theme="sombre"]) .wl-ajout-boite { border: 2px dashed rgba(255, 255, 255, 0.36); border-radius: 6px; } :where(html[data-theme="sombre"]) .resultat { border-top: 1px solid rgba(255, 255, 255, 0.128); } :where(html[data-theme="sombre"]) .resultat img, :where(html[data-theme="sombre"]) .resultat .pochette-vide { border-radius: 4px; background: linear-gradient(135deg, #ff3d81 0 50%, #2438ff 50% 100%); } :where(html[data-theme="sombre"]) .resultat .qui { color: var(--gris); } :where(html[data-theme="sombre"]) .regles p { color: #e6e8f5; } :where(html[data-theme="sombre"]) .regles .pack-titre { color: var(--jaune); } :where(html[data-theme="sombre"]) .recap-ligne { border-top: 1px solid rgba(255, 255, 255, 0.112); } :where(html[data-theme="sombre"]) .recap-ligne span { color: var(--gris); } :where(html[data-theme="sombre"]) .portefeuille .petit-titre { color: #b9bdd6; } :where(html[data-theme="sombre"]) .portefeuille .gros b { color: var(--jaune); } :where(html[data-theme="sombre"]) .portefeuille .gros span { color: var(--jaune); } :where(html[data-theme="sombre"]) .portefeuille .jour { color: #d6d9ec; } :where(html[data-theme="sombre"]) .mouvement { border-top: 1px solid rgba(255,255,255,.12); } :where(html[data-theme="sombre"]) .mouvement b.plus { color: #7ef0b0; } :where(html[data-theme="sombre"]) .mouvement b.moins { color: #ff8fb5; } :where(html[data-theme="sombre"]) .gagner p { color: var(--gris); } :where(html[data-theme="sombre"]) .gagner li { border-top: 1px solid rgba(255, 255, 255, 0.16); } :where(html[data-theme="sombre"]) .bq-section > p { color: var(--gris); } :where(html[data-theme="sombre"]) .cadre-item { background: var(--panneau); border-radius: 6px; box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .cadre-item .desc { color: var(--gris); } :where(html[data-theme="sombre"]) .achete { border-radius: 4px; background: rgba(255, 255, 255, 0.064); color: var(--gris); } :where(html[data-theme="sombre"]) .pack-cadre { background: var(--nuit); color: #fff; border-radius: 6px; } :where(html[data-theme="sombre"]) .pack-cadre .contenu { color: #c4c7d4; } :where(html[data-theme="sombre"]) .pack-cadre .eco { color: #7ef0b0; } :where(html[data-theme="sombre"]) .pack-cadre .btn { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: var(--encre); } :where(html[data-theme="sombre"]) .pack-cadre .limite { background: var(--rose); color: #fff; box-shadow: 2px 3px 0 rgba(0,0,0,.35); } :where(html[data-theme="sombre"]) #cat-total { color: var(--gris); } :where(html[data-theme="sombre"]) .cat-outils { background: linear-gradient(var(--argent) 82%, rgba(213,218,225,0)); } :where(html[data-theme="sombre"]) .cat-champ > svg { color: var(--gris); } :where(html[data-theme="sombre"]) #cat-effacer { border-radius: 50%; border: 0; background: transparent; } :where(html[data-theme="sombre"]) #cat-effacer:hover { background: rgba(255, 255, 255, 0.08); } :where(html[data-theme="sombre"]) .cat-vues button { border: 0; border-radius: 4px; background: transparent; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.48); } :where(html[data-theme="sombre"]) .cat-vues button.actif { background: var(--nuit); color: var(--jaune); box-shadow: none; } :where(html[data-theme="sombre"]) .cat-entete { color: var(--gris); border-bottom: 2px solid var(--encre); } :where(html[data-theme="sombre"]) .cat-item { border-radius: 6px; } :where(html[data-theme="sombre"]) .cat-item:hover { background: rgba(255,255,255,.55); } :where(html[data-theme="sombre"]) .c-num { color: var(--gris); } :where(html[data-theme="sombre"]) .c-annee { color: var(--gris); } :where(html[data-theme="sombre"]) .c-album { color: var(--gris); } :where(html[data-theme="sombre"]) .c-genre { color: var(--gris); } :where(html[data-theme="sombre"]) .cat-wl { color: #d6337a; } :where(html[data-theme="sombre"]) .cat-tirees { color: var(--gris); } :where(html[data-theme="sombre"]) .cat-trier { border: 0; background: none; color: inherit; } :where(html[data-theme="sombre"]) .cat-trier:hover { color: var(--encre); } :where(html[data-theme="sombre"]) .cat-trier.actif { color: var(--encre); } :where(html[data-theme="sombre"]) .cat-pochette img { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-radius: 4px; background: #aab4c6; color: #17152b; } :where(html[data-theme="sombre"]) .cat-sous { color: var(--gris); } :where(html[data-theme="sombre"]) .cat-titre mark, :where(html[data-theme="sombre"]) .cat-sous mark { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: var(--encre); } :where(html[data-theme="sombre"]) .cat-item.fantome .cat-pochette img, :where(html[data-theme="sombre"]) .cat-item.fantome .c-textes > * { background: linear-gradient(90deg, #c3c9d3, #e3e7ed, #c3c9d3); background-size: 200% 100%; border-radius: 4px; color: transparent; } :where(html[data-theme="sombre"]) .cat-liste.grille .cat-ligne { background: var(--panneau); border-radius: 6px; box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .cat-liste.grille .cat-item:hover { background: var(--surface); } :where(html[data-theme="sombre"]) .cat-liste.grille .cat-pochette img { border-radius: 4px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.48); } :where(html[data-theme="sombre"]) #cat-vide { color: var(--gris); } :where(html[data-theme="sombre"]) .consentement { color: var(--gris); } :where(html[data-theme="sombre"]) .vinyle::after { background: #d5dae1; } :where(html[data-theme="sombre"]) .np-titre.message { color: var(--gris); } :where(html[data-theme="sombre"]) .np-artiste { color: var(--gris); } :where(html[data-theme="sombre"]) .np-statut { color: var(--gris); } :where(html[data-theme="sombre"]) .egaliseur span { background: var(--nuit); } :where(html[data-theme="sombre"]) #auth { background: var(--argent); } :where(html[data-theme="sombre"]) .auth-boite { background: var(--panneau); box-shadow: 4px 6px 0 rgba(0, 0, 0, 0.48), inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .auth-sous { color: var(--gris); } :where(html[data-theme="sombre"]) .auth-onglets button { border-radius: 4px; background: transparent; border: 0; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.56); } :where(html[data-theme="sombre"]) .auth-onglets button.actif { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); box-shadow: inset 0 0 0 2px var(--encre); color: #17152b; } :where(html[data-theme="sombre"]) .auth-boite label { color: var(--gris); } :where(html[data-theme="sombre"]) #auth-erreur { color: #c0123f; } :where(html[data-theme="sombre"]) #scene { background: radial-gradient(circle at 50% 45%, #2a2750 0, var(--nuit) 70%); color: #fff; } :where(html[data-theme="sombre"]) .scene-halo { border-radius: 50%; background: radial-gradient(circle, var(--halo, rgba(255,221,51,.6)), transparent 70%); } :where(html[data-theme="sombre"]) .scene-x { border: 0; border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; } :where(html[data-theme="sombre"]) .scene-x:hover { background: rgba(255,255,255,.25); } :where(html[data-theme="sombre"]) .scene-compteur { color: #b9bdd6; } :where(html[data-theme="sombre"]) .scene-badge { text-shadow: 0 0 18px currentColor, 0 3px 0 rgba(0,0,0,.4); } :where(html[data-theme="sombre"]) .scene-indice { color: #b9bdd6; } :where(html[data-theme="sombre"]) .scene-bonus { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: var(--encre); box-shadow: 2px 3px 0 rgba(0,0,0,.45); } :where(html[data-theme="sombre"]) .pq-face { color: #17152b; } :where(html[data-theme="sombre"]) .pq-face.theme::after { background: #17152b; } :where(html[data-theme="sombre"]) .scene-pile::before, :where(html[data-theme="sombre"]) .scene-pile::after { border-radius: calc(18px * var(--zoom)); background: var(--nuit); border: 3px solid rgba(255,255,255,.14); } :where(html[data-theme="sombre"]) .face.dos { border-radius: 18px; border: 3px solid rgba(255,255,255,.25); background: radial-gradient(circle at 50% 40%, #2a2750, #100e22); box-shadow: 0 0 26px rgba(138,143,163,.25); } :where(html[data-theme="sombre"]) .face.dos::before { background: var(--rim); } :where(html[data-theme="sombre"]) .retourne[data-rarete="COMMON"] .face.dos, :where(html[data-theme="sombre"]) .dos-recap[data-rarete="COMMON"] { border-color: rgba(138,143,163,.6); box-shadow: 0 0 22px rgba(138,143,163,.35); } :where(html[data-theme="sombre"]) .retourne[data-rarete="RARE"] .face.dos, :where(html[data-theme="sombre"]) .dos-recap[data-rarete="RARE"] { border-color: #4da3ff; box-shadow: 0 0 34px rgba(77,163,255,.75); } :where(html[data-theme="sombre"]) .retourne[data-rarete="EPIC"] .face.dos, :where(html[data-theme="sombre"]) .dos-recap[data-rarete="EPIC"] { border-color: #c690ff; box-shadow: 0 0 40px rgba(180,107,255,.85), 0 0 90px rgba(255,214,130,.3); } :where(html[data-theme="sombre"]) .retourne[data-rarete="LEGENDARY"] .face.dos, :where(html[data-theme="sombre"]) .dos-recap[data-rarete="LEGENDARY"] { border-color: #ffe58a; box-shadow: 0 0 55px rgba(255,210,74,.9); } :where(html[data-theme="sombre"]) .retourne[data-rarete="LEGENDARY"] .face.dos::after, :where(html[data-theme="sombre"]) .dos-recap[data-rarete="LEGENDARY"]::after { border-radius: inherit; box-shadow: inset 0 0 36px rgba(255,210,74,.95), inset 0 0 0 3px #fff3a0; } :where(html[data-theme="sombre"]) .pip { border-radius: 50%; background: rgba(255,255,255,.2); } :where(html[data-theme="sombre"]) .pip.cur { box-shadow: 0 0 0 2px #fff; } :where(html[data-theme="sombre"]) .pip.r1 { background: var(--surface); } :where(html[data-theme="sombre"]) .pip.r2 { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #4da3ff; color: #17152b; } :where(html[data-theme="sombre"]) .pip.r3 { background: #b46bff; } :where(html[data-theme="sombre"]) .pip.r4 { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #ffd24a; box-shadow: 0 0 8px #ffd24a; color: #17152b; } :where(html[data-theme="sombre"]) .carte-wrap.meilleure::after { color: #17152b; } :where(html[data-theme="sombre"]) .pastille-rarete { border-radius: 16px; background: rgba(255,255,255,.1); } :where(html[data-theme="sombre"]) .pastille-rarete i { border-radius: 50%; } :where(html[data-theme="sombre"]) .pastille-rarete.gain { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: var(--encre); } :where(html[data-theme="sombre"]) .scene-actions .btn { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: var(--encre); } :where(html[data-theme="sombre"]) .scene-actions .btn:hover:not(:disabled) { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #ffe96b; color: #17152b; } :where(html[data-theme="sombre"]) .scene-actions .btn-fantome { color: #fff; box-shadow: inset 0 0 0 2px #fff; } :where(html[data-theme="sombre"]) .scene-actions .btn-fantome:hover { background: var(--surface); color: var(--encre); } :where(html[data-theme="sombre"]) .sess-anneau { border-radius: 50%; background: conic-gradient(var(--nuit) calc(var(--p) * 1%), rgba(255, 255, 255, 0.112) 0); } :where(html[data-theme="sombre"]) .sess-chiffre span { color: var(--gris); } :where(html[data-theme="sombre"]) .sess-chiffre small { color: var(--gris); } :where(html[data-theme="sombre"]) .sess-pip { border-radius: 50%; box-shadow: inset 0 0 0 2px var(--encre); } :where(html[data-theme="sombre"]) .sess-pip.plein { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: #17152b; } :where(html[data-theme="sombre"]) .sess-reste.bloque { color: var(--gris); } :where(html[data-theme="sombre"]) .sess-regles { color: var(--gris); } :where(html[data-theme="sombre"]) .sess-liste li { background: var(--panneau); border-radius: 4px; box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .sess-heure { color: var(--gris); } :where(html[data-theme="sombre"]) .sess-morceau small { color: var(--gris); } :where(html[data-theme="sombre"]) .sess-badge { border-radius: 999px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.56); color: var(--gris); } :where(html[data-theme="sombre"]) .sess-badge.ok { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); color: var(--encre); background: var(--jaune); box-shadow: none; } :where(html[data-theme="sombre"]) .barre .mq-case { color: var(--encre); } :where(html[data-theme="sombre"]) .mq-meta { color: var(--gris); } :where(html[data-theme="sombre"]) .mq-chip { border-radius: 999px; background: rgba(255, 255, 255, 0.08); } :where(html[data-theme="sombre"]) .mq-chip.souhait { background: var(--rose); color: #fff; } :where(html[data-theme="sombre"]) .mq-chip.mienne { background: var(--nuit); color: var(--jaune); } :where(html[data-theme="sombre"]) .carte .ruban-vente { color: #17152b; } :where(html[data-theme="sombre"]) .mq-ligne { background: var(--panneau); border-radius: 6px; box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .mq-badge { border-radius: 999px; background: rgba(255, 255, 255, 0.08); color: var(--gris); } :where(html[data-theme="sombre"]) .mq-badge.SOLD { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #c9f2d9; color: #0b5d2c; } :where(html[data-theme="sombre"]) .mq-badge.BOUGHT { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #d6dcff; color: #1a2a9a; } :where(html[data-theme="sombre"]) .mq-montant.plus { color: #0b7a3a; } :where(html[data-theme="sombre"]) .mq-montant.moins { color: #c0123f; } :where(html[data-theme="sombre"]) .mq-vente { border-radius: 6px; background: rgba(255, 255, 255, 0.048); } :where(html[data-theme="sombre"]) .mq-vente label { color: var(--gris); } :where(html[data-theme="sombre"]) .en-cours-tag { color: var(--gris); } :where(html[data-theme="sombre"]) .reg-ok { color: var(--encre); } :where(html[data-theme="sombre"]) .stock { border-radius: 999px; background: rgba(255, 255, 255, 0.064); } :where(html[data-theme="sombre"]) .stock.dernier { background: var(--rose); color: #fff; } :where(html[data-theme="sombre"]) .stock.vide { background: transparent; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.56); color: var(--gris); } :where(html[data-theme="sombre"]) .bq-offre { border-radius: 6px; } :where(html[data-theme="sombre"]) .bq-pack { background: var(--nuit); color: #fff; } :where(html[data-theme="sombre"]) .bq-jour { background: var(--panneau); box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .bq-pack .petit-titre { color: var(--jaune); } :where(html[data-theme="sombre"]) .bq-jour .petit-titre { color: var(--rose); } :where(html[data-theme="sombre"]) .bq-pack p { color: #c4c7d4; } :where(html[data-theme="sombre"]) .bq-jour p { color: var(--gris); } :where(html[data-theme="sombre"]) .bq-chances li { border-bottom: 1px solid rgba(255,255,255,.12); color: #d6d9ec; } :where(html[data-theme="sombre"]) .bq-chances b { color: #fff; } :where(html[data-theme="sombre"]) .bq-question { color: var(--jaune); text-shadow: 0 4px 24px rgba(0,0,0,.6); } :where(html[data-theme="sombre"]) .bq-gain { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-radius: 6px; background: var(--jaune); color: #17152b; } :where(html[data-theme="sombre"]) .bq-gain-texte .np-aide { color: var(--encre); } :where(html[data-theme="sombre"]) .bq-niveau { border-radius: 999px; background: var(--nuit); color: var(--jaune); } :where(html[data-theme="sombre"]) .gp-tuile { background: var(--nuit); color: #fff; border-radius: 6px; } :where(html[data-theme="sombre"]) .gp-tuile b { color: var(--jaune); } :where(html[data-theme="sombre"]) .gp-tuile span { color: #d4d7e6; } :where(html[data-theme="sombre"]) .gp-tuile small { color: #9ea3bd; } :where(html[data-theme="sombre"]) .gp-piste { border-radius: 6px; background: rgba(255, 255, 255, 0.08); } :where(html[data-theme="sombre"]) .gp-piste em { color: var(--gris); } :where(html[data-theme="sombre"]) .gp-legende { color: var(--gris); } :where(html[data-theme="sombre"]) .gp-legende i { border-radius: 2px; } :where(html[data-theme="sombre"]) .gp-legende b { color: var(--encre); } :where(html[data-theme="sombre"]) .gp-table-boite { background: var(--panneau); border-radius: 6px; box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .gp-table { border-collapse: collapse; } :where(html[data-theme="sombre"]) .gp-table th { color: var(--gris); border-bottom: 2px solid var(--trait); } :where(html[data-theme="sombre"]) .gp-table td { border-bottom: 1px solid var(--trait); } :where(html[data-theme="sombre"]) .gp-table tbody tr:hover { background: rgba(255,221,51,.25); } :where(html[data-theme="sombre"]) .gp-table tbody tr.choisi { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: #17152b; } :where(html[data-theme="sombre"]) .gp-nom .lien { color: inherit; background: none; border: 0; } :where(html[data-theme="sombre"]) .gp-lastfm { color: var(--gris); } :where(html[data-theme="sombre"]) .gp-date { color: var(--gris); } :where(html[data-theme="sombre"]) .gp-badge.soutien { background: linear-gradient(120deg, #c8921a, #d0408a); } :where(html[data-theme="sombre"]) .gp-badge { border-radius: 999px; background: var(--rose); color: #fff; } :where(html[data-theme="sombre"]) .gp-vide { color: var(--gris); } :where(html[data-theme="sombre"]) .gp-bloc { border-top: 2px solid var(--trait); } :where(html[data-theme="sombre"]) .gp-champ label { color: var(--gris); } :where(html[data-theme="sombre"]) .gp-titre { background: var(--surface); border-radius: 4px; box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .gp-titre span { color: var(--gris); } :where(html[data-theme="sombre"]) .gp-pochette { border-radius: 3px; background: linear-gradient(135deg, #ff3d81 0 50%, #2438ff 50% 100%) center / cover; } :where(html[data-theme="sombre"]) .gp-mouv { border-bottom: 1px solid var(--trait); } :where(html[data-theme="sombre"]) .gp-mouv .plus { color: #0d8a4f; } :where(html[data-theme="sombre"]) .gp-mouv .moins { color: #c0123f; } :where(html[data-theme="sombre"]) .dq-vues { background: var(--panneau); border-radius: 6px; box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .dq-vues button { border: 0; border-radius: 4px; background: transparent; color: var(--encre); } :where(html[data-theme="sombre"]) .dq-vues button:hover { background: rgba(255, 255, 255, 0.064); } :where(html[data-theme="sombre"]) .dq-vues button[aria-pressed="true"] { background: var(--nuit); color: var(--jaune); } :where(html[data-theme="sombre"]) .dq-vues button:focus-visible, :where(html[data-theme="sombre"]) .dq-tranche:focus-visible, :where(html[data-theme="sombre"]) .dq-vignette:focus-visible, :where(html[data-theme="sombre"]) .dq-fleche:focus-visible, :where(html[data-theme="sombre"]) .dq-lien:focus-visible, :where(html[data-theme="sombre"]) .dq-mini:focus-visible, :where(html[data-theme="sombre"]) .dq-retour:focus-visible { outline: 3px solid var(--bleu); } :where(html[data-theme="sombre"]) .dq-tuile { background: var(--nuit); color: #fff; border-radius: 6px; } :where(html[data-theme="sombre"]) .dq-tuile b { color: var(--jaune); } :where(html[data-theme="sombre"]) .dq-tuile span { color: #d4d7e6; } :where(html[data-theme="sombre"]) .dq-tuile small { color: #a3a8c2; } :where(html[data-theme="sombre"]) .dq-proche { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); border-radius: 6px; box-shadow: 4px 6px 0 rgba(0, 0, 0, 0.35); color: #17152b; } :where(html[data-theme="sombre"]) .dq-proche-disque { border-radius: 4px; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.56); } :where(html[data-theme="sombre"]) .dq-tris > span, :where(html[data-theme="sombre"]) .dq-chercher { color: var(--gris); } :where(html[data-theme="sombre"]) .dq-tris .puce[aria-pressed="true"] { background: var(--nuit); color: var(--jaune); box-shadow: none; } :where(html[data-theme="sombre"]) .dq-intercalaire { border-radius: 6px 6px 0 0; background: var(--nuit); } :where(html[data-theme="sombre"]) .dq-intercalaire span { color: var(--jaune); } :where(html[data-theme="sombre"]) .dq-tranche { border: 0; border-radius: 3px 3px 0 0; color: #fff; background: linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,.35) 50%, rgba(0,0,0,.6)), var(--fond, #3d4156); box-shadow: inset 0 0 0 1px rgba(0,0,0,.3), inset 3px 0 0 rgba(255,255,255,.18); } :where(html[data-theme="sombre"]) .dq-rayon.favoris .dq-intercalaire { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: #17152b; } :where(html[data-theme="sombre"]) .dq-rayon.favoris .dq-intercalaire span { color: var(--encre); } :where(html[data-theme="sombre"]) .dq-tranche.glisse { box-shadow: 0 16px 24px rgba(0,0,0,.35), inset 0 0 0 2px var(--jaune); } :where(html[data-theme="sombre"]) .dq-etoile { color: #ffd84a; text-shadow: 0 1px 2px rgba(0,0,0,.7); } :where(html[data-theme="sombre"]) .dq-fav-vide { color: var(--gris); } :where(html[data-theme="sombre"]) .dq-favori-btn { border: 0; border-radius: 999px; background: var(--panneau); color: var(--encre); box-shadow: inset 0 0 0 2px var(--encre); } :where(html[data-theme="sombre"]) .dq-favori-btn[aria-pressed="true"] { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: var(--encre); box-shadow: none; } :where(html[data-theme="sombre"]) .dq-tranche-texte { text-shadow: 0 1px 3px rgba(0,0,0,.6); } :where(html[data-theme="sombre"]) .dq-tranche.or::before, :where(html[data-theme="sombre"]) .dq-tranche.platine::before, :where(html[data-theme="sombre"]) .dq-tranche.emeraude::before, :where(html[data-theme="sombre"]) .dq-tranche.legende::before { box-shadow: 0 2px 4px rgba(0,0,0,.35); } :where(html[data-theme="sombre"]) .dq-tranche.or::before { background: linear-gradient(90deg, #9a6b00, #ffe58a 35%, #f2c94c 60%, #9a6b00); } :where(html[data-theme="sombre"]) .dq-tranche.platine::before { background: linear-gradient(90deg, #9aa1ad, #ffffff 40%, #dfe3ea 65%, #8f96a3); } :where(html[data-theme="sombre"]) .dq-tranche.emeraude::before { background: linear-gradient(90deg, #04462c, #3ee59a 40%, #12a866 65%, #03361f); } :where(html[data-theme="sombre"]) .dq-tranche.legende::before { background: linear-gradient(90deg, #ff7a3d, #ffd84a 22%, #fff6c8 40%, #7ef0c8 58%, #b98cff 78%, #ff5fa8); } :where(html[data-theme="sombre"]) .dq-tranche.legende { box-shadow: inset 0 0 0 1px rgba(0,0,0,.3), inset 3px 0 0 rgba(255,255,255,.18), 0 0 12px rgba(255,200,80,.45); } :where(html[data-theme="sombre"]) .dq-tranche.platine .dq-medaille { background: radial-gradient(circle, var(--nuit) 0 2px, #ffffff 3px 6px, #7d8491 7px); } :where(html[data-theme="sombre"]) .dq-tranche.emeraude .dq-medaille { background: radial-gradient(circle, var(--nuit) 0 2px, #5ff0ae 3px 6px, #08703f 7px); } :where(html[data-theme="sombre"]) .dq-tranche.legende .dq-medaille { background: radial-gradient(circle, var(--nuit) 0 2px, transparent 3px), conic-gradient(#ff7a3d, #ffd84a, #7ef0c8, #b98cff, #ff5fa8, #ff7a3d); } :where(html[data-theme="sombre"]) .dq-medaille { border-radius: 50%; background: radial-gradient(circle, var(--nuit) 0 2px, #ffe58a 3px 6px, #b8860b 7px); } :where(html[data-theme="sombre"]) .dq-medaille.grande { background: radial-gradient(circle, var(--nuit) 0 4px, #ffe58a 5px 11px, #b8860b 12px); } :where(html[data-theme="sombre"]) .dq-jauge { border-radius: 2px; background: rgba(0,0,0,.4); } :where(html[data-theme="sombre"]) .dq-jauge span { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: #17152b; } :where(html[data-theme="sombre"]) .dq-tranche.or .dq-jauge, :where(html[data-theme="sombre"]) .dq-tranche.platine .dq-jauge, :where(html[data-theme="sombre"]) .dq-tranche.emeraude .dq-jauge, :where(html[data-theme="sombre"]) .dq-tranche.legende .dq-jauge { background: rgba(5, 4, 12, 0.45); } :where(html[data-theme="sombre"]) .dq-tranche.or .dq-jauge span, :where(html[data-theme="sombre"]) .dq-tranche.platine .dq-jauge span, :where(html[data-theme="sombre"]) .dq-tranche.emeraude .dq-jauge span, :where(html[data-theme="sombre"]) .dq-tranche.legende .dq-jauge span { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #2fae62; box-shadow: 0 0 6px rgba(47,174,98,.7); color: #17152b; } :where(html[data-theme="sombre"]) .dq-planche { background: linear-gradient(180deg, #2a2750, var(--nuit)); border-radius: 3px; box-shadow: 0 10px 18px rgba(0, 0, 0, 0.45); } :where(html[data-theme="sombre"]) .dq-resume { color: var(--gris); } :where(html[data-theme="sombre"]) .dq-vide { background: var(--panneau); border-radius: 6px; color: var(--gris); } :where(html[data-theme="sombre"]) .dq-pochette { border-radius: 4px; color: #fff; } :where(html[data-theme="sombre"]) .dq-pochette.derriere { box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.4), inset 0 0 0 1px rgba(255,255,255,.1); } :where(html[data-theme="sombre"]) .dq-pochette.devant { box-shadow: 0 18px 40px rgba(0, 0, 0, 0.72), inset 0 0 0 1px rgba(255,255,255,.12); } :where(html[data-theme="sombre"]) .dq-pochette-artiste { text-shadow: 0 1px 4px rgba(0,0,0,.5); } :where(html[data-theme="sombre"]) .dq-pochette-titre { text-shadow: 0 1px 6px rgba(0,0,0,.5); } :where(html[data-theme="sombre"]) .dq-prog-barre { border-radius: 5px; background: rgba(255, 255, 255, 0.096); } :where(html[data-theme="sombre"]) .dq-prog-barre span { background: var(--nuit); } :where(html[data-theme="sombre"]) .dq-prog-barre span.or { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #c8921a; color: #17152b; } :where(html[data-theme="sombre"]) .dq-retour { border: 0; background: none; color: var(--encre); } :where(html[data-theme="sombre"]) .dq-retour:hover { color: var(--bleu); } :where(html[data-theme="sombre"]) .dq-disque { border-radius: 50%; background: radial-gradient(circle, var(--argent) 0 7%, #9aa1ad 7.5% 9%, #e8ebf0 9.5% 30%, transparent 30.5%), conic-gradient(from 20deg, #c9ced8, #f6f7fa, #9ea6b3, #eceff4, #b3bac6, #f6f7fa, #c9ced8); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.56); } :where(html[data-theme="sombre"]) .dq-pochette.grande { box-shadow: 0 18px 40px rgba(0, 0, 0, 0.72), inset 0 0 0 1px rgba(255,255,255,.12); } :where(html[data-theme="sombre"]) .dq-puce { border-radius: 999px; background: var(--panneau); box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .dq-puce.rarete { box-shadow: none; } :where(html[data-theme="sombre"]) .dq-puce.cadre { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); box-shadow: none; color: #17152b; } :where(html[data-theme="sombre"]) .dq-puce.souhait { background: var(--nuit); color: var(--jaune); box-shadow: none; } :where(html[data-theme="sombre"]) .dq-album-infos > .dq-surtitre { color: var(--gris); } :where(html[data-theme="sombre"]) .dq-prog-ligne.grande small { color: var(--gris); } :where(html[data-theme="sombre"]) .dq-prog-ligne.grande > span { color: var(--gris); } :where(html[data-theme="sombre"]) .dq-segments span { border-radius: 2px; } :where(html[data-theme="sombre"]) .dq-segments span.vide { background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.112) 0 4px, transparent 4px 8px); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.48); } :where(html[data-theme="sombre"]) .dq-recompense { background: var(--nuit); color: #d4d7e6; border-radius: 6px; } :where(html[data-theme="sombre"]) .dq-recompense p b { color: var(--jaune); } :where(html[data-theme="sombre"]) .dq-recompense .btn-fantome { color: #fff; box-shadow: inset 0 0 0 2px #fff; } :where(html[data-theme="sombre"]) .dq-recompense .btn-fantome:hover:not(:disabled) { background: var(--surface); color: var(--encre); } :where(html[data-theme="sombre"]) .dq-palier { border-radius: 8px; background: rgba(255,255,255,.04); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); } :where(html[data-theme="sombre"]) .dq-palier.atteint:not(.touche) { box-shadow: inset 0 0 0 2px var(--jaune); background: rgba(255,221,51,.08); } :where(html[data-theme="sombre"]) .dq-palier-txt b { color: #fff; } :where(html[data-theme="sombre"]) .dq-palier-gain { color: var(--jaune); } :where(html[data-theme="sombre"]) .dq-palier-etat { color: #6fe3a1; } :where(html[data-theme="sombre"]) .dq-palier-etat.verrou { color: rgba(255,255,255,.4); } :where(html[data-theme="sombre"]) .dq-palier.platine .dq-medaille { background: radial-gradient(circle, var(--nuit) 0 4px, #f4f6fa 5px 11px, #7d8491 12px); } :where(html[data-theme="sombre"]) .dq-palier.emeraude .dq-medaille { background: radial-gradient(circle, var(--nuit) 0 4px, #5ff0ae 5px 11px, #08703f 12px); } :where(html[data-theme="sombre"]) .dq-palier.legende .dq-medaille { background: radial-gradient(circle, var(--nuit) 0 4px, transparent 5px), conic-gradient(#ff7a3d, #ffd84a, #7ef0c8, #b98cff, #ff5fa8, #ff7a3d); } :where(html[data-theme="sombre"]) .dq-table-boite { background: var(--panneau); border-radius: 6px; box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .dq-table { border-collapse: collapse; } :where(html[data-theme="sombre"]) .dq-table th { color: var(--gris); border-bottom: 2px solid var(--trait); } :where(html[data-theme="sombre"]) .dq-table td { border-bottom: 1px solid var(--trait); } :where(html[data-theme="sombre"]) .dq-table .num { color: var(--gris); } :where(html[data-theme="sombre"]) .dq-table tr.manque { background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.028) 0 10px, transparent 10px 20px); } :where(html[data-theme="sombre"]) .dq-table tr.manque td.titre { color: var(--gris); } :where(html[data-theme="sombre"]) .dq-table tbody tr:hover { background: rgba(255,221,51,.22); } :where(html[data-theme="sombre"]) .dq-lien { border: 0; background: none; color: var(--encre); } :where(html[data-theme="sombre"]) .dq-lien:hover { color: var(--bleu); } :where(html[data-theme="sombre"]) .dq-etat { color: var(--gris); } :where(html[data-theme="sombre"]) .dq-doubles { color: #c0123f; } :where(html[data-theme="sombre"]) .dq-manquant { color: var(--gris); } :where(html[data-theme="sombre"]) .dq-mini { border: 0; border-radius: 999px; background: transparent; color: var(--encre); box-shadow: inset 0 0 0 2px var(--encre); } :where(html[data-theme="sombre"]) .dq-mini:hover:not(:disabled) { background: var(--nuit); color: var(--jaune); } :where(html[data-theme="sombre"]) .lg-repere { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-radius: 50%; background: var(--jaune); color: var(--encre); box-shadow: 0 0 0 2px var(--encre), 0 2px 6px rgba(0,0,0,.4); } :where(html[data-theme="sombre"]) .lg-liste li::before { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-radius: 50%; background: var(--jaune); color: var(--encre); box-shadow: 0 0 0 2px var(--encre); } :where(html[data-theme="sombre"]) .lg-liste span { color: var(--gris); } :where(html[data-theme="sombre"]) .pf-intro { color: var(--gris); } :where(html[data-theme="sombre"]) button.compte-pastille { border: 0; } :where(html[data-theme="sombre"]) button.compte-pastille:focus-visible, :where(html[data-theme="sombre"]) .pf-onglets .puce:focus-visible { outline: 3px solid var(--bleu); } :where(html[data-theme="sombre"]) .pv-identite { border-radius: 6px; background: var(--nuit); color: #fff; } :where(html[data-theme="sombre"]) .pv-avatar { border-radius: 50%; background: var(--rose); } :where(html[data-theme="sombre"]) .pv-titre { color: var(--jaune); } :where(html[data-theme="sombre"]) .pv-badge-soutien { border-radius: 999px; background: linear-gradient(120deg, #ffe58a, #ff9ad5, #9ae8ff); color: var(--encre); } :where(html[data-theme="sombre"]) .pv-chiffres b { color: var(--jaune); } :where(html[data-theme="sombre"]) .pv-chiffres span { color: #c4c7d4; } :where(html[data-theme="sombre"]) .pv-label { color: var(--gris); } :where(html[data-theme="sombre"]) .pv-etagere { border-radius: 6px; background: #2a2750; box-shadow: inset 0 -16px 0 rgba(0,0,0,.25); } :where(html[data-theme="sombre"]) .pv-etagere[data-theme="bois"] { background: linear-gradient(180deg, #8b5a2b, #6b4220); box-shadow: inset 0 -16px 0 #4a2c14; } :where(html[data-theme="sombre"]) .pv-etagere[data-theme="neon"] { background: #0d0b1f; box-shadow: inset 0 0 0 2px #ff4fd8, 0 0 22px rgba(255,79,216,.45), inset 0 -16px 0 rgba(61,242,255,.25); } :where(html[data-theme="sombre"]) .pv-etagere[data-theme="velours"] { background: radial-gradient(120% 90% at 50% 0%, #7a1030, #3a0618); box-shadow: inset 0 -16px 0 #24030e; } :where(html[data-theme="sombre"]) .pv-etagere[data-theme="emeraude"] { background: radial-gradient(120% 90% at 50% 0%, #17a866, #04462c 70%); box-shadow: inset 0 0 0 2px #5ff0ae, inset 0 -16px 0 #022a18; } :where(html[data-theme="sombre"]) .pv-etagere[data-theme="legende"] { background: linear-gradient(135deg, #3a1d5c, #1a0f33 45%, #4a1640); box-shadow: inset 0 0 0 3px #ffd84a, 0 0 26px rgba(255,200,80,.45), inset 0 -16px 0 rgba(255,216,74,.25); } :where(html[data-theme="sombre"]) .pv-etagere[data-theme="or"] { background: linear-gradient(135deg, #f7e08a, #b8860b 45%, #fff0a8 60%, #9a6b00); box-shadow: inset 0 -16px 0 rgba(90,60,0,.5); } :where(html[data-theme="sombre"]) .pv-prod { color: #fff; text-shadow: 0 1px 4px rgba(0,0,0,.5); } :where(html[data-theme="sombre"]) .pv-place.deco .pv-prod { color: #d4d7e6; } :where(html[data-theme="sombre"]) .pv-vide { border-radius: 12px; border: 2px dashed rgba(255,255,255,.55); background: rgba(255,255,255,.06); color: #fff; } :where(html[data-theme="sombre"]) .pv-vide:hover { background: rgba(255,255,255,.14); } :where(html[data-theme="sombre"]) .pv-place.deco .pv-vide { border-style: dotted; } :where(html[data-theme="sombre"]) .pv-etagere-vide { color: #d4d7e6; } :where(html[data-theme="sombre"]) .pv-recolte p { color: var(--gris); } :where(html[data-theme="sombre"]) .pv-recolte p b { color: var(--encre); } :where(html[data-theme="sombre"]) .pv-choix-ligne { border: 0; border-radius: 4px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--trait); color: var(--encre); } :where(html[data-theme="sombre"]) .pv-choix-ligne:hover:not(:disabled) { box-shadow: inset 0 0 0 2px var(--encre); } :where(html[data-theme="sombre"]) .pv-choix-ligne.choisie { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); box-shadow: inset 0 0 0 2px var(--encre); color: #17152b; } :where(html[data-theme="sombre"]) .pv-rarete { color: #fff; border-radius: 999px; } :where(html[data-theme="sombre"]) .pv-choix-meta { color: var(--gris); } :where(html[data-theme="sombre"]) .pv-titre-puce { border: 0; border-radius: 6px; background: var(--panneau); box-shadow: inset 0 0 0 1px var(--trait); color: var(--encre); } :where(html[data-theme="sombre"]) .pv-titre-puce small { color: var(--gris); } :where(html[data-theme="sombre"]) .pv-titre-puce:hover:not(:disabled) { box-shadow: inset 0 0 0 2px var(--encre); } :where(html[data-theme="sombre"]) .pv-titre-puce.actif { background: var(--nuit); color: var(--jaune); box-shadow: none; } :where(html[data-theme="sombre"]) .pv-titre-puce.actif small { color: #c4c7d4; } :where(html[data-theme="sombre"]) .pv-titre-puce.verrou b { color: var(--gris); } :where(html[data-theme="sombre"]) .pv-titre-puce.exclusif:not(.verrou) b { background: linear-gradient(120deg, #c8921a, #d0408a); background-clip: text; color: transparent; } :where(html[data-theme="sombre"]) .pv-titre-puce.actif.exclusif b { background: none; color: var(--jaune); } :where(html[data-theme="sombre"]) .pv-titre-barre { border-radius: 3px; background: rgba(255, 255, 255, 0.096); } :where(html[data-theme="sombre"]) .pv-titre-barre span { background: var(--nuit); } :where(html[data-theme="sombre"]) .pv-fav { background: var(--panneau); border-radius: 6px; box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .pv-fav-pochette { border-radius: 3px; background: linear-gradient(135deg, #ff3d81 0 50%, #2438ff 50% 100%) center / cover; } :where(html[data-theme="sombre"]) .pv-fav-texte span { color: var(--gris); } :where(html[data-theme="sombre"]) .pv-mini { border: 0; border-radius: 4px; background: transparent; color: var(--encre); box-shadow: inset 0 0 0 2px var(--encre); } :where(html[data-theme="sombre"]) .pv-mini:hover:not(:disabled) { background: var(--nuit); color: var(--jaune); } :where(html[data-theme="sombre"]) .pv-fav-resultat { border: 0; border-radius: 4px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--trait); color: var(--encre); } :where(html[data-theme="sombre"]) .pv-fav-resultat span { color: var(--gris); } :where(html[data-theme="sombre"]) .pv-fav-resultat:hover:not(:disabled) { box-shadow: inset 0 0 0 2px var(--encre); } :where(html[data-theme="sombre"]) .pv-theme { border: 0; border-radius: 999px; background: var(--panneau); box-shadow: inset 0 0 0 2px var(--trait); color: var(--encre); } :where(html[data-theme="sombre"]) .pv-theme.actif { box-shadow: inset 0 0 0 2px var(--encre); background: var(--surface); } :where(html[data-theme="sombre"]) .pv-theme-apercu { border-radius: 50%; background: #2a2750; } :where(html[data-theme="sombre"]) .pv-theme[data-theme="bois"] .pv-theme-apercu { background: linear-gradient(180deg, #8b5a2b, #6b4220); } :where(html[data-theme="sombre"]) .pv-theme[data-theme="neon"] .pv-theme-apercu { background: #0d0b1f; box-shadow: inset 0 0 0 2px #ff4fd8; } :where(html[data-theme="sombre"]) .pv-theme[data-theme="velours"] .pv-theme-apercu { background: radial-gradient(#7a1030, #3a0618); } :where(html[data-theme="sombre"]) .pv-theme[data-theme="emeraude"] .pv-theme-apercu { background: radial-gradient(#3ee59a, #04462c); } :where(html[data-theme="sombre"]) .pv-theme[data-theme="legende"] .pv-theme-apercu { background: conic-gradient(#ff7a3d, #ffd84a, #7ef0c8, #b98cff, #ff5fa8, #ff7a3d); } :where(html[data-theme="sombre"]) .pv-theme[data-theme="or"] .pv-theme-apercu { background: linear-gradient(135deg, #f7e08a, #b8860b); } :where(html[data-theme="sombre"]) .pv-soutien { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-radius: 6px; background: var(--jaune); color: #17152b; } :where(html[data-theme="sombre"]) .pv-soutien-bientot { border-radius: 4px; box-shadow: inset 0 0 0 2px var(--encre); } :where(html[data-theme="sombre"]) .pv-soutien-btn { border: 0; border-radius: 4px; background: var(--nuit); color: var(--jaune); } :where(html[data-theme="sombre"]) .pv-soutien-btn:focus-visible { outline: 3px solid var(--encre); } :where(html[data-theme="sombre"]) .pv-soutien-msg { border-radius: 4px; box-shadow: inset 0 0 0 2px currentColor; } :where(html[data-theme="sombre"]) .pv-autre-tete .pv-titre { color: var(--encre); } :where(html[data-theme="sombre"]) .soutien-pill { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border: 0; border-radius: 999px; background: var(--jaune); color: var(--encre); box-shadow: inset 0 0 0 2px var(--encre); } :where(html[data-theme="sombre"]) .soutien-pill:focus-visible { outline: 3px solid var(--encre); } :where(html[data-theme="sombre"]) .pv-promo { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-radius: 6px; background: var(--jaune); color: var(--encre); } :where(html[data-theme="sombre"]) .pv-promo .btn-fantome { color: var(--encre); } :where(html[data-theme="sombre"]) .pv-place.verrou .pv-vide { border-style: dotted; border-color: rgba(255, 213, 74, .7); color: #ffe27a; } :where(html[data-theme="sombre"]) .pv-place.verrou .pv-vide small { color: #d4d7e6; } :where(html[data-theme="sombre"]) .pv-place.verrou .pv-prod { color: #ffe27a; } :where(html[data-theme="sombre"]) .pseudo-soutien { color: #b8860b; } :where(html[data-theme="sombre"]) .pv-identite.pv-banniere { background: linear-gradient(90deg, rgba(5, 4, 12, 0.9) 30%, rgba(5, 4, 12, 0.7)), var(--pv-banniere) center / cover; } :where(html[data-theme="sombre"]) .pv-autre-tete.pv-banniere { border-radius: 6px; color: #fff; background: linear-gradient(90deg, rgba(5, 4, 12, 0.9) 30%, rgba(5, 4, 12, 0.7)), var(--pv-banniere) center / cover; } :where(html[data-theme="sombre"]) .pv-autre-tete.pv-banniere .np-aide { color: #d4d7e6; } :where(html[data-theme="sombre"]) .pv-autre-tete.pv-banniere .pv-titre { color: var(--jaune); } :where(html[data-theme="sombre"]) .pv-etagere[data-cadre] { border: 10px solid transparent; border-radius: 0; } :where(html[data-theme="sombre"]) .pv-etagere[data-cadre="vinyle"], :where(html[data-theme="sombre"]) .sx-cadre[data-cadre="vinyle"] .sx-cadre-apercu { border-image: repeating-linear-gradient(45deg, #0b0a12 0 3px, #5a5770 3px 5px, #0b0a12 5px 8px) 12; } :where(html[data-theme="sombre"]) .pv-etagere[data-cadre="cassette"], :where(html[data-theme="sombre"]) .sx-cadre[data-cadre="cassette"] .sx-cadre-apercu { border-image: linear-gradient(90deg, #ff8a00 0 33%, #ff4d4d 33% 66%, #ffd000 66%) 10; } :where(html[data-theme="sombre"]) .pv-etagere[data-cadre="neon"], :where(html[data-theme="sombre"]) .sx-cadre[data-cadre="neon"] .sx-cadre-apercu { border-image: linear-gradient(90deg, #ff4fd8, #3df2ff, #ff4fd8) 10; } :where(html[data-theme="sombre"]) .pv-etagere[data-cadre="argent"], :where(html[data-theme="sombre"]) .sx-cadre[data-cadre="argent"] .sx-cadre-apercu { border-image: linear-gradient(135deg, #f5f7fa, #9aa3ad 40%, #fff 55%, #7d8691) 10; } :where(html[data-theme="sombre"]) .pv-etagere[data-cadre="aurore"], :where(html[data-theme="sombre"]) .sx-cadre[data-cadre="aurore"] .sx-cadre-apercu { border-image: linear-gradient(90deg, #7b2ff7, #f107a3, #ffb86c, #3df2ff) 10; } :where(html[data-theme="sombre"]) .pv-etagere[data-cadre="pixel"], :where(html[data-theme="sombre"]) .sx-cadre[data-cadre="pixel"] .sx-cadre-apercu { border-image: repeating-linear-gradient(90deg, var(--encre) 0 8px, #ffdd33 8px 16px) 10; } :where(html[data-theme="sombre"]) .sx-cadre { border: 0; border-radius: 6px; background: var(--panneau); box-shadow: inset 0 0 0 2px var(--trait); color: var(--encre); } :where(html[data-theme="sombre"]) .sx-cadre.actif { background: var(--surface); box-shadow: inset 0 0 0 2px var(--encre); } :where(html[data-theme="sombre"]) .sx-cadre-apercu { background: #2a2750; border: 6px solid var(--trait); } :where(html[data-theme="sombre"]) .pv-section-tete select { border-radius: 4px; border: 2px solid var(--encre); background: var(--surface); color: var(--encre); } :where(html[data-theme="sombre"]) .sx-chiffres { border-radius: 6px; background: var(--nuit); color: #fff; } :where(html[data-theme="sombre"]) .sx-verrou { border-radius: 6px; background: var(--panneau); border: 2px dashed var(--trait); } :where(html[data-theme="sombre"]) .sx-export-texte { border: 2px solid var(--trait); border-radius: 4px; background: var(--surface); color: var(--encre); } :where(html[data-theme="sombre"]) .sx-mur-nom { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-radius: 6px; background: var(--jaune); color: var(--encre); } :where(html[data-theme="sombre"]) .vt-vote { border-radius: 6px; background: var(--nuit); color: #fff; } :where(html[data-theme="sombre"]) .vt-surtitre { color: var(--jaune); } :where(html[data-theme="sombre"]) .vt-vote .titre-section { color: #fff; } :where(html[data-theme="sombre"]) .vt-etat { color: #c9cbe0; } :where(html[data-theme="sombre"]) .vt-option { border: 0; border-radius: 4px; color: #fff; background: linear-gradient(90deg, rgba(255,221,51,.28) var(--pct, 0%), rgba(255,255,255,.08) var(--pct, 0%)); box-shadow: inset 0 0 0 2px rgba(255,255,255,.25); } :where(html[data-theme="sombre"]) .vt-option:not(:disabled):hover { box-shadow: inset 0 0 0 2px var(--jaune); } :where(html[data-theme="sombre"]) .vt-option:focus-visible { outline: 3px solid var(--jaune); } :where(html[data-theme="sombre"]) .vt-option.choisi { box-shadow: inset 0 0 0 3px var(--jaune); } :where(html[data-theme="sombre"]) .vt-option.choisi .vt-label::after { color: var(--jaune); } :where(html[data-theme="sombre"]) .vt-option.gagnant { box-shadow: inset 0 0 0 3px var(--jaune); } :where(html[data-theme="sombre"]) .vt-option.gagnant .vt-label::before { color: var(--jaune); } :where(html[data-theme="sombre"]) .vt-pied .pv-soutien-btn { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: var(--encre); } :where(html[data-theme="sombre"]) .vt-pied { color: #c9cbe0; } :where(html[data-theme="sombre"]) .gp-vote .vt-option.petit { color: var(--encre); background: linear-gradient(90deg, rgba(255,221,51,.6) var(--pct, 0%), var(--panneau) var(--pct, 0%)); box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .px { border-radius: 6px; background: var(--panneau); box-shadow: inset 0 0 0 2px var(--trait); } :where(html[data-theme="sombre"]) .px-form input { border: 2px solid var(--encre); border-radius: 4px; background: var(--surface); color: var(--encre); } :where(html[data-theme="sombre"]) .px-ligne { border-radius: 4px; background: var(--surface); } :where(html[data-theme="sombre"]) .px-pochette { border-radius: 3px; background: var(--argent); } :where(html[data-theme="sombre"]) .px-statut { border-radius: 999px; background: var(--panneau); } :where(html[data-theme="sombre"]) .px-statut.pending { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #fff3b0; color: #17152b; } :where(html[data-theme="sombre"]) .px-statut.approved { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #d6f5dd; color: #17152b; } :where(html[data-theme="sombre"]) .px-statut.rejected { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #ffd9df; color: #17152b; } :where(html[data-theme="sombre"]) .gp-vote-form input, :where(html[data-theme="sombre"]) .gp-vote-form textarea, :where(html[data-theme="sombre"]) .gp-note { border: 2px solid var(--trait); border-radius: 4px; background: var(--surface); color: var(--encre); } :where(html[data-theme="sombre"]) .auth-jeu { background: var(--panneau); box-shadow: 4px 6px 0 rgba(0, 0, 0, 0.48), inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .auth-parrain { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-radius: 4px; background: var(--jaune); color: #17152b; } :where(html[data-theme="sombre"]) .aj-bloc { border-radius: 6px; background: var(--panneau); box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .aj-aide { color: var(--gris); } :where(html[data-theme="sombre"]) .aj-jour { border-radius: 4px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .aj-jour.fait { background: var(--nuit); color: var(--jaune); box-shadow: none; } :where(html[data-theme="sombre"]) .aj-jour.aujourdhui { outline: 2px solid var(--jaune); } :where(html[data-theme="sombre"]) .aj-mission-txt span { color: var(--gris); } :where(html[data-theme="sombre"]) .aj-barre { border-radius: 3px; background: linear-gradient(90deg, var(--nuit) var(--pct, 0%), rgba(255, 255, 255, 0.096) var(--pct, 0%)); } :where(html[data-theme="sombre"]) .aj-barre.gros { border-radius: 5px; background: linear-gradient(90deg, var(--jaune) var(--pct, 0%), rgba(255, 255, 255, 0.096) var(--pct, 0%)); box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .aj-jeu { border: 0; border-radius: 4px; background: var(--nuit); color: #fff; } :where(html[data-theme="sombre"]) .aj-jeu b { color: var(--jaune); } :where(html[data-theme="sombre"]) .aj-jeu span { color: #d4d7e6; } :where(html[data-theme="sombre"]) .aj-jeu:focus-visible { outline: 3px solid var(--jaune); } :where(html[data-theme="sombre"]) .pastille-rarete.partage { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border: 0; background: var(--jaune); color: var(--encre); } :where(html[data-theme="sombre"]) .pc-indices { color: #3d4156; } :where(html[data-theme="sombre"]) .pc-form input { border: 2px solid #17152b; color: #17152b; } :where(html[data-theme="sombre"]) .pc-partage { box-shadow: inset 0 0 0 1px rgba(23, 21, 43, .18); } :where(html[data-theme="sombre"]) .du-slot { border-radius: 6px; background: var(--panneau); box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .du-vide { color: var(--gris); } :where(html[data-theme="sombre"]) .du-outils button { border: 0; border-radius: 4px; background: var(--surface); box-shadow: inset 0 0 0 2px var(--encre); } :where(html[data-theme="sombre"]) .du-carte { border-radius: 6px; background: var(--surface); box-shadow: inset 4px 0 0 #8a8fa3; } :where(html[data-theme="sombre"]) .du-carte.r-rare { box-shadow: inset 4px 0 0 #2f7fd6; } :where(html[data-theme="sombre"]) .du-carte.r-epic { box-shadow: inset 4px 0 0 #7a3fd0; } :where(html[data-theme="sombre"]) .du-carte.r-legendary { box-shadow: inset 4px 0 0 #c8921a; } :where(html[data-theme="sombre"]) .du-carte img { border-radius: 3px; background: var(--argent); } :where(html[data-theme="sombre"]) .du-carte-txt span { color: var(--gris); } :where(html[data-theme="sombre"]) .du-valeur { border-radius: 999px; background: var(--panneau); } :where(html[data-theme="sombre"]) .du-carte.gagne { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #d6f5dd; color: #17152b; } :where(html[data-theme="sombre"]) .du-choix input { border: 2px solid var(--trait); border-radius: 4px; } :where(html[data-theme="sombre"]) .du-pioche { border: 0; background: none; } :where(html[data-theme="sombre"]) .du-pioche:hover .du-carte { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #fff8cc; color: #17152b; } :where(html[data-theme="sombre"]) .du-resultat { border-radius: 6px; background: var(--panneau); box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .du-issue-W { color: #1d7a3a; } :where(html[data-theme="sombre"]) .du-issue-L { color: #b0123c; } :where(html[data-theme="sombre"]) .du-classement li { border-radius: 4px; background: var(--panneau); } :where(html[data-theme="sombre"]) .du-classement li.moi { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: #17152b; } @media (max-width: 720px) { :where(html[data-theme="sombre"]) .du-manche { border-bottom: 1px solid var(--trait); } } :where(html[data-theme="sombre"]) .am-form input, :where(html[data-theme="sombre"]) .am-lien input, :where(html[data-theme="sombre"]) .am-note-champ, :where(html[data-theme="sombre"]) .am-col-ech input[type="search"] { border: 2px solid var(--trait); border-radius: 4px; background: var(--surface); color: var(--encre); } :where(html[data-theme="sombre"]) .am-personne { border-radius: 4px; background: var(--surface); } :where(html[data-theme="sombre"]) .am-personne-txt span { color: var(--gris); } :where(html[data-theme="sombre"]) .am-evt img { border-radius: 3px; } :where(html[data-theme="sombre"]) .am-evt small { color: var(--gris); } :where(html[data-theme="sombre"]) .am-offre { border-radius: 4px; background: var(--surface); } :where(html[data-theme="sombre"]) .am-mini-carte { border-radius: 3px; background: var(--panneau); box-shadow: inset 3px 0 0 #8a8fa3; } :where(html[data-theme="sombre"]) .am-mini-carte.r-rare { box-shadow: inset 3px 0 0 #2f7fd6; } :where(html[data-theme="sombre"]) .am-mini-carte.r-epic { box-shadow: inset 3px 0 0 #7a3fd0; } :where(html[data-theme="sombre"]) .am-mini-carte.r-legendary { box-shadow: inset 3px 0 0 #c8921a; } :where(html[data-theme="sombre"]) .am-choix-ligne { border-radius: 4px; background: var(--surface); } :where(html[data-theme="sombre"]) .am-choix-ligne small { color: var(--gris); } :where(html[data-theme="sombre"]) .am-choix-ligne.utile { box-shadow: inset 3px 0 0 var(--jaune); } :where(html[data-theme="sombre"]) .pv-etagere[data-cadre="duo"], :where(html[data-theme="sombre"]) .sx-cadre[data-cadre="duo"] .sx-cadre-apercu { border-image: linear-gradient(90deg, #ff4d9d 0 50%, #2a2bff 50%) 10; } @media (max-width: 1180px) { :where(html[data-theme="sombre"]) .haut { background: var(--argent); box-shadow: 0 1px 0 var(--trait); } :where(html[data-theme="sombre"]) .menu { background: var(--nuit); box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.29); } :where(html[data-theme="sombre"]) .menu .onglet { border-radius: 0; background: transparent; color: #b9bdd3; box-shadow: none; } :where(html[data-theme="sombre"]) .menu .onglet:hover { background: transparent; color: #fff; } :where(html[data-theme="sombre"]) .menu .onglet.actif { background: transparent; color: var(--jaune); box-shadow: none; } :where(html[data-theme="sombre"]) .menu .onglet.actif::before { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-radius: 0 0 3px 3px; background: var(--jaune); color: #17152b; } :where(html[data-theme="sombre"]) .menu .onglet.nouveau::after { box-shadow: 0 0 0 2px var(--encre); } :where(html[data-theme="sombre"]) .menu .onglet:focus-visible { outline: 2px solid var(--jaune); } :where(html[data-theme="sombre"]) .menu-plus { background: rgba(5, 4, 12, 0.55); } :where(html[data-theme="sombre"]) .menu-plus-feuille { border-radius: 16px 16px 0 0; background: var(--argent); box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.4); } :where(html[data-theme="sombre"]) .menu-plus-tete { color: var(--gris); } :where(html[data-theme="sombre"]) .menu-plus-item { border: 0; border-radius: 8px; background: var(--panneau); box-shadow: inset 0 0 0 1px var(--trait); color: var(--encre); } :where(html[data-theme="sombre"]) .menu-plus-item.actif { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); box-shadow: none; color: #17152b; } :where(html[data-theme="sombre"]) .menu-plus-item.nouveau::after { border-radius: 50%; background: var(--rose); } :where(html[data-theme="sombre"]) .menu-plus-deco { border: 0; border-radius: 6px; background: transparent; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.48); color: var(--encre); } } :where(html[data-theme="sombre"]) .at-solde { border-radius: 6px; background: var(--nuit); color: #fff; } :where(html[data-theme="sombre"]) .at-solde > b { color: #7fe3ff; } :where(html[data-theme="sombre"]) .at-label { color: #c9cce0; } :where(html[data-theme="sombre"]) .at-label b { color: var(--jaune); } :where(html[data-theme="sombre"]) .at-regles { border-radius: 6px; background: var(--panneau); box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .at-regles ol { color: var(--gris); } :where(html[data-theme="sombre"]) .at-regles b { color: var(--encre); } :where(html[data-theme="sombre"]) .at-lot { border-radius: 6px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .at-lot-txt span { color: var(--gris); } :where(html[data-theme="sombre"]) .at-sous-titre { color: var(--gris); } :where(html[data-theme="sombre"]) .at-titre { border-radius: 6px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .at-pochette { border-radius: 4px; background: #aab4c6 center / cover; } :where(html[data-theme="sombre"]) .at-titre-txt > span:not(.at-infos) { color: var(--gris); } :where(html[data-theme="sombre"]) .at-badge { border-radius: 999px; background: rgba(255, 255, 255, 0.064); color: var(--gris); } :where(html[data-theme="sombre"]) .at-badge.wl { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: var(--encre); } :where(html[data-theme="sombre"]) .at-vide { color: var(--gris); } :where(html[data-theme="sombre"]) .at-resultat { border-radius: 6px; background: var(--nuit); color: #fff; } :where(html[data-theme="sombre"]) .at-resultat-txt b { color: var(--jaune); } :where(html[data-theme="sombre"]) .at-resultat-txt span { color: #d4d7e6; } :where(html[data-theme="sombre"]) .dsq-sous { color: var(--gris); } :where(html[data-theme="sombre"]) .dsq-prises { color: var(--gris); } :where(html[data-theme="sombre"]) .dsq-disque { border-radius: 8px; background: var(--nuit); color: #fff; } :where(html[data-theme="sombre"]) .dsq-disque.pourtoi { box-shadow: 0 0 0 3px var(--rose), 0 10px 26px rgba(255,77,157,.35); } :where(html[data-theme="sombre"]) .dsq-disque.moi { box-shadow: 0 0 0 3px var(--jaune); } :where(html[data-theme="sombre"]) .dsq-pochette { border-radius: 4px; background: #3b3a5c center / cover; } :where(html[data-theme="sombre"]) .dsq-badge { border-radius: 999px; background: var(--rose); color: #fff; } :where(html[data-theme="sombre"]) .dsq-txt span { color: #d4d7e6; } :where(html[data-theme="sombre"]) .dsq-txt small { color: #9ea2bd; } :where(html[data-theme="sombre"]) .dsq-pied .btn { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: var(--encre); } :where(html[data-theme="sombre"]) .dsq-pied .btn:hover:not(:disabled) { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #ffe96b; color: #17152b; } :where(html[data-theme="sombre"]) .dsq-pied .btn-fantome { color: #fff; box-shadow: inset 0 0 0 2px #fff; } :where(html[data-theme="sombre"]) .dsq-mystere { color: #9ea2bd; } :where(html[data-theme="sombre"]) .dsq-pris { color: var(--jaune); } :where(html[data-theme="sombre"]) .dsq-disque.pris:not(.moi) .dsq-pris { color: #d4d7e6; } :where(html[data-theme="sombre"]) .dsq-etat { color: var(--jaune); } :where(html[data-theme="sombre"]) .lien-joueur { border: 0; background: none; color: inherit; } :where(html[data-theme="sombre"]) .lien-joueur:focus-visible { outline: 2px solid var(--bleu); border-radius: 2px; } :where(html[data-theme="sombre"]) .jr { background: rgba(5, 4, 12, 0.82); } :where(html[data-theme="sombre"]) .jr-boite { border-radius: 6px; background: var(--panneau); } :where(html[data-theme="sombre"]) .jr-fermer { border: 0; border-radius: 50%; background: transparent; color: var(--encre); } :where(html[data-theme="sombre"]) .jr-fermer:hover { background: rgba(255, 255, 255, 0.064); } @media (max-width: 560px) { :where(html[data-theme="sombre"]) .jr-boite { border-radius: 14px 14px 0 0; } } :where(html[data-theme="sombre"]) .an-item { border-radius: 6px; background: var(--panneau); box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .an-item.ouverte { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); box-shadow: 4px 5px 0 rgba(0, 0, 0, 0.4); color: #17152b; } :where(html[data-theme="sombre"]) .an-meta { color: var(--gris); } :where(html[data-theme="sombre"]) .gp-an-item { border-radius: 4px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .gp-an-item small { color: var(--gris); } :where(html[data-theme="sombre"]) #gp-an-texte { border-radius: 4px; border: 2px solid var(--encre); } :where(html[data-theme="sombre"]) .pv-etagere[data-theme="palestine"] { background: linear-gradient(to top right, #ce1126 50%, transparent 50.5%) left top / 36% 50% no-repeat, linear-gradient(to bottom right, #ce1126 50%, transparent 50.5%) left bottom / 36% 50% no-repeat, linear-gradient(180deg, #111 0 33.4%, #f4f4f4 33.4% 66.6%, #007a3d 66.6%); box-shadow: inset 0 -16px 0 rgba(0,0,0,.28); } :where(html[data-theme="sombre"]) .pv-etagere[data-theme="palestine"] .pv-prod, :where(html[data-theme="sombre"]) .pv-etagere[data-theme="palestine"] .pv-etagere-vide { color: #fff; text-shadow: 0 1px 3px #000, 0 0 10px rgba(0,0,0,.8); } :where(html[data-theme="sombre"]) .pv-theme[data-theme="palestine"] .pv-theme-apercu { background: linear-gradient(to top right, #ce1126 50%, transparent 50.5%) left top / 40% 50% no-repeat, linear-gradient(to bottom right, #ce1126 50%, transparent 50.5%) left bottom / 40% 50% no-repeat, linear-gradient(180deg, #111 0 33.4%, #f4f4f4 33.4% 66.6%, #007a3d 66.6%); } :where(html[data-theme="sombre"]) .cpt { border-radius: 10px; background: var(--nuit); color: #fff; } :where(html[data-theme="sombre"]) .cpt::before { border-radius: 50%; background: repeating-radial-gradient(circle, rgba(255,255,255,.045) 0 1px, transparent 1px 7px); } :where(html[data-theme="sombre"]) .cpt-sous { color: #c9cce0; } :where(html[data-theme="sombre"]) .cpt-packs { border-bottom: 14px solid #2c2950; box-shadow: 0 1px 0 rgba(255,255,255,.08); } :where(html[data-theme="sombre"]) .cpt-objet { border: 0; background: none; } :where(html[data-theme="sombre"]) .cpt-objet:focus-visible { outline: 3px solid var(--jaune); border-radius: 12px; } :where(html[data-theme="sombre"]) .cpt-sticker { color: #17152b; } :where(html[data-theme="sombre"]) .cpt-legende { color: #c9cce0; } :where(html[data-theme="sombre"]) .cpt-legende b { color: var(--jaune); } :where(html[data-theme="sombre"]) .cpt .puce { color: #fff; box-shadow: inset 0 0 0 2px rgba(255,255,255,.35); background: transparent; } :where(html[data-theme="sombre"]) .cpt .puce.actif { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #ff9ad5; color: var(--encre); box-shadow: none; } :where(html[data-theme="sombre"]) .cpt .puce small { color: inherit; } :where(html[data-theme="sombre"]) .cpt-mini { color: #b9bdd3; } :where(html[data-theme="sombre"]) .cpt-btn-sp { color: #fff; box-shadow: inset 0 0 0 2px #ff9ad5; } :where(html[data-theme="sombre"]) .cpt-btn-sp:hover:not(:disabled) { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #ff9ad5; color: var(--encre); } :where(html[data-theme="sombre"]) .cpt-ticket { background: var(--surface); color: var(--encre); box-shadow: 0 16px 30px rgba(0,0,0,.4); } :where(html[data-theme="sombre"]) .cpt-ticket-tete { border-bottom: 2px dashed rgba(255, 255, 255, 0.24); } :where(html[data-theme="sombre"]) .cpt-lignes dt::after { border-bottom: 2px dotted rgba(255, 255, 255, 0.28); } :where(html[data-theme="sombre"]) .cpt-garanties { border-top: 2px dashed rgba(255, 255, 255, 0.24); } :where(html[data-theme="sombre"]) .cpt-ticket-pied { color: var(--gris); } @media (max-width: 560px) { :where(html[data-theme="sombre"]) .cpt { border-radius: 0; } } :where(html[data-theme="sombre"]) .cpt-chances { border-top: 2px dashed rgba(255, 255, 255, 0.24); } :where(html[data-theme="sombre"]) .cpt-chances-sous { color: var(--gris); } :where(html[data-theme="sombre"]) .cpt-chances .pt { border-radius: 2px; } :where(html[data-theme="sombre"]) .pt.r1 { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #8a8fa3; color: #17152b; } :where(html[data-theme="sombre"]) .pt.r2 { background: #2f7fd6; } :where(html[data-theme="sombre"]) .pt.r3 { background: #7a3fd0; } :where(html[data-theme="sombre"]) .pt.r4 { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #c8921a; color: #17152b; } :where(html[data-theme="sombre"]) .pr { border-radius: 10px; background: var(--nuit); color: #fff; } :where(html[data-theme="sombre"]) .pr-tete p { color: #c9cce0; } :where(html[data-theme="sombre"]) .pr-cible { border: 0; border-radius: 6px; background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 2px rgba(255,255,255,.14); color: #fff; } :where(html[data-theme="sombre"]) .pr-cible small { color: #b9bdd3; } :where(html[data-theme="sombre"]) .pr-cible[data-cible="RARE"][aria-pressed="true"] { box-shadow: inset 0 0 0 3px #2f7fd6; background: rgba(47,127,214,.18); } :where(html[data-theme="sombre"]) .pr-cible[data-cible="EPIC"][aria-pressed="true"] { box-shadow: inset 0 0 0 3px #a06bff; background: rgba(122,63,208,.22); } :where(html[data-theme="sombre"]) .pr-cible[data-cible="LEGENDARY"][aria-pressed="true"] { box-shadow: inset 0 0 0 3px #e6b23a; background: rgba(200,146,26,.2); } :where(html[data-theme="sombre"]) .pr-cible:focus-visible { outline: 3px solid var(--jaune); } :where(html[data-theme="sombre"]) .pr-etiquette span { color: var(--jaune); } :where(html[data-theme="sombre"]) .pr-slot { border-radius: 6px; background: rgba(255,255,255,.05) center / cover; box-shadow: inset 0 0 0 2px rgba(255,255,255,.18); } :where(html[data-theme="sombre"]) .pr-slot.plein { box-shadow: 0 6px 14px rgba(0,0,0,.4); } :where(html[data-theme="sombre"]) .pr-slot-vide { color: rgba(255,255,255,.3); } :where(html[data-theme="sombre"]) .pr-slot-titre { background: rgba(5, 4, 12, 0.9); } :where(html[data-theme="sombre"]) .pr-retirer { border: 0; border-radius: 50%; background: rgba(5, 4, 12, 0.9); color: #fff; } :where(html[data-theme="sombre"]) .pr-options label { color: #c9cce0; } :where(html[data-theme="sombre"]) .pr-cadran { border-radius: 50%; background: conic-gradient(#2fd27a 0 calc(var(--chance) * 1%), #ff4d6d calc(var(--chance) * 1%) 100%); box-shadow: 0 0 0 6px #2c2950, 0 14px 30px rgba(0,0,0,.45); } :where(html[data-theme="sombre"]) .pr-cadran::before { border-radius: 50%; background: repeating-radial-gradient(circle, #1f1d38 0 2px, var(--nuit) 2px 5px); } :where(html[data-theme="sombre"]) .pr-aiguille { border-radius: 2px; background: var(--surface); box-shadow: 0 0 8px rgba(255,255,255,.6); } :where(html[data-theme="sombre"]) .pr-aiguille::before { border: 8px solid transparent; border-bottom: 12px solid #fff; border-top: 0; } :where(html[data-theme="sombre"]) .pr-moyeu { border-radius: 50%; background: var(--nuit); box-shadow: 0 0 0 3px #2c2950; } :where(html[data-theme="sombre"]) .pr-moyeu small { color: #b9bdd3; } :where(html[data-theme="sombre"]) .pr .erreur { color: #ff9aa9; } :where(html[data-theme="sombre"]) .pr-resultat { border-radius: 8px; } :where(html[data-theme="sombre"]) .pr-resultat.gagne { background: rgba(47,210,122,.14); box-shadow: inset 0 0 0 2px #2fd27a; } :where(html[data-theme="sombre"]) .pr-resultat.perdu { background: rgba(255,77,109,.12); box-shadow: inset 0 0 0 2px #ff4d6d; } :where(html[data-theme="sombre"]) .pr-resultat.gagne .pr-resultat-txt b { color: #7dffb6; } :where(html[data-theme="sombre"]) .pr-resultat.perdu .pr-resultat-txt b { color: #ff9aa9; } :where(html[data-theme="sombre"]) .pr-resultat-txt span { color: #e1e3f0; } :where(html[data-theme="sombre"]) .pr-resultat-txt small { color: #b9bdd3; } :where(html[data-theme="sombre"]) .pr-bac .at-sous-titre { color: #b9bdd3; } :where(html[data-theme="sombre"]) .pr-carte { border: 0; border-radius: 6px; background: rgba(255,255,255,.06); color: #fff; box-shadow: inset 0 0 0 2px transparent; } :where(html[data-theme="sombre"]) .pr-carte:hover { background: rgba(255,255,255,.12); } :where(html[data-theme="sombre"]) .pr-carte.choisie { box-shadow: inset 0 0 0 2px var(--jaune); background: rgba(255,221,51,.12); } :where(html[data-theme="sombre"]) .pr-carte:focus-visible { outline: 3px solid var(--jaune); } :where(html[data-theme="sombre"]) .pr-carte-pochette { border-radius: 4px; background: #3b3a5c center / cover; } :where(html[data-theme="sombre"]) .pr-carte-txt span { color: #c9cce0; } :where(html[data-theme="sombre"]) .pr-carte-txt small { color: #9ea2bd; } :where(html[data-theme="sombre"]) .pr .at-vide { color: #b9bdd3; } @media (max-width: 760px) { :where(html[data-theme="sombre"]) .pr { border-radius: 0; } } :where(html[data-theme="sombre"]) .avec-photo { background-color: #3b3a5c; background-size: cover; background-position: center; color: transparent; } :where(html[data-theme="sombre"]) .compte-pastille.avec-photo { box-shadow: 0 0 0 2px var(--encre); } :where(html[data-theme="sombre"]) .pv-avatar-choix { border: 0; color: #fff; } :where(html[data-theme="sombre"]) .pv-avatar-choix.avec-photo { box-shadow: 0 0 0 3px var(--jaune); } :where(html[data-theme="sombre"]) .pv-avatar-choix:focus-visible { outline: 3px solid var(--jaune); } :where(html[data-theme="sombre"]) .pv-avatar-crayon { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-radius: 50%; background: var(--jaune); color: var(--encre); box-shadow: 0 0 0 3px var(--encre); } :where(html[data-theme="sombre"]) .pv-avatar-petit { color: #fff; } :where(html[data-theme="sombre"]) .pv-avatar-petit.avec-photo { color: transparent; } :where(html[data-theme="sombre"]) .pv-photo { border-radius: 6px; background: var(--panneau); box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .pv-photo-tete span { color: var(--gris); } :where(html[data-theme="sombre"]) .pv-photo-item { border: 0; border-radius: 50%; background: #3b3a5c center / cover; box-shadow: 0 0 0 2px transparent; } :where(html[data-theme="sombre"]) .pv-photo-item.actif { box-shadow: 0 0 0 3px var(--jaune), 0 0 0 5px var(--encre); } :where(html[data-theme="sombre"]) .pv-photo-item:focus-visible { outline: 3px solid var(--bleu); } :where(html[data-theme="sombre"]) .dq-modes { border-radius: 999px; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.29); } :where(html[data-theme="sombre"]) .dq-modes button { border: 0; border-radius: 999px; background: transparent; color: var(--encre); } :where(html[data-theme="sombre"]) .dq-modes button[aria-pressed="true"] { background: var(--nuit); color: #fff; } :where(html[data-theme="sombre"]) .dq-modes button:focus-visible { outline: 3px solid var(--bleu); } :where(html[data-theme="sombre"]) .dq-id input { border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 6px; background: var(--panneau); color: var(--encre); } :where(html[data-theme="sombre"]) .dq-id input:focus { outline: none; border-color: var(--encre); } :where(html[data-theme="sombre"]) .dq-idv-infos .sous { color: var(--gris); } :where(html[data-theme="sombre"]) .ov-galette { border-radius: 50%; background: radial-gradient(circle, #0b0b0b 0 3.5%, var(--lbl) 4% 22%, #0b0b0b 22.5% 23.5%, transparent 24%), repeating-radial-gradient(circle, #161616 0 1.5px, #222 1.5px 3px); box-shadow: 0 12px 28px rgba(0,0,0,.55), inset 0 0 0 3px #080808; } :where(html[data-theme="sombre"]) .ov-galette::after { border-radius: 50%; background: conic-gradient(from 20deg, transparent 0 16%, rgba(255,255,255,.16) 21%, transparent 27% 66%, rgba(255,255,255,.11) 71%, transparent 77%); } :where(html[data-theme="sombre"]) .ov-rond { color: var(--encre); } :where(html[data-theme="sombre"]) .ov-paquet.gold .ov-galette { box-shadow: 0 0 46px rgba(255,213,74,.85), inset 0 0 0 3px #7a5200; } :where(html[data-theme="sombre"]) .ov-pochette { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-radius: 6px; background: var(--jaune); color: var(--encre); box-shadow: 0 20px 44px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.3); } :where(html[data-theme="sombre"]) .ov-pochette::before { border-radius: 0 0 8px 8px; background: rgba(5, 4, 12, 0.5); } :where(html[data-theme="sombre"]) .ov-bande { background: var(--rose); } :where(html[data-theme="sombre"]) .ov-titre { color: #fff; text-shadow: 0 3px 0 rgba(0, 0, 0, 0.56); } :where(html[data-theme="sombre"]) .ov-paquet.theme .ov-pochette { background: linear-gradient(135deg, #ff9ad5, #9ae8ff 55%, #fff3a0); } :where(html[data-theme="sombre"]) .ov-paquet.theme .ov-bande { background: var(--nuit); } :where(html[data-theme="sombre"]) .ov-paquet.gold .ov-pochette { background: linear-gradient(135deg, #fff3b0, #e0a400 35%, #fff7cf 50%, #b47a00 70%, #ffe27a); } :where(html[data-theme="sombre"]) .ov-carte { border-radius: calc(18px * var(--zoom)); } :where(html[data-theme="sombre"]) .ov-carte:focus-visible { outline: 3px solid #fff; } :where(html[data-theme="sombre"]) .ov-carte .face.dos { border-radius: calc(18px * var(--zoom) + 4px); border-width: 2px; } :where(html[data-theme="sombre"]) .ov-souhait { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-radius: 999px; background: var(--jaune); color: var(--encre); box-shadow: 0 4px 12px rgba(0,0,0,.35); } :where(html[data-theme="sombre"]) .ov-carte.meilleure::after { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-radius: 12px; background: var(--jaune); color: var(--encre); } :where(html[data-theme="sombre"]) .ov-paquet:focus { outline: none; } :where(html[data-theme="sombre"]) .notif-cloche { border-radius: 50%; border: 2px solid var(--encre); background: var(--surface); color: var(--encre); } :where(html[data-theme="sombre"]) .notif-cloche:hover, :where(html[data-theme="sombre"]) .notif-cloche[aria-expanded="true"] { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: #17152b; } :where(html[data-theme="sombre"]) .notif-badge { border-radius: 10px; background: var(--rose); color: #fff; border: 2px solid #fff; } :where(html[data-theme="sombre"]) .notif-panneau { background: var(--surface); border: 2px solid var(--encre); border-radius: 8px; box-shadow: 6px 6px 0 var(--encre); } :where(html[data-theme="sombre"]) .notif-tete { border-bottom: 1px solid #e6e2d8; background: var(--surface); } :where(html[data-theme="sombre"]) .notif-btn { background: none; border: 0; color: inherit; } :where(html[data-theme="sombre"]) .notif-btn:hover { background: var(--surface); } :where(html[data-theme="sombre"]) .notif.non-lue .notif-btn { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #fff8d9; color: #17152b; } :where(html[data-theme="sombre"]) .notif.non-lue .notif-btn:hover { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #fff1b8; color: #17152b; } :where(html[data-theme="sombre"]) .notif-ic { border-radius: 50%; background: var(--creme, #f3efe4); } :where(html[data-theme="sombre"]) .notif-txt small { color: var(--gris); } :where(html[data-theme="sombre"]) .notif-vide, :where(html[data-theme="sombre"]) .notif-liste .np-aide { color: var(--gris); } :where(html[data-theme="sombre"]) .am-recues { border-color: var(--rose); } :where(html[data-theme="sombre"]) .am-h3 { color: var(--gris); } :where(html[data-theme="sombre"]) .am-personne-txt span { color: var(--gris); } :where(html[data-theme="sombre"]) .pr-hasard-ligne .btn-fantome { color: #fff; border-color: rgba(255,255,255,.45); background: transparent; } :where(html[data-theme="sombre"]) .pr-hasard-ligne .btn-fantome:hover:not(:disabled) { background: rgba(255,255,255,.1); } :where(html[data-theme="sombre"]) .pr-hasard-ligne .lien { color: rgba(255,255,255,.75); } :where(html[data-theme="sombre"]) .sous-onglets { background: rgba(255, 255, 255, 0.048); border-radius: 999px; } :where(html[data-theme="sombre"]) .sous-onglet { border: 0; background: transparent; color: var(--encre); border-radius: 999px; } :where(html[data-theme="sombre"]) .sous-onglet:hover { background: rgba(255, 255, 255, 0.064); } :where(html[data-theme="sombre"]) .sous-onglet.actif { background: var(--nuit); color: var(--jaune); } :where(html[data-theme="sombre"]) .sous-onglet:focus-visible { outline: 2px solid var(--encre); } :where(html[data-theme="sombre"]) .info > summary { border-radius: 50%; border: 1.5px solid currentColor; } :where(html[data-theme="sombre"]) .info > summary:focus-visible { outline: 2px solid currentColor; } :where(html[data-theme="sombre"]) .info-corps { border-radius: 10px; background: var(--surface); color: var(--encre); border: 2px solid var(--encre); box-shadow: 5px 5px 0 var(--encre); } :where(html[data-theme="sombre"]) .info-note { color: var(--gris); } :where(html[data-theme="sombre"]) .info-corps .cpt-chances { border: 0; } :where(html[data-theme="sombre"]) .info-corps .cpt-chances-sous { color: var(--gris); } :where(html[data-theme="sombre"]) .cpt-drop { color: rgba(255,255,255,.7); } :where(html[data-theme="sombre"]) .cpt-drop .info-corps { color: var(--encre); } :where(html[data-theme="sombre"]) #pr-tri { border-radius: 4px; border: 1px solid rgba(255,255,255,.25); background: #24213f; color: #fff; } :where(html[data-theme="sombre"]) .pr-garder { color: rgba(255,255,255,.8); } :where(html[data-theme="sombre"]) .pr-carte.demandee small { color: #ffd84d; } :where(html[data-theme="sombre"]) .fiche-partager { border-radius: 50%; border: 2px solid var(--encre); background: transparent; } :where(html[data-theme="sombre"]) .fiche-partager:hover { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: #17152b; } :where(html[data-theme="sombre"]) .fiche-puce { border-radius: 999px; background: rgba(255, 255, 255, 0.056); } :where(html[data-theme="sombre"]) .fiche-puce.r2 { background: #2f7fd6; color: #fff; } :where(html[data-theme="sombre"]) .fiche-puce.r3 { background: #7a3fd0; color: #fff; } :where(html[data-theme="sombre"]) .fiche-puce.r4 { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #c8921a; color: var(--encre); } :where(html[data-theme="sombre"]) .fiche-puce.wl { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #fff1a8; color: #17152b; } :where(html[data-theme="sombre"]) .fiche-puce.cadre { background: var(--nuit); color: var(--jaune); } :where(html[data-theme="sombre"]) .fiche-puce.vente { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: #17152b; } :where(html[data-theme="sombre"]) .fiche-details .fiche-liste li:first-child { border-top: 0; } :where(html[data-theme="sombre"]) .fiche-tuile { border: 2px solid transparent; border-radius: 10px; background: var(--surface); color: var(--encre); } :where(html[data-theme="sombre"]) .fiche-tuile:hover:not(:disabled) { border-color: var(--encre); } :where(html[data-theme="sombre"]) .fiche-tuile.active { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-color: var(--encre); background: var(--jaune); color: #17152b; } :where(html[data-theme="sombre"]) .fiche-tuile small { color: var(--gris); } :where(html[data-theme="sombre"]) .fiche-panneau { border-radius: 10px; background: var(--surface); border: 2px solid var(--encre); } :where(html[data-theme="sombre"]) .fiche-cadre-choix { border-radius: 999px; border: 2px solid rgba(255, 255, 255, 0.16); background: transparent; } :where(html[data-theme="sombre"]) .fiche-cadre-choix.actif { border-color: var(--encre); background: var(--nuit); color: var(--jaune); } :where(html[data-theme="sombre"]) .fiche-recompense { border-radius: 10px; border: 2px solid var(--encre); background: transparent; } :where(html[data-theme="sombre"]) .fiche-recompense small { color: var(--gris); } :where(html[data-theme="sombre"]) .fiche-recompense:hover:not(:disabled) { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: #17152b; } :where(html[data-theme="sombre"]) .fiche-panneau .a-confirmer, :where(html[data-theme="sombre"]) .fiche-panneau .a-confirmer:hover { background: #e8364f !important; border-color: #e8364f !important; color: #fff !important; } :where(html[data-theme="sombre"]) .fiche-recompense.a-confirmer small { color: #fff; } :where(html[data-theme="sombre"]) .partage-fond { background: rgba(5, 4, 12, 0.65); } :where(html[data-theme="sombre"]) .partage-boite { border-radius: 10px; background: var(--surface); color: var(--encre); border: 2px solid var(--encre); box-shadow: 6px 6px 0 var(--encre); } :where(html[data-theme="sombre"]) .partage-x { border: 0; border-radius: 50%; background: transparent; } :where(html[data-theme="sombre"]) .partage-lien { border: 2px solid var(--encre); border-radius: 4px; background: var(--surface); } :where(html[data-theme="sombre"]) .pk-choix { background: rgba(10,9,20,.6); } :where(html[data-theme="sombre"]) .pk-choix-boite { border-radius: 12px; background: var(--surface); color: var(--encre); box-shadow: 0 20px 60px rgba(0,0,0,.45); } :where(html[data-theme="sombre"]) .pk-choix-aide { color: var(--gris); } :where(html[data-theme="sombre"]) .pk-choix-x { border: 0; border-radius: 50%; background: var(--surface); } :where(html[data-theme="sombre"]) .pk-genre { border: 2px solid var(--encre); border-radius: 10px; background: var(--surface); color: var(--encre); } :where(html[data-theme="sombre"]) .pk-genre:hover, :where(html[data-theme="sombre"]) .pk-genre:focus-visible { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #ff9ad5; color: #17152b; } :where(html[data-theme="sombre"]) .pk-genre.dernier { background: var(--surface); } :where(html[data-theme="sombre"]) .pk-album { border: 2px solid var(--encre); border-radius: 10px; background: var(--surface); color: var(--encre); } :where(html[data-theme="sombre"]) .pk-album:hover, :where(html[data-theme="sombre"]) .pk-album:focus-visible { background: var(--surface); } :where(html[data-theme="sombre"]) .pk-album-pochette { border-radius: 6px; background: linear-gradient(135deg, #9ae8ff, #b9a3ff); } :where(html[data-theme="sombre"]) .pk-album-txt span { color: var(--gris); } :where(html[data-theme="sombre"]) .pk-album-prog { border-radius: 999px; background: var(--surface); } :where(html[data-theme="sombre"]) .pk-album-recherche { border: 2px solid var(--encre); border-radius: 10px; background: var(--surface); color: var(--encre); box-shadow: 0 6px 10px -6px rgba(0,0,0,.25); } :where(html[data-theme="sombre"]) .pk-album.dernier { background: var(--surface); } :where(html[data-theme="sombre"]) .pk-album-prog.complet { background: var(--surface); color: #17603a; } :where(html[data-theme="sombre"]) .pk-album-plus { color: var(--gris); } @media (max-width: 700px) { :where(html[data-theme="sombre"]) .pk-choix-boite { border-radius: 18px 18px 0 0; } } :where(html[data-theme="sombre"]) .pr-mode { border-radius: 8px; background: rgba(255,221,51,.12); border: 1px solid rgba(255,221,51,.5); color: #f3f0dc; } :where(html[data-theme="sombre"]) .pr-mode b { color: var(--jaune); } :where(html[data-theme="sombre"]) .pr-suite { color: var(--jaune); } :where(html[data-theme="sombre"]) .ob { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-radius: 10px; background: var(--jaune); color: var(--encre); box-shadow: 5px 5px 0 var(--encre); } :where(html[data-theme="sombre"]) .ob-etape { border-radius: 8px; background: rgba(255,255,255,.65); } :where(html[data-theme="sombre"]) .ob-etape.faite { background: rgba(255,255,255,.3); } :where(html[data-theme="sombre"]) .ob-num { border-radius: 50%; background: var(--nuit); color: var(--jaune); } :where(html[data-theme="sombre"]) .ob-etape.faite .ob-num { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #2fae62; color: #fff; } :where(html[data-theme="sombre"]) .ob-txt span { color: var(--gris); } :where(html[data-theme="sombre"]) .ob-etape .btn-fantome { background: var(--surface); } :where(html[data-theme="sombre"]) .ob-fin .btn { background: var(--nuit); color: var(--jaune); } :where(html[data-theme="sombre"]) .push-propose { border-radius: 10px; background: var(--surface); border: 2px solid var(--encre); } :where(html[data-theme="sombre"]) .pk-objectif { border-radius: 8px; border: 1px solid rgba(255,221,51,.5); background: rgba(255,221,51,.1); color: #fff; } :where(html[data-theme="sombre"]) .pk-objectif:hover:not(:disabled) { background: rgba(255,221,51,.2); } :where(html[data-theme="sombre"]) .pk-objectif-sur { color: var(--jaune); } :where(html[data-theme="sombre"]) .pv-notifs { border-radius: 8px; background: var(--panneau, #eef1f5); } :where(html[data-theme="sombre"]) .fb-boite textarea { border: 2px solid var(--encre); border-radius: 6px; } :where(html[data-theme="sombre"]) .fb-types label { border: 2px solid var(--encre); border-radius: 999px; } :where(html[data-theme="sombre"]) .fb-types label:has(input:checked) { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: #17152b; } :where(html[data-theme="sombre"]) .bt-jour small { color: var(--gris); } :where(html[data-theme="sombre"]) .bt-barre { border-radius: 3px 3px 0 0; background: var(--nuit); } :where(html[data-theme="sombre"]) .bt-jour:last-child .bt-barre { background: var(--rose); } :where(html[data-theme="sombre"]) .bt-partie-barre { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-radius: 5px; background: var(--jaune); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.32); color: #17152b; } :where(html[data-theme="sombre"]) .bt-retour { border-radius: 8px; background: var(--surface); border-left: 4px solid var(--rose); } :where(html[data-theme="sombre"]) .bt-retour.fait { border-left-color: #2fae62; } :where(html[data-theme="sombre"]) .bt-retour-tete small { color: var(--gris); } :where(html[data-theme="sombre"]) .bt-retour-app { color: var(--gris); } :where(html[data-theme="sombre"]) .ecoute-titre { color: var(--gris); } :where(html[data-theme="sombre"]) .ecoute-btn { border-radius: 8px; background: var(--surface); border: 1px solid rgba(255, 255, 255, 0.144); color: var(--encre); } :where(html[data-theme="sombre"]) .ecoute-btn:hover { border-color: rgba(255, 255, 255, 0.36); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.19); } :where(html[data-theme="sombre"]) .ecoute-btn:focus-visible { outline: 3px solid var(--encre); } :where(html[data-theme="sombre"]) .ecoute-btn { border-radius: 12px; } :where(html[data-theme="sombre"]) .bq-niveau.r-COMMUN { background: #5d6273; color: #fff; } :where(html[data-theme="sombre"]) .bq-niveau.r-PEU_COMMUN { background: #2f9e6a; color: #fff; } :where(html[data-theme="sombre"]) .bq-niveau.r-RARE { background: #2f7fd6; color: #fff; } :where(html[data-theme="sombre"]) .bq-niveau.r-EPIQUE { background: #7a3fd0; color: #fff; } :where(html[data-theme="sombre"]) .bq-niveau.r-LEGENDAIRE { background: linear-gradient(135deg, #ffe58a, #c8921a); color: var(--encre); } :where(html[data-theme="sombre"]) .bq-niveau.r-MYTHIQUE { background: linear-gradient(135deg, #ff7a00, #b2187a 55%, #3a0a5a); color: #fff; box-shadow: 0 0 12px rgba(255,122,0,.55); } :where(html[data-theme="sombre"]) .bq-chances li span::before { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-radius: 50%; background: #8a8fa3; color: #17152b; } :where(html[data-theme="sombre"]) .bq-chances li.r-PEU_COMMUN span::before { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #3fd08a; color: #17152b; } :where(html[data-theme="sombre"]) .bq-chances li.r-RARE span::before { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #4fa0ff; color: #17152b; } :where(html[data-theme="sombre"]) .bq-chances li.r-EPIQUE span::before { background: #a970ff; } :where(html[data-theme="sombre"]) .bq-chances li.r-LEGENDAIRE span::before { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #ffd24a; color: #17152b; } :where(html[data-theme="sombre"]) .bq-chances li.r-MYTHIQUE span::before { background: linear-gradient(135deg, #ff7a00, #b2187a); box-shadow: 0 0 6px #ff7a00; } :where(html[data-theme="sombre"]) .bq-chances li.r-MYTHIQUE b { color: #ffb070; } :where(html[data-theme="sombre"]) .fiche-cadre-choix.r-MYTHIQUE, :where(html[data-theme="sombre"]) .puce.r-MYTHIQUE { border-color: #ff7a00; } :where(html[data-theme="sombre"]) .fiche-cadre-choix.r-LEGENDAIRE, :where(html[data-theme="sombre"]) .puce.r-LEGENDAIRE { border-color: #c8921a; } :where(html[data-theme="sombre"]) .cx-barre { border-radius: 999px; background: rgba(255, 255, 255, 0.096); } :where(html[data-theme="sombre"]) .cx-barre span { border-radius: inherit; background: linear-gradient(90deg, var(--jaune), #ff7a00); } :where(html[data-theme="sombre"]) .cx-palier-compte { color: var(--gris); } :where(html[data-theme="sombre"]) .cx-palier.r-MYTHIQUE .cx-palier-tete h2 { background: linear-gradient(90deg, #ff7a00, #b2187a); background-clip: text; color: transparent; } :where(html[data-theme="sombre"]) .cx-desc { color: var(--gris); } :where(html[data-theme="sombre"]) .cx-tuile.possede .cx-etat { color: #1f8a5a; } :where(html[data-theme="sombre"]) .cx-tuile.manque .cx-etat { color: var(--gris); } :where(html[data-theme="sombre"]) .cx-cadenas { border-radius: 50%; background: rgba(5, 4, 12, 0.9); box-shadow: 0 4px 14px rgba(0,0,0,.35); } :where(html[data-theme="sombre"]) .ca-pastille { border-radius: 999px; background: rgba(255, 255, 255, 0.056); } :where(html[data-theme="sombre"]) .ca-pastille.r-LEGENDARY { background: linear-gradient(135deg, #ffe58a, #e0a82a); } :where(html[data-theme="sombre"]) .ca-pastille.r-EPIC { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #e6d8ff; color: #17152b; } :where(html[data-theme="sombre"]) .ca-pastille.r-RARE { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #d6e8ff; color: #17152b; } :where(html[data-theme="sombre"]) .ca-outils input, :where(html[data-theme="sombre"]) .ca-outils select { border: 2px solid var(--encre); border-radius: 4px; background: var(--surface); } :where(html[data-theme="sombre"]) .pr-carte.encadree { box-shadow: inset 0 0 0 2px #e2b84a; } :where(html[data-theme="sombre"]) .pv-discord .dc-code { border: 2px solid var(--encre); border-radius: 4px; } :where(html[data-theme="sombre"]) .guide-btn { border-radius: 50%; border: 0; background: transparent; box-shadow: inset 0 0 0 2px var(--encre); } :where(html[data-theme="sombre"]) .guide-btn:hover { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: #17152b; } :where(html[data-theme="sombre"]) .guide-sous { color: var(--gris); } :where(html[data-theme="sombre"]) .guide-etapes li { border-radius: 8px; background: rgba(255, 255, 255, 0.04); } :where(html[data-theme="sombre"]) .guide-etapes span:not(.guide-ic) { color: var(--gris); } :where(html[data-theme="sombre"]) .guide-rarete { color: var(--gris); } :where(html[data-theme="sombre"]) .guide-rarete .pt { border-radius: 2px; } :where(html[data-theme="sombre"]) .but { border-radius: 10px; background: var(--panneau); box-shadow: inset 0 0 0 2px var(--encre), 4px 4px 0 var(--encre); } :where(html[data-theme="sombre"]) .info-garanties { border: 0; } :where(html[data-theme="sombre"]) .auth-pitch { background: var(--nuit); color: #fff; box-shadow: 4px 6px 0 rgba(0, 0, 0, 0.48); } :where(html[data-theme="sombre"]) .auth-marque { color: var(--jaune); } :where(html[data-theme="sombre"]) .auth-pitch-sous { color: rgba(255,255,255,.8); } :where(html[data-theme="sombre"]) .auth-points li { color: rgba(255,255,255,.85); } :where(html[data-theme="sombre"]) .auth-points li::before { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-radius: 50%; background: var(--jaune); color: var(--encre); } :where(html[data-theme="sombre"]) .auth-points b { color: #fff; } :where(html[data-theme="sombre"]) .cpt::before { border-radius: inherit; background: repeating-radial-gradient(circle at calc(100% + 50px) 10px, rgba(255,255,255,.045) 0 1px, transparent 1px 7px); } :where(html[data-theme="sombre"]) .pied-legal { border-top: 1px solid var(--trait); color: var(--gris); } :where(html[data-theme="sombre"]) .pied-legal a { color: inherit; } :where(html[data-theme="sombre"]) .auth-cgu { color: var(--encre) !important; } :where(html[data-theme="sombre"]) .auth-cgu input { accent-color: var(--encre); } :where(html[data-theme="sombre"]) .auth-cgu a { color: inherit; } :where(html[data-theme="sombre"]) .auth-legal { color: var(--gris); } :where(html[data-theme="sombre"]) .auth-legal a { color: inherit; } :where(html[data-theme="sombre"]) .pv-soutien-cgv a { color: inherit; } :where(html[data-theme="sombre"]) .dsq-perso-btn { border: 0; background: none; border-radius: 50%; } :where(html[data-theme="sombre"]) .dsq-bulle { border-radius: 12px; background: var(--surface); color: var(--encre); box-shadow: 3px 3px 0 var(--encre), inset 0 0 0 2px var(--encre); } :where(html[data-theme="sombre"]) .dsq-bulle::after { border: 7px solid transparent; border-left: 9px solid var(--encre); border-right: 0; } @media (max-width: 720px) { :where(html[data-theme="sombre"]) .dsq-bulle::after { border-left: 0; border-right: 9px solid var(--encre); } } :where(html[data-theme="sombre"]) .fiche-favori { border-radius: 50%; border: 2px solid var(--encre); background: transparent; color: inherit; } :where(html[data-theme="sombre"]) .fiche-favori:hover { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: var(--encre); } :where(html[data-theme="sombre"]) .fiche-favori.on { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); border-color: var(--encre); color: var(--encre); } :where(html[data-theme="sombre"]) .fiche-cadres-groupe { color: var(--gris); } :where(html[data-theme="sombre"]) .fiche-cadre-choix.manque { border-style: dashed; } :where(html[data-theme="sombre"]) .sel-barre { border-radius: 12px; background: var(--nuit); color: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.35); } :where(html[data-theme="sombre"]) .sel-barre-txt b { color: var(--jaune); } :where(html[data-theme="sombre"]) .sel-barre-txt span { color: #c9cce0; } :where(html[data-theme="sombre"]) .sel-barre .lien { color: #fff; } :where(html[data-theme="sombre"]) .sel-barre .btn { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: var(--encre); } :where(html[data-theme="sombre"]) .sel-barre .btn-fantome { color: #fff; box-shadow: inset 0 0 0 2px #fff; } :where(html[data-theme="sombre"]) .sel-ignorees { color: #ffd1e4; } :where(html[data-theme="sombre"]) .rr-titre { color: var(--gris); } :where(html[data-theme="sombre"]) .rr-pastille { border-radius: 999px; border: 0; background: transparent; box-shadow: inset 0 0 0 2px var(--trait); color: inherit; } :where(html[data-theme="sombre"]) .rr-pastille:hover { box-shadow: inset 0 0 0 2px var(--encre); } :where(html[data-theme="sombre"]) .rr-points i { border-radius: 50%; box-shadow: inset 0 0 0 1.5px currentColor; } :where(html[data-theme="sombre"]) .rr-points i.plein { background: currentColor; } :where(html[data-theme="sombre"]) .rr-pastille[class*=" r"] .rr-points { color: var(--rr); } :where(html[data-theme="sombre"]) .rr-pastille.on { background: var(--nuit); color: var(--argent); box-shadow: none; } :where(html[data-theme="sombre"]) .rr-pastille.on[class*=" r"] { background: var(--rr); color: #fff; } :where(html[data-theme="sombre"]) .rr-pastille.on[class*=" r"] .rr-points { color: #fff; } :where(html[data-theme="sombre"]) .cp-danger { color: #c62f47; } :where(html[data-theme="sombre"]) .cp-rouge { background: #c62f47; color: #fff; box-shadow: none; } :where(html[data-theme="sombre"]) .cp-rouge:hover:not(:disabled) { background: #a8243a; } :where(html[data-theme="sombre"]) .cp-champ input { border: 2px solid var(--encre); border-radius: 8px; background: var(--surface); color: var(--encre); } :where(html[data-theme="sombre"]) .pv-resilier-confirm { border-radius: 8px; background: var(--surface); box-shadow: inset 0 0 0 2px #c62f47; color: var(--encre); } :where(html[data-theme="sombre"]) .ech-regle { border-radius: 6px; background: var(--panneau); box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .ech-offre { box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .ech-pastille { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-radius: 999px; background: var(--jaune); color: var(--encre); } :where(html[data-theme="sombre"]) .ech-statut { border-radius: 999px; background: var(--surface); color: var(--gris); } :where(html[data-theme="sombre"]) .ech-statut.s-pending { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #fff3c4; color: #6b5200; } :where(html[data-theme="sombre"]) .ech-statut.s-accepted { background: var(--surface); color: #17603a; } :where(html[data-theme="sombre"]) .ech-statut.s-failed, :where(html[data-theme="sombre"]) .ech-statut.s-declined { background: var(--surface); color: #9a1f33; } :where(html[data-theme="sombre"]) .ech-offre-col small { color: var(--gris); } :where(html[data-theme="sombre"]) .ech-fleche { color: var(--gris); } :where(html[data-theme="sombre"]) .ech-raison { color: #9a1f33; } :where(html[data-theme="sombre"]) .ech-tuile { border: 0; border-radius: 6px; background: var(--surface); color: var(--encre); box-shadow: inset 0 0 0 1px var(--trait), inset 4px 0 0 #8a8fa3; } :where(html[data-theme="sombre"]) .ech-tuile.r-rare { box-shadow: inset 0 0 0 1px var(--trait), inset 4px 0 0 #2f7fd6; } :where(html[data-theme="sombre"]) .ech-tuile.r-epic { box-shadow: inset 0 0 0 1px var(--trait), inset 4px 0 0 #7a3fd0; } :where(html[data-theme="sombre"]) .ech-tuile.r-legendary { box-shadow: inset 0 0 0 1px var(--trait), inset 4px 0 0 #c8921a; } :where(html[data-theme="sombre"]) .ech-tuile.choisie { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); box-shadow: inset 0 0 0 3px var(--encre); background: #fff8d6; color: #17152b; } :where(html[data-theme="sombre"]) .ech-tuile.choisie::after { border-radius: 50%; background: var(--nuit); color: var(--jaune); } :where(html[data-theme="sombre"]) .ech-pochette { border-radius: 4px; background: linear-gradient(135deg, #9ae8ff, #b9a3ff); } :where(html[data-theme="sombre"]) .ech-txt > span { color: var(--gris); } :where(html[data-theme="sombre"]) .ech-bas { color: var(--gris); } :where(html[data-theme="sombre"]) .r-rare .ech-rarete { color: #2f7fd6; } :where(html[data-theme="sombre"]) .r-epic .ech-rarete { color: #7a3fd0; } :where(html[data-theme="sombre"]) .r-legendary .ech-rarete { color: #b07d10; } :where(html[data-theme="sombre"]) .ech-badge { border-radius: 999px; background: var(--surface); color: var(--gris); } :where(html[data-theme="sombre"]) .ech-badge.wl { background: var(--surface); color: #a01d68; } :where(html[data-theme="sombre"]) .ech-badge.manque { background: var(--surface); color: #11607a; } :where(html[data-theme="sombre"]) .ech-badge.fav { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #fff3c4; color: #6b5200; } :where(html[data-theme="sombre"]) .ech-outils input { border: 2px solid var(--trait); border-radius: 6px; background: var(--surface); color: var(--encre); } :where(html[data-theme="sombre"]) .ech-puces .puce[aria-pressed="true"] { background: var(--nuit); color: var(--jaune); box-shadow: none; } :where(html[data-theme="sombre"]) .ech-recap { border-radius: 8px; background: var(--panneau); box-shadow: 0 -8px 20px rgba(0,0,0,.12), inset 0 0 0 2px var(--encre); } :where(html[data-theme="sombre"]) .ech-recap-col small { color: var(--gris); } :where(html[data-theme="sombre"]) .ech-mini-carte { border: 0; border-radius: 999px; background: var(--surface); color: var(--encre); box-shadow: inset 0 0 0 1px var(--trait), inset 3px 0 0 #8a8fa3; } :where(html[data-theme="sombre"]) .ech-mini-carte::after { color: var(--gris); } :where(html[data-theme="sombre"]) .ech-mini-carte.r-rare { box-shadow: inset 0 0 0 1px var(--trait), inset 3px 0 0 #2f7fd6; } :where(html[data-theme="sombre"]) .ech-mini-carte.r-epic { box-shadow: inset 0 0 0 1px var(--trait), inset 3px 0 0 #7a3fd0; } :where(html[data-theme="sombre"]) .ech-mini-carte.r-legendary { box-shadow: inset 0 0 0 1px var(--trait), inset 3px 0 0 #c8921a; } :where(html[data-theme="sombre"]) .ech-balance-barre { border-radius: 5px; background: var(--surface); } :where(html[data-theme="sombre"]) .ech-balance-barre i.donne { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #ff6b8b; color: #17152b; } :where(html[data-theme="sombre"]) .ech-balance-barre i.recoit { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #2fae62; color: #17152b; } :where(html[data-theme="sombre"]) .ech-alerte { color: #9a1f33; } :where(html[data-theme="sombre"]) .dq-recompense .dq-wl-artiste { color: #fff; } :where(html[data-theme="sombre"]) .am-panneau.ech-modale { border-radius: 0; background: var(--argent, #d7dbe3); box-shadow: none; outline: none; } :where(html[data-theme="sombre"]) .am-panneau.ech-modale > .am-panneau-tete { background: var(--argent, #d7dbe3); box-shadow: 0 1px 0 var(--trait); } :where(html[data-theme="sombre"]) .am-panneau.ech-modale .ech-recap { border-radius: 10px 10px 0 0; } :where(html[data-theme="sombre"]) .bq-jeton { border-radius: 8px; background: var(--nuit); color: #fff; box-shadow: 6px 6px 0 var(--jaune); } :where(html[data-theme="sombre"]) .bq-jeton h2 { color: var(--jaune); } :where(html[data-theme="sombre"]) .bq-jeton p { color: #d4d7e6; } :where(html[data-theme="sombre"]) .bq-jeton p b { color: #fff; } :where(html[data-theme="sombre"]) .bq-jeton .petit-titre { color: #b9bdd6; } :where(html[data-theme="sombre"]) .bq-jeton-visuel { border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff6c8, #ffd84a 40%, #c8921a 75%, #8a5a00); box-shadow: inset 0 0 0 6px rgba(255,255,255,.35), inset 0 0 0 10px rgba(138,90,0,.5), 0 8px 18px rgba(0,0,0,.4); } :where(html[data-theme="sombre"]) .bq-jeton-visuel span { color: var(--gris); text-shadow: 0 1px 0 rgba(255,255,255,.5); } :where(html[data-theme="sombre"]) .bq-jeton-actions .lien { color: #fff; } :where(html[data-theme="sombre"]) .onglet-marche .ic { color: inherit; } :where(html[data-theme="sombre"]) .pr-jeton { border-radius: 6px; border: 1px dashed rgba(255, 216, 74, .55); background: rgba(255, 216, 74, .08); color: #e6e8f2; } :where(html[data-theme="sombre"]) .pr-jeton input { accent-color: var(--jaune); } :where(html[data-theme="sombre"]) .pr-jeton b { color: var(--jaune); } :where(html[data-theme="sombre"]) .pr-jeton small { color: #b9bdd6; } :where(html[data-theme="sombre"]) .pr-jeton .lien { color: #fff; } :where(html[data-theme="sombre"]) .lv-meme input { border: 2px solid var(--encre); border-radius: 4px; background: var(--surface); color: var(--encre); } :where(html[data-theme="sombre"]) .lv-ligne { border-top: 1px solid var(--trait); } :where(html[data-theme="sombre"]) .lv-txt span { color: var(--gris); } :where(html[data-theme="sombre"]) .lv-prix input { border: 2px solid var(--encre); border-radius: 4px; background: var(--surface); color: var(--encre); } :where(html[data-theme="sombre"]) .lv-prix input.faux { border-color: #c0123f; background: var(--surface); } :where(html[data-theme="sombre"]) .lv-prix small { color: var(--gris); } :where(html[data-theme="sombre"]) .lv-raison { color: var(--gris); } :where(html[data-theme="sombre"]) .lv-total { border-top: 2px solid var(--encre); } :where(html[data-theme="sombre"]) .lv-actions { background: inherit; } :where(html[data-theme="sombre"]) .pv-place.pleine .pv-carte:focus-visible { outline: 3px solid var(--jaune); border-radius: 12px; } :where(html[data-theme="sombre"]) .pv-place.pv-cible .pv-vide, :where(html[data-theme="sombre"]) .pv-place.pv-cible .pv-carte { outline: 3px dashed var(--jaune); border-radius: 12px; } :where(html[data-theme="sombre"]) .pv-outil { border: 0; border-radius: 999px; background: rgba(255,255,255,.16); color: #fff; } :where(html[data-theme="sombre"]) .pv-outil:hover, :where(html[data-theme="sombre"]) .pv-outil:focus-visible { background: rgba(255,255,255,.3); } :where(html[data-theme="sombre"]) .pv-choix-q { border: 2px solid var(--encre); border-radius: 6px; background: var(--surface); color: var(--encre); } :where(html[data-theme="sombre"]) .pv-vignette { border: 0; border-radius: 8px; background: var(--surface); color: var(--encre); box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .pv-vignette:hover:not(:disabled), :where(html[data-theme="sombre"]) .pv-vignette:focus-visible { box-shadow: inset 0 0 0 2px var(--encre); } :where(html[data-theme="sombre"]) .pv-vignette.r4 { box-shadow: inset 0 0 0 2px #c8921a; } :where(html[data-theme="sombre"]) .pv-vignette.r3 { box-shadow: inset 0 0 0 2px #7a3fd0; } :where(html[data-theme="sombre"]) .pv-vignette-img { border-radius: 4px; background: #2a2750; } :where(html[data-theme="sombre"]) .pv-vignette-txt > span { color: var(--gris); } :where(html[data-theme="sombre"]) .fiche-inde { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border: 0; border-radius: 999px; background: #18c29c; color: var(--gris); } :where(html[data-theme="sombre"]) .fiche-inde:hover { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #3ad8b3; color: #17152b; } :where(html[data-theme="sombre"]) .ar-vedette { border: 0; border-radius: 10px; background: linear-gradient(90deg, #0f3b33, var(--nuit) 70%); color: #fff; box-shadow: 4px 5px 0 #18c29c; } :where(html[data-theme="sombre"]) .ar-vedette-photo { border-radius: 50%; background: #2a2750; } :where(html[data-theme="sombre"]) .ar-vedette-photo.vide, :where(html[data-theme="sombre"]) .ar-tuile-photo.vide, :where(html[data-theme="sombre"]) .ar-tete-photo.vide { background: radial-gradient(circle, #18c29c 0 18%, #2a2750 19%); } :where(html[data-theme="sombre"]) .ar-vedette-txt small { color: #7ff0d4; } :where(html[data-theme="sombre"]) .ar-vedette-txt span { color: #d4d7e6; } :where(html[data-theme="sombre"]) .ar-tuile { border: 0; border-radius: 10px; background: var(--panneau, #fff); color: var(--encre); box-shadow: inset 0 0 0 1px var(--trait), 3px 4px 0 rgba(0, 0, 0, 0.29); } :where(html[data-theme="sombre"]) .ar-tuile:hover, :where(html[data-theme="sombre"]) .ar-tuile:focus-visible { box-shadow: inset 0 0 0 2px var(--encre), 3px 4px 0 rgba(0, 0, 0, 0.29); } :where(html[data-theme="sombre"]) .ar-tuile.vedette { box-shadow: inset 0 0 0 2px #18c29c, 4px 5px 0 #18c29c; } :where(html[data-theme="sombre"]) .ar-tuile-photo { border-radius: 50%; background: #2a2750; } :where(html[data-theme="sombre"]) .ar-tuile-txt > span { color: var(--gris); } :where(html[data-theme="sombre"]) .ar-pastille { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-radius: 999px; background: #18c29c; color: var(--gris); } :where(html[data-theme="sombre"]) .ar-tete-photo { border-radius: 50%; background: #2a2750; box-shadow: 0 0 0 4px #18c29c; } :where(html[data-theme="sombre"]) .ar-tete-txt h2 { color: #fff; } :where(html[data-theme="sombre"]) .ar-bio { color: #d4d7e6; } :where(html[data-theme="sombre"]) .ar-chiffres b { color: #7ff0d4; } :where(html[data-theme="sombre"]) .ar-chiffres span { color: #b9bdd6; } :where(html[data-theme="sombre"]) .ar-invit-ligne input { border: 2px solid var(--encre); border-radius: 4px; background: var(--surface); color: var(--encre); } :where(html[data-theme="sombre"]) .ar-titre { border-radius: 8px; background: var(--panneau, #fff); box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .ar-titre-img { border-radius: 4px; background: #2a2750; } :where(html[data-theme="sombre"]) .ar-titre-txt span, :where(html[data-theme="sombre"]) .ar-titre-txt small { color: var(--gris); } :where(html[data-theme="sombre"]) .ar-titre-etat { color: var(--gris); } :where(html[data-theme="sombre"]) .ar-titre.possede .ar-titre-etat { color: #0e8f71; } :where(html[data-theme="sombre"]) .ar-form input, :where(html[data-theme="sombre"]) .ar-form textarea { border: 2px solid var(--encre); border-radius: 4px; background: var(--surface); color: var(--encre); } :where(html[data-theme="sombre"]) .ga-form { border-radius: 8px; background: rgba(255, 255, 255, 0.032); box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .ga-champs input, :where(html[data-theme="sombre"]) .ga-champs textarea { border: 2px solid var(--encre); border-radius: 4px; background: var(--surface); color: var(--encre); } :where(html[data-theme="sombre"]) .ga-danger { color: #c0123f; } :where(html[data-theme="sombre"]) .ga-table { border-collapse: collapse; } :where(html[data-theme="sombre"]) .ga-table th { color: var(--gris); border-bottom: 2px solid var(--trait); } :where(html[data-theme="sombre"]) .ga-table td { border-bottom: 1px solid var(--trait); } :where(html[data-theme="sombre"]) .ga-table td small { color: var(--gris); } :where(html[data-theme="sombre"]) .ga-etat { border-radius: 999px; background: rgba(255, 255, 255, 0.064); color: var(--gris); } :where(html[data-theme="sombre"]) .ga-etat.on { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #18c29c; color: var(--gris); } :where(html[data-theme="sombre"]) .ga-etat.pret { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #ffe27a; color: var(--gris); } :where(html[data-theme="sombre"]) .ga-demande { border-radius: 6px; box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .ga-demande span { color: var(--gris); } :where(html[data-theme="sombre"]) .bg-gains span { color: var(--gris); } :where(html[data-theme="sombre"]) .bg-grille { border-radius: 14px; background: var(--nuit); box-shadow: 6px 6px 0 var(--jaune); } :where(html[data-theme="sombre"]) .bg-grille.complete { box-shadow: 6px 6px 0 #2ecc71, 0 0 0 4px var(--jaune); } :where(html[data-theme="sombre"]) .bg-case-btn { border: 2px dashed rgba(255,255,255,.35); border-radius: 10px; background: #26233f; color: #fff; } :where(html[data-theme="sombre"]) .bg-case-btn:hover, :where(html[data-theme="sombre"]) .bg-case-btn:focus-visible { border-color: var(--jaune); outline: none; } :where(html[data-theme="sombre"]) .bg-case.difficile .bg-case-btn { border-color: rgba(255, 216, 74, .7); background: radial-gradient(120% 90% at 50% 0%, #3a3260, #26233f); } :where(html[data-theme="sombre"]) .bg-aide { color: #b9bdd6; } :where(html[data-theme="sombre"]) .bg-etoile { color: var(--jaune); } :where(html[data-theme="sombre"]) .bg-nb { border-radius: 999px; background: rgba(46, 204, 113, .2); color: #9ff0bf; } :where(html[data-theme="sombre"]) .bg-nb.zero { background: rgba(255, 92, 122, .18); color: #ffb3c1; } :where(html[data-theme="sombre"]) .bg-case.pleine .bg-case-btn { border: 2px solid rgba(255,255,255,.5); } :where(html[data-theme="sombre"]) .bg-pochette { background: #2a2750; } :where(html[data-theme="sombre"]) .bg-voile { background: linear-gradient(180deg, rgba(10,9,20,.85) 0%, rgba(10,9,20,.15) 45%, rgba(10,9,20,.88) 100%); } :where(html[data-theme="sombre"]) .bg-case.pleine .bg-crit { color: #e6e8f2; } :where(html[data-theme="sombre"]) .bg-carte-txt span { color: #d4d7e6; } :where(html[data-theme="sombre"]) .bg-ok { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-radius: 50%; background: #2ecc71; color: var(--gris); } :where(html[data-theme="sombre"]) .bg-case.gagnee .bg-case-btn { border-color: var(--jaune); box-shadow: 0 0 0 2px var(--jaune), 0 0 18px rgba(255, 216, 74, .45); } :where(html[data-theme="sombre"]) .bg-case.gagnee .bg-ok { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: var(--encre); } :where(html[data-theme="sombre"]) .bg-vide { border-radius: 8px; box-shadow: inset 0 0 0 1px var(--trait); } :where(html[data-theme="sombre"]) .bg-vide span { color: var(--gris); } :where(html[data-theme="sombre"]) .cat-lien { border: 0; background: none; color: inherit; } :where(html[data-theme="sombre"]) .cat-lien:hover, :where(html[data-theme="sombre"]) .cat-lien:focus-visible { color: var(--encre); outline: none; } :where(html[data-theme="sombre"]) .c-album.cat-lien { color: var(--gris); } :where(html[data-theme="sombre"]) .fiche-lien { border: 0; background: none; color: inherit; text-decoration-color: rgba(236, 235, 246, 0.3); } :where(html[data-theme="sombre"]) .fiche-lien:hover { color: var(--encre); text-decoration-color: currentColor; } :where(html[data-theme="sombre"]) .md-tete { border-radius: 14px; background: var(--nuit); color: #fff; } :where(html[data-theme="sombre"]) .md-fond { background: #2a2750 center / cover no-repeat; } :where(html[data-theme="sombre"]) .md-tete::after { background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(5, 4, 12, 0.9)); } :where(html[data-theme="sombre"]) .md-portrait { border-radius: 50%; background: #2a2750; box-shadow: 0 16px 40px rgba(0,0,0,.5); } :where(html[data-theme="sombre"]) .md-pochette { border-radius: 6px; background: #2a2750; box-shadow: 0 16px 40px rgba(0,0,0,.55); } :where(html[data-theme="sombre"]) .md-surtitre { color: #d4d7e6; } :where(html[data-theme="sombre"]) .md-nom { color: #fff; } :where(html[data-theme="sombre"]) .md-stats { color: #e6e8f2; } :where(html[data-theme="sombre"]) .md-artiste { color: #fff; } :where(html[data-theme="sombre"]) .md-lien { border: 0; background: none; color: inherit; } :where(html[data-theme="sombre"]) .md-lien:hover, :where(html[data-theme="sombre"]) .md-lien:focus-visible { outline: none; } :where(html[data-theme="sombre"]) .md-tete .md-wl { background: rgba(255,255,255,.12); color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.4); } :where(html[data-theme="sombre"]) .md-tete .md-wl:hover:not(:disabled) { background: rgba(255,255,255,.22); } :where(html[data-theme="sombre"]) .md-wl.fait { color: #ff8fb1 !important; } :where(html[data-theme="sombre"]) .md-inde { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border: 0; border-radius: 999px; background: #18c29c; color: var(--gris); } :where(html[data-theme="sombre"]) .md-album-prog span:not(.md-progression) { color: #d4d7e6; } :where(html[data-theme="sombre"]) .md-h small { color: var(--gris); } :where(html[data-theme="sombre"]) .md-titre { border-radius: 6px; } :where(html[data-theme="sombre"]) .md-titre:hover { background: rgba(255, 255, 255, 0.048); } :where(html[data-theme="sombre"]) .md-n { color: var(--gris); } :where(html[data-theme="sombre"]) .md-titre-img { border-radius: 4px; background: #2a2750; } :where(html[data-theme="sombre"]) .md-titre-txt span, :where(html[data-theme="sombre"]) .md-titre-txt .md-lien { color: var(--gris); } :where(html[data-theme="sombre"]) .md-tirees { color: var(--gris); } :where(html[data-theme="sombre"]) .md-nbwl { color: #e0457b; } :where(html[data-theme="sombre"]) .md-rarete { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-radius: 999px; color: #fff; background: #8a8fa3; } :where(html[data-theme="sombre"]) .md-rarete.r2 { background: #2f7fd6; } :where(html[data-theme="sombre"]) .md-rarete.r3 { background: #7a3fd0; } :where(html[data-theme="sombre"]) .md-rarete.r4 { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #c8921a; color: #17152b; } :where(html[data-theme="sombre"]) .md-manque { color: var(--gris); } :where(html[data-theme="sombre"]) .md-ecoute { border-radius: 50%; background: var(--nuit); color: var(--jaune); } :where(html[data-theme="sombre"]) .md-album { border: 0; border-radius: 8px; background: none; color: var(--encre); } :where(html[data-theme="sombre"]) .md-album:hover, :where(html[data-theme="sombre"]) .md-album:focus-visible { background: rgba(255, 255, 255, 0.048); outline: none; } :where(html[data-theme="sombre"]) .md-album-pochette { border-radius: 6px; background: #2a2750; box-shadow: 0 8px 18px rgba(0,0,0,.25); } :where(html[data-theme="sombre"]) .md-complet { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-radius: 999px; background: #2ecc71; color: var(--gris); } :where(html[data-theme="sombre"]) .md-album > span:not(.md-album-pochette):not(.md-progression) { color: var(--gris); } :where(html[data-theme="sombre"]) .md-progression { border-radius: 99px; background: rgba(255, 255, 255, 0.096); } :where(html[data-theme="sombre"]) .md-progression span { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: #2ecc71; border-radius: 99px; color: #17152b; } :where(html[data-theme="sombre"]) .md-progression.grande { background: rgba(255,255,255,.2); } :where(html[data-theme="sombre"]) .md-similaire { border: 0; border-radius: 8px; background: none; color: var(--encre); } :where(html[data-theme="sombre"]) .md-similaire:hover, :where(html[data-theme="sombre"]) .md-similaire:focus-visible { background: rgba(255, 255, 255, 0.048); outline: none; } :where(html[data-theme="sombre"]) .md-similaire img { border-radius: 50%; background: #2a2750; box-shadow: 0 8px 18px rgba(0,0,0,.25); } :where(html[data-theme="sombre"]) .md-similaire span { color: var(--gris); } :where(html[data-theme="sombre"]) .gp-horloge { border-radius: 6px; } :where(html[data-theme="sombre"]) .gp-horloge.ok { background: rgba(46, 204, 113, .14); color: #0e7a4a; } :where(html[data-theme="sombre"]) .gp-horloge.ko { background: rgba(255, 92, 122, .16); color: #b0123f; } :where(html[data-theme="sombre"]) .pv-ligne-fermee { border-radius: 12px; border: 2px dotted rgba(255, 213, 74, .6); background: repeating-linear-gradient(135deg, rgba(255,255,255,.04) 0 14px, rgba(255,255,255,.08) 14px 28px); color: #ffe27a; } :where(html[data-theme="sombre"]) .pv-ligne-fermee.achat { border-style: dashed; border-color: var(--jaune); background: rgba(255, 216, 74, .1); } :where(html[data-theme="sombre"]) .pv-ligne-fermee.achat:hover { background: rgba(255, 216, 74, .18); } :where(html[data-theme="sombre"]) .pv-ligne-fermee.confirmer { border-style: solid; box-shadow: 0 0 0 3px rgba(255,216,74,.45); } :where(html[data-theme="sombre"]) .pv-vide.confirmer { border-style: solid !important; border-color: var(--jaune) !important; box-shadow: 0 0 0 3px rgba(255,216,74,.4); } :where(html[data-theme="sombre"]) .pf-roue { border-radius: 999px; border: 2px solid var(--encre, var(--encre)); background: var(--surface); color: inherit; } :where(html[data-theme="sombre"]) .pf-roue.actif { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: #17152b; } :where(html[data-theme="sombre"]) .pf-roue:focus-visible { outline: 3px solid var(--bleu); } :where(html[data-theme="sombre"]) .pm-nav a { border-radius: 10px; color: inherit; } :where(html[data-theme="sombre"]) .pm-nav a:hover { background: rgba(0,0,0,.05); } :where(html[data-theme="sombre"]) .pm-nav a.actif { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); background: var(--jaune); color: var(--encre); } :where(html[data-theme="sombre"]) .pm-titre { border-bottom: 2px solid rgba(0,0,0,.08); } @media (max-width: 800px) { :where(html[data-theme="sombre"]) .pm-nav { background: var(--argent); } :where(html[data-theme="sombre"]) .pm-nav a { border: 2px solid rgba(0,0,0,.1); border-radius: 999px; } } /* ---- public.css ---- */ :where(html[data-theme="sombre"]) .pb .pv-avatar.avec-photo { background-color: #3b3a5c; background-size: cover; background-position: center; color: transparent; } :where(html[data-theme="sombre"]) .pb-carte-lien { border-radius: 12px; color: inherit; } :where(html[data-theme="sombre"]) .pb-carte-lien:focus-visible { outline: 3px solid var(--jaune); } :where(html[data-theme="sombre"]) .pb-carte-img { border-radius: inherit; box-shadow: 0 10px 22px rgba(0,0,0,.35); } :where(html[data-theme="sombre"]) .pb-appel { --encre: #17152b; --gris: #3d4156; --trait: rgba(23, 21, 43, .18); border-radius: 6px; background: var(--jaune); box-shadow: 4px 5px 0 var(--encre); color: #17152b; } :where(html[data-theme="sombre"]) .pb-carte > img { border-radius: 22px; box-shadow: 0 16px 30px rgba(0, 0, 0, 0.48); } :where(html[data-theme="sombre"]) .pb-liste li { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } :where(html[data-theme="sombre"]) .pb-fiche { box-shadow: 6px 6px 0 var(--encre); border: 2px solid var(--encre); } :where(html[data-theme="sombre"]) .pb-carte-img.grande { border-radius: 18px; }