/* Les thèmes complets de l'espace d'un serveur : polices, fonds, formes des cartes et des boutons, ornements.
   Chargé après espace.css ; le thème vient de data-style sur <body>. La formule VIP ajoute par-dessus
   une palette tirée de l'icône du serveur (variables --accent… posées sur <body>). */
body.espace { --titres:'Plus Jakarta Sans', system-ui, sans-serif; --texte-police:'Plus Jakarta Sans', system-ui, sans-serif; font-family:var(--texte-police); }
body.espace h1, body.espace h2, body.espace h3, .espace .e-marque, .espace .surtitre, .espace .e-tuile strong, .espace .e-chiffre strong, .espace .lp-infos h2 { font-family:var(--titres); }

/* ----- Médiéval : un manuscrit enluminé posé sur le mur d'une forteresse. Pierre autour, parchemin pour lire, encre sépia,
   titres gothiques à la rubrique rouge, coins à la feuille d'or, boutons de cire. Aucune animation ni filtre : des images fixes et légères. ----- */
body.espace[data-style=medieval] { --titres:'Grenze Gotisch', 'EB Garamond', Georgia, serif; --texte-police:'EB Garamond', Georgia, serif;
  --fond:#17130f; --texte:#f4e8d0; --texte-2:#ddcda9; --texte-3:#b5a483; --trait:#e0b55833; --trait-2:#e0b55866; --accent:#e6bd68; --accent-2:#b98a3c; --encre:#2a1a08; --halo:#e0b55826; --rayon:3px; font-size:18px;
  background:radial-gradient(ellipse 90% 60% at 50% -5%, #e0964833, transparent 70%), url(/discord/static/medias/medieval/pierre.webp) center top / 640px, #17130f; }
/* tout ce qui est sur parchemin s'écrit à l'encre */
.espace[data-style=medieval] .carte, .espace[data-style=medieval] .lp-scene, .espace[data-style=medieval] .a-etape, .espace[data-style=medieval] .h-verre, .espace[data-style=medieval] .message {
  --texte:#2b1b0c; --texte-2:#4c3720; --texte-3:#6f583a; --trait:#5c432430; --trait-2:#5c432466; --accent:#8c1c13; --accent-2:#6d130c; --encre:#fbefd6; --halo:#8c1c1318;
  --surface:#efe1bf; --carte:#ecddb9; --carte-2:#e0cea4; color:var(--texte); }
.espace[data-style=medieval] .carte, .espace[data-style=medieval] .lp-scene { background:url(/discord/static/medias/medieval/parchemin.webp) center / 480px, #e8d8b4; border:1px solid #4a3216; border-radius:3px;
  box-shadow:inset 0 0 42px #7a552699, inset 0 0 6px #5c3d1a88, 0 16px 30px -16px #000; }
.espace[data-style=medieval] .e-bloc, .espace[data-style=medieval] .message, .espace[data-style=medieval] .lp-scene, .espace[data-style=medieval] .e-liste.carte, .espace[data-style=medieval] .a-etape {
  background:url(/discord/static/medias/medieval/coin-hg.webp) left top / 72px no-repeat, url(/discord/static/medias/medieval/coin-hd.webp) right top / 72px no-repeat, url(/discord/static/medias/medieval/coin-bg.webp) left bottom / 72px no-repeat, url(/discord/static/medias/medieval/coin-bd.webp) right bottom / 72px no-repeat, url(/discord/static/medias/medieval/parchemin.webp) center / 480px, #e8d8b4; padding:46px 38px 38px; }
.espace[data-style=medieval] .lp-scene::before { display:none; }
.espace[data-style=medieval] .e-bloc, .espace[data-style=medieval] .message, .espace[data-style=medieval] .lp-scene, .espace[data-style=medieval] .e-liste.carte, .espace[data-style=medieval] .a-etape { outline:1px solid #b98a3c; outline-offset:-13px; }
/* les titres : gothique, rubrique rouge sur le parchemin, or sur la pierre */
.espace[data-style=medieval] h1, .espace[data-style=medieval] h2, .espace[data-style=medieval] h3 { font-family:var(--titres); font-weight:600; letter-spacing:.005em; }
.espace[data-style=medieval] h1 { color:#f6dc9f; font-size:clamp(38px, 5.4vw, 66px); line-height:1.05; text-shadow:0 2px 0 #000, 0 3px 14px #000c; }
.espace[data-style=medieval] h1.petit { font-size:clamp(34px, 4.4vw, 52px); }
.espace[data-style=medieval] .carte h1, .espace[data-style=medieval] .message h1, .espace[data-style=medieval] .carte h2, .espace[data-style=medieval] .carte h3, .espace[data-style=medieval] .lp-scene h2, .espace[data-style=medieval] .a-etape h2 { color:#8c1c13; text-shadow:none; }
.espace[data-style=medieval] h2.petit, .espace[data-style=medieval] h3.petit { font-size:27px; }
.espace[data-style=medieval] .e-sous-titre { color:#f6dc9f; font-size:32px; text-shadow:0 2px 0 #000; }
.espace[data-style=medieval] .surtitre { font-family:var(--texte-police); font-weight:700; font-size:14px; letter-spacing:.24em; color:#e6bd68; text-shadow:0 1px 0 #000; }
.espace[data-style=medieval] .surtitre::before, .espace[data-style=medieval] .surtitre::after { content:' ❧ '; letter-spacing:0; }
.espace[data-style=medieval] .surtitre::after { display:inline-block; transform:scaleX(-1); }
.espace[data-style=medieval] .note { color:var(--texte-2); font-size:17px; }
.espace[data-style=medieval] .e-section > .note, .espace[data-style=medieval] .e-texte { text-shadow:0 1px 3px #000; }
.espace[data-style=medieval] .alerte { background:#f3d9c7; color:#6d130c; border-color:#8c1c1366; }
.espace[data-style=medieval] .e-entete { background:url(/discord/static/medias/medieval/chene.webp) center / 640px 100%, #2a1b10; border-bottom:2px solid #b98a3c; box-shadow:0 2px 0 #000, 0 8px 18px -8px #000; backdrop-filter:none; }
.espace[data-style=medieval] .e-marque { font-family:var(--titres); font-size:25px; font-weight:600; color:#f6dc9f !important; }
.espace[data-style=medieval] .e-nav a { font-family:var(--titres); font-size:20px; font-weight:500; color:#ecdcb6 !important; padding:4px 11px; border-radius:2px; }
.espace[data-style=medieval] .e-nav a:hover { background:#00000040; color:#fff !important; }
.espace[data-style=medieval] .e-nav a.actif { background:#7a1810; color:#fbefd6 !important; box-shadow:inset 0 0 0 1px #e0b55899; }
.espace[data-style=medieval] .e-moi { color:#f4e8d0; font-size:16px; } .espace[data-style=medieval] .e-actions .d-lien { color:#ddcda9; }
/* les boutons : un plaquage de cire rouge cerclé d'or */
.espace[data-style=medieval] .d-bouton { --lueur:#000; border-radius:3px; background:linear-gradient(180deg, #a42a1b, #7a1810 60%, #5e100a); color:#fbefd6; border:1px solid #2e0805; font-family:var(--titres); font-size:21px; font-weight:500; letter-spacing:.01em; text-shadow:0 1px 1px #0009;
  box-shadow:inset 0 0 0 1px #e0b558b3, inset 0 2px 0 #ffffff33, 0 8px 16px -8px #000; }
.espace[data-style=medieval] .d-bouton:hover { box-shadow:inset 0 0 0 1px #f6dc9f, inset 0 2px 0 #ffffff4d, 0 12px 20px -8px #000; }
.espace[data-style=medieval] .d-bouton.secondaire { background:url(/discord/static/medias/medieval/parchemin.webp) center / 480px, #e8d8b4; color:#2b1b0c; text-shadow:none; border-color:#4a3216; box-shadow:inset 0 0 12px #7a552666, 0 6px 12px -8px #000; }
.espace[data-style=medieval] .d-bouton.grand { font-size:24px; }
/* l'accueil : les armes du serveur dans un écu */
.espace[data-style=medieval] .e-heros { border-bottom:0; padding-top:56px; }
.espace[data-style=medieval] .e-icone.grande { border-radius:7% 7% 50% 50% / 5% 5% 60% 60%; width:124px; height:146px; border:4px solid #d8aa52; outline:2px solid #2a1a08; box-shadow:0 22px 34px -14px #000; }
.espace[data-style=medieval] .e-icone.petite { border-radius:7% 7% 50% 50% / 5% 5% 60% 60%; height:38px; width:32px; border:1px solid #d8aa52; }
.espace[data-style=medieval] .e-texte { color:#efe2c6; font-size:clamp(19px, 2vw, 23px); }
.espace[data-style=medieval] .e-devise { font-family:var(--texte-police); font-style:italic; color:#f6dc9f; }
.espace[data-style=medieval] .e-puce { background:#00000066; border:1px solid #e0b55866; border-radius:2px; color:#efe2c6; }
.espace[data-style=medieval] .e-tuile { padding:22px 20px; } .espace[data-style=medieval] .e-tuile:hover { border-color:#8c1c13; transform:translateY(-3px); }
.espace[data-style=medieval] .e-tuile strong { font-family:var(--titres); font-size:29px; font-weight:600; color:#8c1c13; line-height:1.1; }
.espace[data-style=medieval] .e-tuile small { color:#4c3720; font-size:17px; }
.espace[data-style=medieval] .e-tuile-icone { width:62px; height:62px; font-size:0; border-radius:0; border:0; background:center / contain no-repeat; }
.espace[data-style=medieval] a[href="/musique"] .e-tuile-icone { background-image:url(/discord/static/medias/medieval/musique.svg); }
.espace[data-style=medieval] a[href="/profil"] .e-tuile-icone { background-image:url(/discord/static/medias/medieval/profil.svg); }
.espace[data-style=medieval] a[href="/classement"] .e-tuile-icone { background-image:url(/discord/static/medias/medieval/classement.svg); }
.espace[data-style=medieval] a[href="/profil/quetes"] .e-tuile-icone { background-image:url(/discord/static/medias/medieval/quetes.svg); }
.espace[data-style=medieval] a[href="/tickets"] .e-tuile-icone { background-image:url(/discord/static/medias/medieval/tickets.svg); }
.espace[data-style=medieval] a[href="/invitations"] .e-tuile-icone { background-image:url(/discord/static/medias/medieval/invitations.svg); }
.espace[data-style=medieval] a[href="/admin"] .e-tuile-icone { background-image:url(/discord/static/medias/medieval/admin.svg); }
/* les listes */
.espace[data-style=medieval] .e-rang { border-radius:2px; border-bottom:1px solid #5c432426; } .espace[data-style=medieval] .e-rang:last-child { border-bottom:0; }
.espace[data-style=medieval] .e-rang strong { font-size:19px; color:#2b1b0c; } .espace[data-style=medieval] .e-rang strong small { font-size:15px; color:#6f583a; }
.espace[data-style=medieval] .e-rang.moi { background:#8c1c1314; } .espace[data-style=medieval] .e-place { font-family:var(--titres); color:#8c1c13; font-size:22px; } .espace[data-style=medieval] .e-valeur { color:#8c1c13; font-weight:700; }
.espace[data-style=medieval] .e-statut { border-radius:2px; background:#8c1c13; color:#fbefd6; font-family:var(--texte-police); } .espace[data-style=medieval] .e-statut-ferme, .espace[data-style=medieval] .e-statut-supprime { background:#5c432433; color:#4c3720; }
.espace[data-style=medieval] .e-chiffre span { font-family:var(--texte-police); letter-spacing:.14em; font-size:13px; color:#6f583a; }
.espace[data-style=medieval] .e-chiffre strong { font-family:var(--texte-police); font-weight:700; font-size:34px; color:#2b1b0c; } .espace[data-style=medieval] .e-chiffre small { color:#8c1c13; font-size:15px; }
.espace[data-style=medieval] .e-jauge { background:#5c432433; height:7px; border-radius:1px; } .espace[data-style=medieval] .e-jauge b { background:linear-gradient(90deg, #8c1c13, #b98a3c); border-radius:1px; }
.espace[data-style=medieval] .e-g-fond { fill:#5c43241a; } .espace[data-style=medieval] .e-g-lien { fill:#8c1c13; } .espace[data-style=medieval] .e-g-autre { fill:#b98a3c; opacity:1; } .espace[data-style=medieval] .e-graphe text { fill:#4c3720; font-size:13px; }
.espace[data-style=medieval] .e-l-lien { background:#8c1c13; } .espace[data-style=medieval] .e-l-autre { background:#b98a3c; opacity:1; } .espace[data-style=medieval] .e-legende { font-size:15px; }
.espace[data-style=medieval] .champ { background:#f6ecd4; border:1px solid #6f583a; border-radius:2px; color:#2b1b0c; font-size:18px; } .espace[data-style=medieval] .champ::placeholder { color:#856f4e; } .espace[data-style=medieval] .champ:focus { outline:2px solid #8c1c13; }
.espace[data-style=medieval] .etiquette { font-size:17px; color:#2b1b0c; } .espace[data-style=medieval] .etiquette small { color:#6f583a; font-size:15px; }
.espace[data-style=medieval] .onglet { border-radius:2px; font-family:var(--titres); font-size:20px; background:#f0e2c0; color:#4c3720; border-color:#6f583a; } .espace[data-style=medieval] .onglet.actif { background:#8c1c13; color:#fbefd6; border-color:#5e100a; }
@media (max-width: 720px) { .espace[data-style=medieval] .e-bloc, .espace[data-style=medieval] .message, .espace[data-style=medieval] .lp-scene, .espace[data-style=medieval] .e-liste.carte, .espace[data-style=medieval] .a-etape { padding:40px 24px 30px; background-size:50px, 50px, 50px, 50px, 480px; outline-offset:-10px; } }
/* le lecteur de musique */
.espace[data-style=medieval] .lp-serveur h1 { font-size:clamp(34px, 4.4vw, 50px); } .espace[data-style=medieval] .lp-vocal { color:#ddcda9; font-size:16px; }
.espace[data-style=medieval] .lp-annonce { background:#f0e2c0; color:#2b1b0c; border-color:#6f583a; border-radius:2px; }
.espace[data-style=medieval] .lp-pochette { border-radius:2px; border:3px solid #c99a45; outline:1px solid #4a3216; outline-offset:3px; box-shadow:0 18px 26px -14px #000; background:#e0cea4; color:#8c1c13; }
.espace[data-style=medieval] .lp-etat { font-size:14px; letter-spacing:.2em; color:#8c1c13; } .espace[data-style=medieval] .lp-infos h2 { font-size:clamp(30px, 3.4vw, 42px); color:#2b1b0c; } .espace[data-style=medieval] .lp-artiste { font-size:20px; font-style:italic; }
.espace[data-style=medieval] .lp-barre { height:8px; background:#5c432438; border-radius:1px; box-shadow:inset 0 0 0 1px #5c432444; } .espace[data-style=medieval] .lp-barre i { background:linear-gradient(90deg, #8c1c13, #b98a3c); }
.espace[data-style=medieval] .lp-progression { color:#4c3720; font-size:15px; }
.espace[data-style=medieval] .lp-rond { background:linear-gradient(180deg, #e3c37f, #ac7f35); border:1px solid #4a3216; color:#2a1a08; box-shadow:inset 0 1px 0 #fff6, 0 5px 9px -5px #000; }
.espace[data-style=medieval] .lp-rond.grand { background:url(/discord/static/medias/medieval/sceau.webp) center / 108% no-repeat, #7a1810; border:0; color:#fbefd6; box-shadow:0 7px 12px -6px #000; text-shadow:0 1px 1px #000; }
.espace[data-style=medieval] .lp-puce { border-radius:2px; border-color:#6f583a; color:#2b1b0c; font-size:16px; } .espace[data-style=medieval] .lp-puce.actif { background:#8c1c13; color:#fbefd6; border-color:#5e100a; }
.espace[data-style=medieval] .lp-volume { color:#2b1b0c; } .espace[data-style=medieval] .lp-volume input { accent-color:#8c1c13; }
.espace[data-style=medieval] .lp-ligne { border-radius:2px; } .espace[data-style=medieval] .lp-ligne:hover { background:#8c1c1314; } .espace[data-style=medieval] .lp-mini { border-radius:2px; box-shadow:0 0 0 1px #c99a45; }
.espace[data-style=medieval] .lp-texte strong { font-size:18px; color:#2b1b0c; } .espace[data-style=medieval] .lp-texte small, .espace[data-style=medieval] .lp-temps, .espace[data-style=medieval] .lp-numero { color:#6f583a; font-size:15px; }
.espace[data-style=medieval] .lp-petit { color:#4c3720; } .espace[data-style=medieval] .lp-petit:hover:not(:disabled) { background:#8c1c1318; color:#2b1b0c; border-color:#6f583a; } .espace[data-style=medieval] .lp-petit.actif { color:#8c1c13; }
/* la carte en relief et l'atelier */
.espace[data-style=medieval] .h-verre { background:url(/discord/static/medias/medieval/parchemin.webp) center / 480px, #e8d8b4; border:1px solid #4a3216; border-radius:3px; box-shadow:inset 0 0 42px #7a552699, 0 22px 40px -18px #000; }
.espace[data-style=medieval] .h-voile { background:linear-gradient(0deg, #00000066 0%, transparent 34%); }
.espace[data-style=medieval] .h-tuile { background:#5c43241f; border:1px solid #5c432480; border-radius:2px; } .espace[data-style=medieval] .h-tuile span { font-family:var(--texte-police); letter-spacing:.06em; color:#5c4426; } .espace[data-style=medieval] .h-tuile strong { font-family:var(--texte-police); color:#2b1b0c; }
.espace[data-style=medieval] .h-piste { stroke:#5c432455; } .espace[data-style=medieval] .h-barre { background:#5c432438; border-radius:1px; } .espace[data-style=medieval] .h-puce { border-radius:2px; } .espace[data-style=medieval] .h-pseudo, .espace[data-style=medieval] .h-reste { color:#5c4426; }
.espace[data-style=medieval] .h-niv strong { font-family:var(--texte-police); font-weight:700; letter-spacing:.04em; color:#2b1b0c; } .espace[data-style=medieval] .h-barre i { background:linear-gradient(90deg, #6d130c, #a42a1b 70%, #b98a3c); box-shadow:none; } .espace[data-style=medieval] .h-niveau { background:url(/discord/static/medias/medieval/sceau.webp) center / 125% no-repeat; color:#fbefd6; text-shadow:0 1px 1px #000; }
.espace[data-style=medieval] .h-astuce { color:#ddcda9; margin-top:12px; text-shadow:0 1px 2px #000; } @media (min-width: 721px) { .espace[data-style=medieval] .h-particules { clip-path:inset(0 0 0 62%); } } .espace[data-style=medieval] .h-badges span { border-color:#5c432480; color:#4c3720; border-radius:2px; } .espace[data-style=medieval] .h-bio { color:#4c3720; }
.espace[data-style=medieval] .h-holo { display:none; } .espace[data-style=medieval] .h-carte { border-radius:4px; }
.espace[data-style=medieval] .h-marque { color:#8c1c13; font-family:var(--texte-police); font-weight:700; }
.espace[data-style=medieval] .h-nom { font-family:var(--titres); font-weight:600; background:none; -webkit-text-fill-color:#2b1b0c; color:#2b1b0c; }
.espace[data-style=medieval] .a-apercu-verre { background:url(/discord/static/medias/medieval/parchemin.webp) center / 480px, #e8d8b4; border:1px solid #4a3216; border-radius:3px; --texte-2:#4c3720; color:#2b1b0c; } .espace[data-style=medieval] .a-apercu-verre strong { font-family:var(--titres); font-size:24px; font-weight:600; }
.espace[data-style=medieval] .a-choisi strong { font-family:var(--titres); font-size:30px; color:#f6dc9f; font-weight:600; } .espace[data-style=medieval] .a-choisi span { color:#ddcda9; font-size:16px; }
.espace[data-style=medieval] .a-sosies-titre { color:#e6bd68; }
.espace[data-style=medieval] .a-puce, .espace[data-style=medieval] .a-onglets button { border-radius:2px; background:#f0e2c0; color:#2b1b0c; border-color:#6f583a; } .espace[data-style=medieval] .a-puce[aria-pressed=true] { background:#8c1c13; color:#fbefd6; border-color:#5e100a; box-shadow:none; }
.espace[data-style=medieval] .a-onglets button { font-family:var(--titres); font-size:20px; } .espace[data-style=medieval] .a-onglets button[aria-selected=true] { background:#7a1810; color:#fbefd6; border-color:#2e0805; }
.espace[data-style=medieval] .a-perso span, .espace[data-style=medieval] .a-decor span { border-radius:2px; } .espace[data-style=medieval] .a-perso strong { font-size:17px; } .espace[data-style=medieval] .a-perso small { font-size:13px; color:#5c4426; }
.espace[data-style=medieval] .e-pied, .espace[data-style=medieval] footer { color:#ddcda9; }
@media (max-width: 900px) { .espace[data-style=medieval] .e-nav { background:url(/discord/static/medias/medieval/chene.webp) center / 640px 100%, #2a1b10; border-top:2px solid #b98a3c; } .espace[data-style=medieval] .e-nav a { font-size:18px; } }

/* ----- Futuriste : un poste de commandement. Coque de métal autour, pupitres à angles coupés pour lire, cyan pour l'information,
   ambre pour le signal, jauges en segments, hexagones. Aucune animation permanente ni filtre : des images fixes et légères. ----- */
body.espace[data-style=futuriste] { --titres:'Orbitron', 'Exo 2', sans-serif; --texte-police:'Exo 2', system-ui, sans-serif; --fond:#0a111c; --surface:#0f1a2c; --carte:#101c30; --carte-2:#16263f;
  --texte:#e8f2ff; --texte-2:#b4cbe2; --texte-3:#7f9ab6; --trait:#4fd1ff26; --trait-2:#4fd1ff59; --accent:#4fd1ff; --accent-2:#2299d6; --halo:#4fd1ff1f; --encre:#04121c; --signal:#ffb454; --rayon:0px; font-size:17px;
  background:radial-gradient(ellipse 80% 480px at 72% -80px, #1d5a9455, transparent 72%), url(/discord/static/medias/futuriste/coque.webp) center top / 640px, #0a111c; }
/* les pupitres : un cadre à découper, qui porte aussi le fond (pas de découpe CSS ni de flou) */
.espace[data-style=futuriste] .carte, .espace[data-style=futuriste] .lp-scene, .espace[data-style=futuriste] .a-etape, .espace[data-style=futuriste] .message { background:none; border:18px solid transparent; border-image:url(/discord/static/medias/futuriste/cadre.svg) 24 fill / 18px stretch; border-radius:0; padding:8px; backdrop-filter:none; box-shadow:none; }
.espace[data-style=futuriste] .e-bloc, .espace[data-style=futuriste] .a-etape, .espace[data-style=futuriste] .message { padding:12px 14px; }
.espace[data-style=futuriste] .lp-scene { padding:12px; } .espace[data-style=futuriste] .lp-scene::before { display:none; }
/* les titres */
.espace[data-style=futuriste] h1, .espace[data-style=futuriste] h2, .espace[data-style=futuriste] h3 { font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.espace[data-style=futuriste] h1 { color:#f2f9ff; font-size:clamp(30px, 5vw, 58px); line-height:1.1; text-shadow:0 0 22px #4fd1ff59, 0 2px 0 #021019; overflow-wrap:anywhere; }
.espace[data-style=futuriste] h1.petit { font-size:clamp(26px, 3.6vw, 42px); } .espace[data-style=futuriste] h2.petit, .espace[data-style=futuriste] h3.petit { font-size:18px; color:var(--accent); }
.espace[data-style=futuriste] .e-sous-titre { font-size:20px; color:#f2f9ff; }
.espace[data-style=futuriste] .surtitre { display:flex; align-items:center; gap:10px; font-family:var(--texte-police); font-weight:700; font-size:14px; letter-spacing:.22em; text-transform:uppercase; color:var(--accent); }
.espace[data-style=futuriste] .surtitre::before { content:''; flex:none; width:9px; height:9px; background:var(--signal); }
.espace[data-style=futuriste] .surtitre::after { content:''; flex:none; width:54px; height:9px; background:repeating-linear-gradient(90deg, var(--accent) 0 2px, transparent 2px 9px); opacity:.7; }
.espace[data-style=futuriste] .note { color:var(--texte-2); } .espace[data-style=futuriste] .alerte { background:#2b1d0a; color:#ffd59a; border:1px solid #ffb45480; border-radius:0; }
/* le bandeau du haut */
.espace[data-style=futuriste] .e-entete { background:url(/discord/static/medias/futuriste/coque.webp) center / 640px, #0a111c; border-bottom:1px solid #4fd1ff; box-shadow:0 1px 0 #021019, 0 6px 22px -8px #4fd1ff66; backdrop-filter:none; }
.espace[data-style=futuriste] .e-marque { font-family:var(--titres); font-size:17px; letter-spacing:.04em; }
.espace[data-style=futuriste] .e-nav a { font-family:var(--titres); font-size:12px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; color:#c6dbef !important; padding:9px 12px; border-radius:0; clip-path:polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); }
.espace[data-style=futuriste] .e-nav a:hover { background:#4fd1ff26; color:#fff !important; }
.espace[data-style=futuriste] .e-nav a.actif { background:#4fd1ff; color:#04121c !important; box-shadow:none; font-weight:800; }
.espace[data-style=futuriste] .e-moi { font-size:15px; } .espace[data-style=futuriste] .e-actions .d-lien { color:var(--texte-2); }
/* les boutons : une commande à angles coupés */
.espace[data-style=futuriste] .d-bouton { --lueur:#4fd1ff; border-radius:0; clip-path:polygon(11px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%, 0 11px); background:linear-gradient(180deg, #7fe0ff, #4fd1ff 45%, #2aa6e0); color:#04121c; font-family:var(--titres); font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; box-shadow:none; }
.espace[data-style=futuriste] .d-bouton:hover { background:linear-gradient(180deg, #b6eeff, #7fe0ff 45%, #4fd1ff); box-shadow:none; }
.espace[data-style=futuriste] .d-bouton.secondaire { clip-path:none; background:none; color:#d7ecff; border:11px solid transparent; border-image:url(/discord/static/medias/futuriste/cadre-actif.svg) 24 fill / 11px stretch; padding:1px 8px; }
.espace[data-style=futuriste] .d-bouton.secondaire:hover { color:#fff; transform:translateY(-2px); }
.espace[data-style=futuriste] .d-bouton.grand { font-size:15px; }
/* l'accueil : l'écusson du serveur dans un hexagone */
.espace[data-style=futuriste] .e-heros { padding-top:56px; }
.espace[data-style=futuriste] .e-icone.grande { width:112px; height:128px; border-radius:0; clip-path:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); background:linear-gradient(180deg, #4fd1ff, #1b6ea8); color:#04121c; box-shadow:none; }
.espace[data-style=futuriste] .e-icone.petite { height:36px; width:32px; border-radius:0; clip-path:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); background:#4fd1ff; color:#04121c; }
.espace[data-style=futuriste] .e-puce { background:#0b1626; border:1px solid #4fd1ff59; border-radius:0; color:var(--texte-2); }
.espace[data-style=futuriste] .e-tuile { padding:6px 8px 8px; } .espace[data-style=futuriste] .e-tuile:hover { border-image-source:url(/discord/static/medias/futuriste/cadre-actif.svg); transform:translateY(-2px); }
.espace[data-style=futuriste] .e-tuile strong { font-family:var(--titres); font-size:16px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:#f2f9ff; }
.espace[data-style=futuriste] .e-tuile small { font-size:15px; color:var(--texte-2); }
.espace[data-style=futuriste] .e-tuile-icone { width:56px; height:62px; font-size:0; border-radius:0; background:center / contain no-repeat; }
.espace[data-style=futuriste] a[href="/musique"] .e-tuile-icone { background-image:url(/discord/static/medias/futuriste/musique.svg); }
.espace[data-style=futuriste] a[href="/profil"] .e-tuile-icone { background-image:url(/discord/static/medias/futuriste/profil.svg); }
.espace[data-style=futuriste] a[href="/classement"] .e-tuile-icone { background-image:url(/discord/static/medias/futuriste/classement.svg); }
.espace[data-style=futuriste] a[href="/profil/quetes"] .e-tuile-icone { background-image:url(/discord/static/medias/futuriste/quetes.svg); }
.espace[data-style=futuriste] a[href="/tickets"] .e-tuile-icone { background-image:url(/discord/static/medias/futuriste/tickets.svg); }
.espace[data-style=futuriste] a[href="/invitations"] .e-tuile-icone { background-image:url(/discord/static/medias/futuriste/invitations.svg); }
.espace[data-style=futuriste] a[href="/admin"] .e-tuile-icone { background-image:url(/discord/static/medias/futuriste/admin.svg); }
/* les listes, chiffres et jauges en segments */
.espace[data-style=futuriste] .e-rang { border-radius:0; border-bottom:1px solid #4fd1ff1a; } .espace[data-style=futuriste] .e-rang:last-child { border-bottom:0; } .espace[data-style=futuriste] .e-rang:hover { background:#4fd1ff14; }
.espace[data-style=futuriste] .e-rang.moi { background:#4fd1ff1a; box-shadow:inset 3px 0 0 var(--signal); } .espace[data-style=futuriste] .e-place { font-family:var(--titres); font-size:15px; color:var(--accent); } .espace[data-style=futuriste] .e-valeur { color:var(--accent); }
.espace[data-style=futuriste] .e-statut { border-radius:0; background:#4fd1ff; color:#04121c; } .espace[data-style=futuriste] .e-statut-ferme, .espace[data-style=futuriste] .e-statut-supprime { background:#ffffff14; color:var(--texte-3); }
.espace[data-style=futuriste] .e-chiffre span { color:var(--texte-3); letter-spacing:.12em; font-size:13px; } .espace[data-style=futuriste] .e-chiffre strong { font-family:var(--titres); font-size:26px; font-weight:800; color:#f2f9ff; }
.espace[data-style=futuriste] .e-jauge, .espace[data-style=futuriste] .lp-barre, .espace[data-style=futuriste] .h-barre { height:9px; border-radius:0; background:repeating-linear-gradient(90deg, #ffffff24 0 7px, transparent 7px 10px); box-shadow:none; }
.espace[data-style=futuriste] .e-jauge b, .espace[data-style=futuriste] .lp-barre i, .espace[data-style=futuriste] .h-barre i { border-radius:0; background:repeating-linear-gradient(90deg, #4fd1ff 0 7px, transparent 7px 10px); box-shadow:none; }
.espace[data-style=futuriste] .e-g-fond { fill:#4fd1ff0d; } .espace[data-style=futuriste] .e-g-autre { fill:#ffb454; opacity:1; } .espace[data-style=futuriste] .e-l-autre { background:#ffb454; opacity:1; } .espace[data-style=futuriste] .e-legende span { border-radius:0; }
.espace[data-style=futuriste] .champ { background:#070e19; border:1px solid #4fd1ff59; border-radius:0; color:var(--texte); } .espace[data-style=futuriste] .champ::placeholder { color:#6f8aa6; } .espace[data-style=futuriste] .champ:focus { outline:2px solid var(--accent); }
.espace[data-style=futuriste] .onglet { border-radius:0; background:#0b1626; color:#cfe4f7; border:1px solid #4fd1ff59; font-family:var(--texte-police); text-transform:uppercase; letter-spacing:.06em; font-size:14px; }
.espace[data-style=futuriste] .onglet.actif { background:#4fd1ff; color:#04121c; border-color:#4fd1ff; }
/* le lecteur de musique */
.espace[data-style=futuriste] .lp-annonce { background:#0b1626; border-radius:0; border-color:#4fd1ff59; }
.espace[data-style=futuriste] .lp-pochette { border-radius:0; clip-path:polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 26px 100%, 0 calc(100% - 26px)); box-shadow:none; background:#0d1a2e; color:var(--accent); }
.espace[data-style=futuriste] .lp-etat { letter-spacing:.2em; font-size:13px; color:var(--signal); } .espace[data-style=futuriste] .lp-infos h2 { font-size:clamp(20px, 2.6vw, 30px); line-height:1.2; color:#f2f9ff; } .espace[data-style=futuriste] .lp-artiste { color:#bfeeff; font-size:18px; }
.espace[data-style=futuriste] .lp-rond { border:0; border-radius:0; clip-path:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); height:60px; background:#1a3050; color:#bfeeff; box-shadow:none; }
.espace[data-style=futuriste] .lp-rond:hover:not(:disabled) { filter:none; background:#25466f; }
.espace[data-style=futuriste] .lp-rond.grand { width:72px; height:82px; background:linear-gradient(180deg, #7fe0ff, #2aa6e0); color:#04121c; box-shadow:none; } .espace[data-style=futuriste] .lp-rond.grand:hover:not(:disabled) { background:linear-gradient(180deg, #b6eeff, #4fd1ff); }
.espace[data-style=futuriste] .lp-puce { border-radius:0; border-color:#4fd1ff59; color:#cfe4f7; } .espace[data-style=futuriste] .lp-puce.actif { background:#4fd1ff; color:#04121c; border-color:#4fd1ff; }
.espace[data-style=futuriste] .lp-ligne { border-radius:0; } .espace[data-style=futuriste] .lp-ligne:hover { background:#4fd1ff14; } .espace[data-style=futuriste] .lp-mini { border-radius:0; box-shadow:0 0 0 1px #4fd1ff80; } .espace[data-style=futuriste] .lp-petit { border-radius:0; } .espace[data-style=futuriste] .lp-petit:hover:not(:disabled) { background:#4fd1ff1f; border-color:#4fd1ff59; }
/* la carte en relief et l'atelier */
.espace[data-style=futuriste] .h-carte { border-radius:0; box-shadow:0 40px 90px -40px #000, 0 0 0 1px #4fd1ff80; }
.espace[data-style=futuriste] .h-verre { background:none; border:18px solid transparent; border-image:url(/discord/static/medias/futuriste/cadre.svg) 24 fill / 18px stretch; border-radius:0; padding:clamp(2px, .8vw, 12px); box-shadow:none; }
.espace[data-style=futuriste] .h-bord { box-shadow:none; background:linear-gradient(#4fd1ff, #4fd1ff) 0 0 / 54px 3px, linear-gradient(#4fd1ff, #4fd1ff) 0 0 / 3px 54px, linear-gradient(#4fd1ff, #4fd1ff) 100% 0 / 54px 3px, linear-gradient(#4fd1ff, #4fd1ff) 100% 0 / 3px 54px, linear-gradient(#4fd1ff, #4fd1ff) 0 100% / 54px 3px, linear-gradient(#4fd1ff, #4fd1ff) 0 100% / 3px 54px, linear-gradient(#4fd1ff, #4fd1ff) 100% 100% / 54px 3px, linear-gradient(#4fd1ff, #4fd1ff) 100% 100% / 3px 54px; background-repeat:no-repeat; inset:12px; border-radius:0; }
.espace[data-style=futuriste] .h-holo { opacity:calc(.04 + var(--actif) * .22); }
.espace[data-style=futuriste] .h-marque { color:var(--accent); font-family:var(--texte-police); letter-spacing:.14em; }
.espace[data-style=futuriste] .h-nom { font-family:var(--titres); font-weight:800; text-transform:uppercase; letter-spacing:.03em; font-size:clamp(18px, 3.2vw, 44px); }
.espace[data-style=futuriste] .h-piste { stroke-dasharray:8 3.5; } .espace[data-style=futuriste] .h-xp { stroke-linecap:butt; }
.espace[data-style=futuriste] .h-anneau img, .espace[data-style=futuriste] .h-anneau .h-initiale { box-shadow:none; }
.espace[data-style=futuriste] .h-niveau { min-width:36%; aspect-ratio:7 / 8; border-radius:0; clip-path:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); box-shadow:none; font-family:var(--titres); }
.espace[data-style=futuriste] .h-puce { border-radius:0; text-transform:uppercase; letter-spacing:.05em; } .espace[data-style=futuriste] .h-puce.vocal { background:var(--signal); border-color:var(--signal); color:#231303; }
.espace[data-style=futuriste] .h-niv strong { font-family:var(--titres); font-weight:800; text-transform:uppercase; font-size:clamp(15px, 2.3vw, 30px); }
.espace[data-style=futuriste] .h-bio { font-style:normal; border-left:3px solid var(--signal); padding-left:10px; }
.espace[data-style=futuriste] .h-tuile { border-radius:0; background:#040a14a6; border:1px solid #4fd1ff4d; } .espace[data-style=futuriste] .h-tuile span { letter-spacing:.1em; }
.espace[data-style=futuriste] .h-badges span { border-radius:0; border-color:#4fd1ff66; color:#bfeeff; }
.espace[data-style=futuriste] .h-astuce { color:var(--texte-2); margin-top:12px; } @media (min-width: 761px) { .espace[data-style=futuriste] .h-particules { clip-path:inset(0 0 0 62%); } }
.espace[data-style=futuriste] .a-apercu { border-radius:0; box-shadow:0 24px 60px -30px #000, 0 0 0 1px #4fd1ff80; }
.espace[data-style=futuriste] .a-apercu-verre { background:none; border:12px solid transparent; border-image:url(/discord/static/medias/futuriste/cadre.svg) 24 fill / 12px stretch; border-radius:0; padding:0 2px; backdrop-filter:none; }
.espace[data-style=futuriste] .a-apercu-verre strong { font-family:var(--titres); font-size:15px; text-transform:uppercase; }
.espace[data-style=futuriste] .a-choisi strong { font-family:var(--titres); font-size:22px; font-weight:800; text-transform:uppercase; color:#f2f9ff; } .espace[data-style=futuriste] .a-sosies-titre { color:var(--signal); } .espace[data-style=futuriste] .a-sosie { border-radius:0; }
.espace[data-style=futuriste] .a-puce, .espace[data-style=futuriste] .a-onglets button { border-radius:0; background:#0b1626; color:#cfe4f7; border-color:#4fd1ff59; } .espace[data-style=futuriste] .a-puce[aria-pressed=true], .espace[data-style=futuriste] .a-onglets button[aria-selected=true] { background:#4fd1ff; color:#04121c; border-color:#4fd1ff; box-shadow:none; }
.espace[data-style=futuriste] .a-onglets button { font-family:var(--titres); font-size:13px; letter-spacing:.06em; text-transform:uppercase; }
.espace[data-style=futuriste] .a-perso span, .espace[data-style=futuriste] .a-decor span { border-radius:0; } .espace[data-style=futuriste] .a-perso strong { font-size:15px; } .espace[data-style=futuriste] .a-decor img, .espace[data-style=futuriste] .e-decor img { border-radius:0; }
@media (max-width: 900px) { .espace[data-style=futuriste] .e-nav { background:url(/discord/static/medias/futuriste/coque.webp) center / 640px, #0a111c; border-top:1px solid #4fd1ff; } .espace[data-style=futuriste] .e-nav a { font-size:11px; padding:9px 11px; } }
@media (max-width: 720px) { .espace[data-style=futuriste] .carte, .espace[data-style=futuriste] .lp-scene, .espace[data-style=futuriste] .a-etape, .espace[data-style=futuriste] .message { border-width:14px; border-image-width:14px; padding:4px; } .espace[data-style=futuriste] .e-bloc, .espace[data-style=futuriste] .a-etape, .espace[data-style=futuriste] .message { padding:6px; } }
@media (max-width: 760px) { .espace[data-style=futuriste] .h-verre { border-width:12px; border-image-width:12px; padding:0; } .espace[data-style=futuriste] .h-bord { inset:7px; background-size:30px 2px, 2px 30px, 30px 2px, 2px 30px, 30px 2px, 2px 30px, 30px 2px, 2px 30px; } }

/* ----- Minimaliste : une revue d'architecture. Fond ivoire, grands titres à empattements, filets fins, chiffres élégants, beaucoup d'air, une seule couleur d'accent.
   Aucune ombre, aucun dégradé, aucune texture : les pages les plus légères de toutes. ----- */
body.espace[data-style=minimaliste] { --titres:'Instrument Serif', Georgia, serif; --texte-police:'Manrope', system-ui, sans-serif; --fond:#f6f5f1; --surface:#ffffff; --carte:#ffffff; --carte-2:#efeee9; --texte:#16171a; --texte-2:#4d4f55; --texte-3:#75777e; --trait:#16171a1a; --trait-2:#16171a38; --accent:#a8492c; --accent-2:#7e3620; --halo:#a8492c14; --encre:#ffffff; --rayon:2px; font-size:16px; background:#f6f5f1; }
.espace[data-style=minimaliste] .carte, .espace[data-style=minimaliste] .lp-scene, .espace[data-style=minimaliste] .a-etape, .espace[data-style=minimaliste] .message { background:#fff; border:1px solid #16171a1f; border-radius:2px; box-shadow:none; }
.espace[data-style=minimaliste] .e-bloc, .espace[data-style=minimaliste] .a-etape, .espace[data-style=minimaliste] .message, .espace[data-style=minimaliste] .lp-scene { padding:30px; } .espace[data-style=minimaliste] .lp-scene::before { display:none; }
/* les titres */
.espace[data-style=minimaliste] h1, .espace[data-style=minimaliste] h2, .espace[data-style=minimaliste] h3 { font-family:var(--titres); font-weight:400; letter-spacing:-.012em; color:#16171a; }
.espace[data-style=minimaliste] h1 { font-size:clamp(46px, 7.4vw, 96px); line-height:1; overflow-wrap:anywhere; } .espace[data-style=minimaliste] h1.petit { font-size:clamp(40px, 5.6vw, 68px); }
.espace[data-style=minimaliste] h2.petit, .espace[data-style=minimaliste] h3.petit { font-size:30px; line-height:1.1; } .espace[data-style=minimaliste] .e-sous-titre { font-size:36px; border-top:1px solid #16171a; padding-top:14px; }
.espace[data-style=minimaliste] .surtitre { font-family:var(--texte-police); font-weight:700; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:#16171a; }
.espace[data-style=minimaliste] .note { color:var(--texte-2); } .espace[data-style=minimaliste] .alerte { background:#fbeee9; color:#7e3620; border:1px solid #a8492c66; border-radius:2px; }
/* le bandeau : du texte et un filet */
.espace[data-style=minimaliste] .e-entete { background:#f6f5f1; border-bottom:1px solid #16171a; box-shadow:none; backdrop-filter:none; }
.espace[data-style=minimaliste] .e-marque { font-family:var(--titres); font-size:26px; font-weight:400; letter-spacing:-.01em; }
.espace[data-style=minimaliste] .e-nav a { font-size:14px; font-weight:600; color:#4d4f55 !important; padding:6px 10px; border-radius:0; }
.espace[data-style=minimaliste] .e-nav a:hover { background:none; color:#16171a !important; }
.espace[data-style=minimaliste] .e-nav a.actif { background:none; color:#16171a !important; box-shadow:inset 0 -2px 0 #16171a; }
.espace[data-style=minimaliste] .e-moi { font-size:14px; font-weight:600; } .espace[data-style=minimaliste] .e-actions .d-lien { color:#4d4f55; font-size:14px; }
/* les boutons : un aplat d'encre, un contour d'encre */
.espace[data-style=minimaliste] .d-bouton { --lueur:#000; border-radius:2px; background:#16171a; color:#fff; font-size:14px; font-weight:600; box-shadow:none; } .espace[data-style=minimaliste] .d-bouton::after { display:none; }
.espace[data-style=minimaliste] .d-bouton:hover { background:#000; transform:none; box-shadow:none; }
.espace[data-style=minimaliste] .d-bouton.secondaire { background:transparent; color:#16171a; box-shadow:inset 0 0 0 1px #16171a; } .espace[data-style=minimaliste] .d-bouton.secondaire:hover { background:#16171a; color:#fff; }
.espace[data-style=minimaliste] .d-bouton.grand { font-size:16px; }
/* l'accueil : une couverture de revue */
.espace[data-style=minimaliste] .e-heros { padding:64px 0 40px; border-bottom:1px solid #16171a; margin-bottom:28px; }
.espace[data-style=minimaliste] .e-icone.grande { border-radius:50%; width:96px; height:96px; background:#16171a; color:#fff; font-family:var(--titres); font-weight:400; font-size:48px; box-shadow:none; } .espace[data-style=minimaliste] .e-icone.petite { border-radius:50%; background:#16171a; color:#fff; font-family:var(--titres); font-weight:400; font-size:19px; }
.espace[data-style=minimaliste] .e-texte { color:#4d4f55; font-size:clamp(17px, 1.8vw, 20px); line-height:1.6; } .espace[data-style=minimaliste] .e-devise { font-family:var(--titres); font-style:italic; font-size:clamp(20px, 2.2vw, 26px); color:var(--accent); letter-spacing:0; }
.espace[data-style=minimaliste] .e-puce { background:none; border:0; border-left:1px solid #16171a; border-radius:0; padding:0 0 0 10px; color:#16171a; font-size:13px; font-weight:600; }
.espace[data-style=minimaliste] .e-grille { gap:0; padding-bottom:0; border-top:1px solid #16171a1f; border-left:1px solid #16171a1f; }
.espace[data-style=minimaliste] .e-tuile { position:relative; padding:24px 22px 26px; gap:8px; background:none; border:0; border-right:1px solid #16171a1f; border-bottom:1px solid #16171a1f; border-radius:0; transition:background-color .15s; } .espace[data-style=minimaliste] .e-tuile:hover { transform:none; background:#fff; border-color:#16171a1f; }
.espace[data-style=minimaliste] .e-tuile::after { content:'→'; position:absolute; top:24px; right:22px; color:#16171a; font-size:18px; opacity:0; transition:opacity .15s; } .espace[data-style=minimaliste] .e-tuile:hover::after { opacity:1; }
.espace[data-style=minimaliste] .e-tuile strong { font-family:var(--titres); font-size:30px; font-weight:400; line-height:1.05; letter-spacing:-.01em; color:#16171a; } .espace[data-style=minimaliste] .e-tuile small { color:#4d4f55; font-size:14px; line-height:1.5; }
.espace[data-style=minimaliste] .e-tuile-icone { width:32px; height:32px; font-size:0; border-radius:0; margin-bottom:22px; background:center / contain no-repeat; }
.espace[data-style=minimaliste] a[href="/musique"] .e-tuile-icone { background-image:url(/discord/static/medias/minimaliste/musique.svg); }
.espace[data-style=minimaliste] a[href="/profil"] .e-tuile-icone { background-image:url(/discord/static/medias/minimaliste/profil.svg); }
.espace[data-style=minimaliste] a[href="/classement"] .e-tuile-icone { background-image:url(/discord/static/medias/minimaliste/classement.svg); }
.espace[data-style=minimaliste] a[href="/profil/quetes"] .e-tuile-icone { background-image:url(/discord/static/medias/minimaliste/quetes.svg); }
.espace[data-style=minimaliste] a[href="/tickets"] .e-tuile-icone { background-image:url(/discord/static/medias/minimaliste/tickets.svg); }
.espace[data-style=minimaliste] a[href="/invitations"] .e-tuile-icone { background-image:url(/discord/static/medias/minimaliste/invitations.svg); }
.espace[data-style=minimaliste] a[href="/admin"] .e-tuile-icone { background-image:url(/discord/static/medias/minimaliste/admin.svg); }
/* les listes, les chiffres, les jauges en filets */
.espace[data-style=minimaliste] .e-liste { padding:0 14px; } .espace[data-style=minimaliste] .e-rang { border-radius:0; border-bottom:1px solid #16171a1a; padding:13px 4px; } .espace[data-style=minimaliste] .e-rang:last-child { border-bottom:0; } .espace[data-style=minimaliste] .e-rang:hover { background:#f6f5f1; }
.espace[data-style=minimaliste] .e-rang.moi { background:#a8492c0f; box-shadow:inset 2px 0 0 var(--accent); } .espace[data-style=minimaliste] .e-place { font-family:var(--titres); font-size:24px; font-weight:400; color:#16171a; } .espace[data-style=minimaliste] .e-valeur { color:#4d4f55; font-weight:600; }
.espace[data-style=minimaliste] .e-statut { background:none; color:var(--accent); border:1px solid currentColor; border-radius:0; } .espace[data-style=minimaliste] .e-statut-ferme, .espace[data-style=minimaliste] .e-statut-supprime { color:#75777e; background:none; }
.espace[data-style=minimaliste] .e-chiffre { padding:18px 20px; } .espace[data-style=minimaliste] .e-chiffre span { color:#75777e; font-size:11px; letter-spacing:.14em; font-weight:700; } .espace[data-style=minimaliste] .e-chiffre strong { font-family:var(--titres); font-size:44px; font-weight:400; line-height:1.05; color:#16171a; } .espace[data-style=minimaliste] .e-chiffre small { color:var(--accent); }
.espace[data-style=minimaliste] .e-jauge, .espace[data-style=minimaliste] .lp-barre, .espace[data-style=minimaliste] .h-barre { height:3px; border-radius:0; background:#d9d7d0; box-shadow:none; } .espace[data-style=minimaliste] .e-jauge b, .espace[data-style=minimaliste] .lp-barre i, .espace[data-style=minimaliste] .h-barre i { border-radius:0; background:#16171a; box-shadow:none; }
.espace[data-style=minimaliste] .e-g-fond { fill:#16171a0a; } .espace[data-style=minimaliste] .e-g-lien { fill:#16171a; } .espace[data-style=minimaliste] .e-g-autre { fill:var(--accent); opacity:1; } .espace[data-style=minimaliste] .e-l-lien { background:#16171a; } .espace[data-style=minimaliste] .e-l-autre { background:var(--accent); opacity:1; } .espace[data-style=minimaliste] .e-legende span { border-radius:0; }
.espace[data-style=minimaliste] .champ { background:#fff; border:0; border-bottom:1px solid #16171a; border-radius:0; color:#16171a; padding-left:2px; } .espace[data-style=minimaliste] textarea.champ, .espace[data-style=minimaliste] select.champ { border:1px solid #16171a59; padding-left:12px; } .espace[data-style=minimaliste] .champ::placeholder { color:#8a8c92; } .espace[data-style=minimaliste] .champ:focus { outline:2px solid #16171a; outline-offset:1px; }
.espace[data-style=minimaliste] .onglet { background:none; color:#4d4f55; border:0; border-radius:0; padding:6px 2px; margin-right:14px; font-size:14px; font-weight:600; } .espace[data-style=minimaliste] .onglet:hover { color:#16171a; } .espace[data-style=minimaliste] .onglet.actif { background:none; color:#16171a; box-shadow:inset 0 -2px 0 #16171a; }
/* le lecteur de musique */
.espace[data-style=minimaliste] .lp-annonce { background:#fff; border-color:#16171a1f; border-radius:2px; } .espace[data-style=minimaliste] .lp-pochette { border-radius:0; background:#efeee9; color:#16171a; box-shadow:none; }
.espace[data-style=minimaliste] .lp-etat { color:#16171a; font-size:11px; letter-spacing:.16em; font-weight:700; } .espace[data-style=minimaliste] .lp-infos h2 { font-size:clamp(34px, 4vw, 48px); line-height:1.05; } .espace[data-style=minimaliste] .lp-artiste { font-family:var(--titres); font-style:italic; font-size:22px; color:#4d4f55; }
.espace[data-style=minimaliste] .lp-rond { background:#fff; border:1px solid #16171a; color:#16171a; box-shadow:none; } .espace[data-style=minimaliste] .lp-rond:hover:not(:disabled) { filter:none; background:#16171a; color:#fff; } .espace[data-style=minimaliste] .lp-rond.grand { background:#16171a; border:0; color:#fff; box-shadow:none; } .espace[data-style=minimaliste] .lp-rond.grand:hover:not(:disabled) { background:#000; }
.espace[data-style=minimaliste] .lp-puce { background:none; border:1px solid #16171a38; border-radius:2px; color:#16171a; font-weight:600; } .espace[data-style=minimaliste] .lp-puce.actif { background:#16171a; color:#fff; border-color:#16171a; } .espace[data-style=minimaliste] .lp-volume input { accent-color:#16171a; }
.espace[data-style=minimaliste] .lp-ligne { border-radius:0; border-bottom:1px solid #16171a14; } .espace[data-style=minimaliste] .lp-ligne:hover { background:#f6f5f1; } .espace[data-style=minimaliste] .lp-mini { border-radius:0; } .espace[data-style=minimaliste] .lp-petit { border-radius:2px; } .espace[data-style=minimaliste] .lp-petit:hover:not(:disabled) { background:#efeee9; border-color:transparent; } .espace[data-style=minimaliste] .lp-icone { border-radius:50%; background:#16171a; color:#fff; font-family:var(--titres); }
/* la carte en relief : une page de revue, moitié texte, moitié image */
.espace[data-style=minimaliste] .h-video { display:none; } .espace[data-style=minimaliste] .h-page::before { display:none; }
.espace[data-style=minimaliste] .h-carte { border-radius:0; box-shadow:0 0 0 1px #16171a; background:#fff; } .espace[data-style=minimaliste] .h-plan { border-radius:0; } .espace[data-style=minimaliste] .h-fond { transform:none; } .espace[data-style=minimaliste] .h-voile, .espace[data-style=minimaliste] .h-halo, .espace[data-style=minimaliste] .h-holo, .espace[data-style=minimaliste] .h-eclat, .espace[data-style=minimaliste] .h-bord, .espace[data-style=minimaliste] .h-particules { display:none; }
.espace[data-style=minimaliste] .h-verre { inset:0 auto 0 0; width:60%; padding:clamp(16px, 3vw, 40px); background:#f6f5f1; border:0; border-radius:0; box-shadow:none; transform:none; }
.espace[data-style=minimaliste] .h-marque { color:#16171a; letter-spacing:.16em; font-size:clamp(9px, 1vw, 12px); } .espace[data-style=minimaliste] .h-piste { stroke:#d9d7d0; stroke-width:3; } .espace[data-style=minimaliste] .h-xp { stroke:#16171a; stroke-width:4; stroke-linecap:butt; }
.espace[data-style=minimaliste] .h-anneau img, .espace[data-style=minimaliste] .h-anneau .h-initiale { box-shadow:none; background:#efeee9; color:#16171a; font-family:var(--titres); font-weight:400; } .espace[data-style=minimaliste] .h-niveau { background:#16171a; color:#fff; box-shadow:0 0 0 3px #f6f5f1; font-family:var(--titres); font-weight:400; font-size:clamp(13px, 1.9vw, 24px); }
.espace[data-style=minimaliste] .h-nom { font-family:var(--titres); font-weight:400; font-size:clamp(28px, 5.4vw, 74px); line-height:1; background:none; -webkit-text-fill-color:#16171a; color:#16171a; } .espace[data-style=minimaliste] .h-pseudo { color:#75777e; }
.espace[data-style=minimaliste] .h-puce { border:0; border-left:1px solid #16171a; border-radius:0; color:#16171a; padding:0 0 0 8px; font-weight:600; } .espace[data-style=minimaliste] .h-puce.vocal { background:none; color:var(--accent); border-left-color:var(--accent); }
.espace[data-style=minimaliste] .h-bio { font-family:var(--titres); font-style:italic; color:#16171a; opacity:1; font-size:clamp(15px, 2vw, 25px); } .espace[data-style=minimaliste] .h-niv strong { font-family:var(--titres); font-weight:400; font-size:clamp(20px, 3vw, 40px); color:#16171a; } .espace[data-style=minimaliste] .h-niv span { color:#4d4f55; font-weight:600; } .espace[data-style=minimaliste] .h-niv .h-total { color:#16171a; } .espace[data-style=minimaliste] .h-reste { color:#75777e; }
.espace[data-style=minimaliste] .h-tuiles { gap:0; border-top:1px solid #16171a; } .espace[data-style=minimaliste] .h-tuile { background:none; border:0; border-right:1px solid #16171a1f; border-radius:0; padding:clamp(6px, 1vw, 12px) clamp(6px, 1vw, 12px) 0; } .espace[data-style=minimaliste] .h-tuile:last-child { border-right:0; } .espace[data-style=minimaliste] .h-tuile span { color:#75777e; font-size:clamp(7px, .8vw, 10px); letter-spacing:.12em; } .espace[data-style=minimaliste] .h-tuile strong { font-family:var(--titres); font-weight:400; font-size:clamp(17px, 2.5vw, 34px); color:#16171a; }
.espace[data-style=minimaliste] .h-badges span { border:0; color:#75777e; padding:0 8px 0 0; } .espace[data-style=minimaliste] .h-astuce { display:none; }
.espace[data-style=minimaliste] .a-apercu { border-radius:0; box-shadow:0 0 0 1px #16171a; } .espace[data-style=minimaliste] .a-apercu-voile { background:none; } .espace[data-style=minimaliste] .a-apercu-verre { background:#f6f5f1; border:0; border-radius:0; backdrop-filter:none; } .espace[data-style=minimaliste] .a-apercu-verre strong { font-family:var(--titres); font-weight:400; font-size:22px; }
.espace[data-style=minimaliste] .a-choisi strong { font-family:var(--titres); font-size:34px; font-weight:400; line-height:1.05; } .espace[data-style=minimaliste] .a-sosies-titre { color:#16171a; font-size:11px; letter-spacing:.14em; } .espace[data-style=minimaliste] .a-sosie { border-radius:0; }
.espace[data-style=minimaliste] .a-puce, .espace[data-style=minimaliste] .a-onglets button { background:none; color:#4d4f55; border:0; border-radius:0; font-weight:600; box-shadow:none; } .espace[data-style=minimaliste] .a-puce[aria-pressed=true], .espace[data-style=minimaliste] .a-onglets button[aria-selected=true] { background:none; color:#16171a; box-shadow:inset 0 -2px 0 #16171a; }
.espace[data-style=minimaliste] .a-perso span, .espace[data-style=minimaliste] .a-decor span { border-radius:0; } .espace[data-style=minimaliste] .a-perso strong { font-family:var(--titres); font-size:20px; font-weight:400; } .espace[data-style=minimaliste] .a-decor img, .espace[data-style=minimaliste] .e-decor img { border-radius:0; }
.espace[data-style=minimaliste] .e-pied { border-top:1px solid #16171a; color:#4d4f55; }
@media (max-width: 900px) { .espace[data-style=minimaliste] .e-nav { background:#f6f5f1; border-top:1px solid #16171a; } }
@media (max-width: 720px) { .espace[data-style=minimaliste] .e-bloc, .espace[data-style=minimaliste] .a-etape, .espace[data-style=minimaliste] .message, .espace[data-style=minimaliste] .lp-scene { padding:18px; } .espace[data-style=minimaliste] .e-heros { padding-top:36px; } }
@media (max-width: 760px) { .espace[data-style=minimaliste] .h-verre { inset:auto 0 0 0; width:auto; max-height:68%; padding:16px; transform:translateZ(80px); } .espace[data-style=minimaliste] .h-perso { max-width:62%; height:44%; inset:1% 0 auto auto; } .espace[data-style=minimaliste] .h-tuiles { grid-template-columns:repeat(2, 1fr); } .espace[data-style=minimaliste] .h-nom { font-size:34px; } }
@media (prefers-reduced-motion: reduce) { .espace[data-style=minimaliste] .e-tuile, .espace[data-style=minimaliste] .e-tuile::after { transition:none; } }

/* ----- Nature : le carnet d'un botaniste en forêt. Sous-bois sombre autour, feuilles d'herbier découpées à la main pour lire, encre verte et terre cuite,
   branches dans les coins, tiges qui poussent à la place des jauges, bois coupé pour les marches. Des images fixes et légères, aucun filtre, rien ne bouge seul. ----- */
body.espace[data-style=nature] { --titres:'Fraunces', Georgia, serif; --texte-police:'Nunito', system-ui, sans-serif; --fond:#121f15; --surface:#1b2d1f; --carte:#1e3122; --carte-2:#2a4230; --texte:#f4f0dc; --texte-2:#d3dcc0; --texte-3:#a3b394; --trait:#b8d98f33; --trait-2:#b8d98f66; --accent:#b8d98f; --accent-2:#6f9d52; --halo:#b8d98f22; --encre:#14240f; --rayon:22px; font-size:17px;
  background:radial-gradient(ellipse 70% 460px at 30% -60px, #5f8f4a55, transparent 72%), url(/discord/static/medias/nature/sous-bois.webp) center top / 720px, #121f15; }
/* sur le papier, tout s'écrit à l'encre */
.espace[data-style=nature] .carte, .espace[data-style=nature] .lp-scene, .espace[data-style=nature] .a-etape, .espace[data-style=nature] .h-verre, .espace[data-style=nature] .message {
  --texte:#20301e; --texte-2:#47573f; --texte-3:#6d7a5f; --trait:#3d5a3226; --trait-2:#3d5a3259; --accent:#3f6f36; --accent-2:#264a2a; --encre:#fbf6e4; --halo:#4a7c3e1c; --surface:#f7f1dd; --carte:#efe8d1; --carte-2:#e2e4c4; color:var(--texte); }
.espace[data-style=nature] .carte, .espace[data-style=nature] .lp-scene, .espace[data-style=nature] .a-etape, .espace[data-style=nature] .message { background:url(/discord/static/medias/nature/papier.webp) center / 480px, #f0e8d2; border:0; border-radius:24px 30px 22px 28px / 28px 22px 30px 24px; box-shadow:inset 0 0 30px #8a6c3a33, 0 14px 26px -14px #000; }
/* les grands blocs portent une branche dans le coin */
.espace[data-style=nature] .e-bloc, .espace[data-style=nature] .message, .espace[data-style=nature] .lp-scene, .espace[data-style=nature] .e-liste.carte, .espace[data-style=nature] .a-etape { background:url(/discord/static/medias/nature/coin-hd.webp) right top / 170px no-repeat, url(/discord/static/medias/nature/papier.webp) center / 480px, #f0e8d2; padding:30px 28px 28px; }
.espace[data-style=nature] .lp-scene::before { display:none; }
/* les titres */
.espace[data-style=nature] h1, .espace[data-style=nature] h2, .espace[data-style=nature] h3 { font-family:var(--titres); font-weight:600; letter-spacing:-.01em; font-variation-settings:'SOFT' 100; }
.espace[data-style=nature] h1 { color:#f7f3df; font-size:clamp(36px, 5.6vw, 66px); line-height:1.06; text-shadow:0 2px 10px #000a; overflow-wrap:anywhere; } .espace[data-style=nature] h1.petit { font-size:clamp(32px, 4.4vw, 50px); }
.espace[data-style=nature] .carte h1, .espace[data-style=nature] .message h1, .espace[data-style=nature] .carte h2, .espace[data-style=nature] .carte h3, .espace[data-style=nature] .lp-scene h2, .espace[data-style=nature] .a-etape h2 { color:#264a2a; text-shadow:none; }
.espace[data-style=nature] h2.petit, .espace[data-style=nature] h3.petit { font-size:25px; } .espace[data-style=nature] .e-sous-titre { color:#f7f3df; font-size:30px; text-shadow:0 2px 8px #0009; }
.espace[data-style=nature] .surtitre { display:flex; align-items:center; gap:8px; font-family:var(--texte-police); font-weight:800; font-size:15px; letter-spacing:.08em; text-transform:uppercase; color:#c6e29e; text-shadow:0 1px 3px #000; }
.espace[data-style=nature] .surtitre::before { content:''; flex:none; width:22px; height:22px; background:url(/discord/static/medias/nature/feuille.svg) center / contain no-repeat; }
.espace[data-style=nature] .note { color:var(--texte-2); } .espace[data-style=nature] .e-section > .note, .espace[data-style=nature] .e-texte { text-shadow:0 1px 3px #000; } .espace[data-style=nature] .alerte { background:#f6dfcb; color:#7a2e12; border:1px solid #b0582e80; border-radius:14px; }
/* le bandeau */
.espace[data-style=nature] .e-entete { background:#16281b; border-bottom:2px solid #6f9d52; box-shadow:0 8px 18px -10px #000; backdrop-filter:none; }
.espace[data-style=nature] .e-marque { font-family:var(--titres); font-size:23px; font-weight:600; color:#f7f3df !important; }
.espace[data-style=nature] .e-nav a { font-family:var(--texte-police); font-size:16px; font-weight:800; color:#dfe7cc !important; padding:7px 13px; border-radius:16px 20px 16px 20px; }
.espace[data-style=nature] .e-nav a:hover { background:#6f9d5233; color:#fff !important; }
.espace[data-style=nature] .e-nav a.actif { background:#f0e8d2; color:#264a2a !important; box-shadow:none; }
.espace[data-style=nature] .e-moi { color:#f4f0dc; } .espace[data-style=nature] .e-actions .d-lien { color:#d3dcc0; }
/* les boutons : un galet de mousse, et un galet de papier */
.espace[data-style=nature] .d-bouton { --lueur:#000; border-radius:20px 26px 22px 28px / 26px 20px 28px 22px; background:linear-gradient(180deg, #6f9d52, #4a7c3e 60%, #3a6632); color:#fbf6e4; font-family:var(--texte-police); font-size:16px; font-weight:800; box-shadow:inset 0 1px 0 #ffffff4d, 0 8px 14px -8px #000; }
.espace[data-style=nature] .d-bouton:hover { box-shadow:inset 0 1px 0 #ffffff66, 0 12px 18px -8px #000; }
.espace[data-style=nature] .d-bouton.secondaire { background:url(/discord/static/medias/nature/papier.webp) center / 480px, #f0e8d2; color:#264a2a; box-shadow:inset 0 0 0 1.5px #4a7c3e80, 0 6px 12px -8px #000; }
.espace[data-style=nature] .d-bouton.grand { font-size:18px; }
/* l'accueil */
.espace[data-style=nature] .e-heros { padding-top:56px; }
.espace[data-style=nature] .e-icone.grande { border-radius:44% 56% 52% 48% / 52% 44% 56% 48%; background:#f0e8d2; color:#264a2a; font-family:var(--titres); box-shadow:0 0 0 4px #6f9d52, 0 18px 28px -14px #000; } .espace[data-style=nature] .e-icone.petite { border-radius:44% 56% 52% 48% / 52% 44% 56% 48%; background:#f0e8d2; color:#264a2a; font-family:var(--titres); }
.espace[data-style=nature] .e-texte { color:#eef0dc; font-size:clamp(18px, 2vw, 22px); } .espace[data-style=nature] .e-devise { font-family:var(--titres); font-style:italic; color:#c6e29e; }
.espace[data-style=nature] .e-puce { background:#f0e8d2; border:0; color:#264a2a; border-radius:14px 18px 14px 18px; font-weight:800; }
.espace[data-style=nature] .e-tuile { padding:20px; } .espace[data-style=nature] .e-tuile:hover { transform:translateY(-3px) rotate(-.4deg); }
.espace[data-style=nature] .e-tuile strong { font-family:var(--titres); font-size:24px; font-weight:600; color:#264a2a; line-height:1.15; font-variation-settings:'SOFT' 100; } .espace[data-style=nature] .e-tuile small { color:#47573f; font-size:15px; }
.espace[data-style=nature] .e-tuile-icone { width:66px; height:66px; font-size:0; border-radius:0; background:center / contain no-repeat; }
.espace[data-style=nature] a[href="/musique"] .e-tuile-icone { background-image:url(/discord/static/medias/nature/musique.svg); }
.espace[data-style=nature] a[href="/profil"] .e-tuile-icone { background-image:url(/discord/static/medias/nature/profil.svg); }
.espace[data-style=nature] a[href="/classement"] .e-tuile-icone { background-image:url(/discord/static/medias/nature/classement.svg); }
.espace[data-style=nature] a[href="/profil/quetes"] .e-tuile-icone { background-image:url(/discord/static/medias/nature/quetes.svg); }
.espace[data-style=nature] a[href="/tickets"] .e-tuile-icone { background-image:url(/discord/static/medias/nature/tickets.svg); }
.espace[data-style=nature] a[href="/invitations"] .e-tuile-icone { background-image:url(/discord/static/medias/nature/invitations.svg); }
.espace[data-style=nature] a[href="/admin"] .e-tuile-icone { background-image:url(/discord/static/medias/nature/admin.svg); }
/* les listes, les chiffres et les tiges qui poussent */
.espace[data-style=nature] .e-rang { border-bottom:1px dashed #3d5a3240; border-radius:10px; } .espace[data-style=nature] .e-rang:last-child { border-bottom:0; } .espace[data-style=nature] .e-rang:hover { background:#4a7c3e1a; }
.espace[data-style=nature] .e-rang strong { color:#20301e; } .espace[data-style=nature] .e-rang.moi { background:#4a7c3e24; } .espace[data-style=nature] .e-place { font-family:var(--titres); font-size:20px; font-weight:600; color:#b0582e; } .espace[data-style=nature] .e-valeur { color:#3f6f36; font-weight:800; }
.espace[data-style=nature] .e-statut { background:#4a7c3e; color:#fbf6e4; } .espace[data-style=nature] .e-statut-ferme, .espace[data-style=nature] .e-statut-supprime { background:#3d5a3226; color:#47573f; }
.espace[data-style=nature] .e-chiffre span { color:#6d7a5f; letter-spacing:.06em; } .espace[data-style=nature] .e-chiffre strong { font-family:var(--titres); font-size:32px; font-weight:600; color:#264a2a; } .espace[data-style=nature] .e-chiffre small { color:#b0582e; }
.espace[data-style=nature] .e-jauge, .espace[data-style=nature] .lp-barre, .espace[data-style=nature] .h-barre { height:16px; border-radius:0; background:linear-gradient(#b5ae8c, #b5ae8c) center / 100% 3px no-repeat; box-shadow:none; }
.espace[data-style=nature] .e-jauge b, .espace[data-style=nature] .lp-barre i, .espace[data-style=nature] .h-barre i { border-radius:0; background:url(/discord/static/medias/nature/tige.svg) left center / 39px 16px repeat-x; box-shadow:none; }
.espace[data-style=nature] .e-g-fond { fill:#3d5a321a; } .espace[data-style=nature] .e-g-lien { fill:#4a7c3e; } .espace[data-style=nature] .e-g-autre { fill:#cc963a; opacity:1; } .espace[data-style=nature] .e-graphe text { fill:#47573f; } .espace[data-style=nature] .e-l-lien { background:#4a7c3e; } .espace[data-style=nature] .e-l-autre { background:#cc963a; opacity:1; }
.espace[data-style=nature] .champ { background:#fbf6e4; border:1.5px solid #4a7c3e80; border-radius:14px 18px 14px 18px; color:#20301e; } .espace[data-style=nature] .champ::placeholder { color:#7f8a6c; } .espace[data-style=nature] .champ:focus { outline:2px solid #4a7c3e; }
.espace[data-style=nature] .onglet { background:#fbf6e4; color:#264a2a; border:0; border-radius:14px 18px 14px 18px; font-family:var(--texte-police); font-weight:800; box-shadow:inset 0 0 0 1.5px #4a7c3e66; } .espace[data-style=nature] .onglet.actif { background:#4a7c3e; color:#fbf6e4; box-shadow:none; }
/* le lecteur de musique : la pochette posée sur la page comme un spécimen */
.espace[data-style=nature] .lp-annonce { background:#f0e8d2; color:#20301e; border:0; } .espace[data-style=nature] .lp-scene { box-shadow:0 14px 26px -14px #000; }
.espace[data-style=nature] .lp-pochette { border-radius:4px; border:8px solid #fbf6e4; background:#e2e4c4; color:#3f6f36; box-shadow:0 12px 20px -10px #3a2c12a6; transform:rotate(-1.2deg); }
.espace[data-style=nature] .lp-etat { color:#b0582e; } .espace[data-style=nature] .lp-infos h2 { font-size:clamp(26px, 3.2vw, 38px); color:#264a2a; } .espace[data-style=nature] .lp-artiste { font-family:var(--titres); font-style:italic; font-size:19px; color:#47573f; }
.espace[data-style=nature] .lp-progression { color:#47573f; } .espace[data-style=nature] .lp-rond { background:#fbf6e4; border:1.5px solid #4a7c3e80; color:#264a2a; box-shadow:0 5px 9px -6px #3a2c12; } .espace[data-style=nature] .lp-rond:hover:not(:disabled) { filter:none; background:#e2e4c4; }
.espace[data-style=nature] .lp-rond.grand { background:linear-gradient(180deg, #6f9d52, #3a6632); border:0; color:#fbf6e4; box-shadow:0 8px 14px -8px #1d2d17; } .espace[data-style=nature] .lp-rond.grand:hover:not(:disabled) { background:linear-gradient(180deg, #7fae61, #4a7c3e); }
.espace[data-style=nature] .lp-puce { background:#fbf6e4; color:#264a2a; border:1.5px solid #4a7c3e66; border-radius:14px 18px 14px 18px; } .espace[data-style=nature] .lp-puce.actif { background:#4a7c3e; color:#fbf6e4; border-color:#4a7c3e; }
.espace[data-style=nature] .lp-volume { color:#47573f; } .espace[data-style=nature] .lp-volume input { accent-color:#4a7c3e; }
.espace[data-style=nature] .lp-ligne:hover { background:#4a7c3e1a; } .espace[data-style=nature] .lp-texte strong { color:#20301e; } .espace[data-style=nature] .lp-texte small, .espace[data-style=nature] .lp-temps, .espace[data-style=nature] .lp-numero { color:#6d7a5f; } .espace[data-style=nature] .lp-mini { box-shadow:0 0 0 2px #fbf6e4, 0 2px 4px #3a2c1266; }
.espace[data-style=nature] .lp-petit { color:#47573f; } .espace[data-style=nature] .lp-petit:hover:not(:disabled) { background:#4a7c3e1f; border-color:#4a7c3e66; color:#20301e; } .espace[data-style=nature] .lp-petit.actif { color:#b0582e; }
/* la carte en relief et l'atelier */
.espace[data-style=nature] .h-carte { border-radius:26px; box-shadow:0 34px 60px -30px #000; }
.espace[data-style=nature] .h-voile { background:linear-gradient(0deg, #0006 0%, transparent 34%); } .espace[data-style=nature] .h-holo, .espace[data-style=nature] .h-bord { display:none; }
.espace[data-style=nature] .h-verre { background:url(/discord/static/medias/nature/coin-hd.webp) right top / 130px no-repeat, url(/discord/static/medias/nature/papier.webp) center / 480px, #f0e8d2; border:0; border-radius:24px 30px 22px 28px / 28px 22px 30px 24px; box-shadow:inset 0 0 30px #8a6c3a33, 0 14px 26px -14px #000; }
.espace[data-style=nature] .h-marque { color:#b0582e; letter-spacing:.06em; } .espace[data-style=nature] .h-piste { stroke:#3d5a3240; } .espace[data-style=nature] .h-anneau img, .espace[data-style=nature] .h-anneau .h-initiale { box-shadow:0 0 0 3px #fbf6e4; background:#e2e4c4; color:#264a2a; font-family:var(--titres); }
.espace[data-style=nature] .h-niveau { background:repeating-radial-gradient(circle at 50% 50%, #d6ae7a 0 3px, #c49a64 3px 5px); color:#3a2210; font-family:var(--titres); font-weight:700; box-shadow:0 0 0 3px #54361e, 0 4px 8px #0006; }
.espace[data-style=nature] .h-nom { font-family:var(--titres); font-weight:600; background:none; text-shadow:none; -webkit-text-fill-color:#264a2a; color:#264a2a; font-variation-settings:'SOFT' 100; } .espace[data-style=nature] .h-pseudo, .espace[data-style=nature] .h-reste { color:#6d7a5f; } .espace[data-style=nature] .h-bio { color:#47573f; font-family:var(--titres); }
.espace[data-style=nature] .h-puce { color:#264a2a; border-color:#4a7c3e80; } .espace[data-style=nature] .h-puce.vocal { background:#b0582e; border-color:#b0582e; color:#fbf6e4; }
.espace[data-style=nature] .h-niv strong { font-family:var(--titres); font-weight:600; color:#20301e; } .espace[data-style=nature] .h-niv span { color:#b0582e; } .espace[data-style=nature] .h-niv .h-total { color:#20301e; }
.espace[data-style=nature] .h-tuile { background:#4a7c3e17; border:1px solid #3d5a3240; } .espace[data-style=nature] .h-tuile span { color:#6d7a5f; } .espace[data-style=nature] .h-tuile strong { color:#20301e; } .espace[data-style=nature] .h-badges span { border-color:#3d5a3259; color:#47573f; }
.espace[data-style=nature] .h-astuce { color:#d3dcc0; margin-top:12px; text-shadow:0 1px 2px #000; } @media (min-width: 761px) { .espace[data-style=nature] .h-particules { clip-path:inset(0 0 0 62%); } }
.espace[data-style=nature] .a-apercu { border-radius:18px; box-shadow:0 18px 30px -18px #000; }
.espace[data-style=nature] .a-apercu-verre { background:url(/discord/static/medias/nature/papier.webp) center / 480px, #f0e8d2; border:0; border-radius:14px 18px 14px 18px; color:#20301e; --texte-2:#47573f; backdrop-filter:none; } .espace[data-style=nature] .a-apercu-verre strong { font-family:var(--titres); font-weight:600; font-size:20px; color:#264a2a; }
.espace[data-style=nature] .a-choisi strong { font-family:var(--titres); font-size:28px; font-weight:600; color:#f7f3df; } .espace[data-style=nature] .a-choisi span { color:#d3dcc0; } .espace[data-style=nature] .a-sosies-titre { color:#c6e29e; }
.espace[data-style=nature] .a-puce, .espace[data-style=nature] .a-onglets button { background:#f0e8d2; color:#264a2a; border:0; border-radius:14px 18px 14px 18px; font-weight:800; } .espace[data-style=nature] .a-puce[aria-pressed=true], .espace[data-style=nature] .a-onglets button[aria-selected=true] { background:#4a7c3e; color:#fbf6e4; box-shadow:none; }
.espace[data-style=nature] .a-etape .a-puce { background:#fbf6e4; box-shadow:inset 0 0 0 1.5px #4a7c3e66; } .espace[data-style=nature] .a-etape .a-puce[aria-pressed=true] { background:#4a7c3e; box-shadow:none; }
.espace[data-style=nature] .a-perso span, .espace[data-style=nature] .a-decor span { border-radius:14px; } .espace[data-style=nature] .a-perso strong { color:#264a2a; font-family:var(--titres); font-size:17px; font-weight:600; }
.espace[data-style=nature] .e-pied, .espace[data-style=nature] footer { color:#d3dcc0; }
@media (max-width: 900px) { .espace[data-style=nature] .e-nav { background:#16281b; border-top:2px solid #6f9d52; } .espace[data-style=nature] .e-nav a { font-size:14px; } }
@media (max-width: 720px) { .espace[data-style=nature] .e-bloc, .espace[data-style=nature] .message, .espace[data-style=nature] .lp-scene, .espace[data-style=nature] .e-liste.carte, .espace[data-style=nature] .a-etape { background-size:110px, 480px, auto; padding:22px 16px 18px; } .espace[data-style=nature] .e-tuile { padding:16px; } }
@media (max-width: 760px) { .espace[data-style=nature] .h-verre { background-size:80px, 480px, auto; } }

/* ----- Néon : une rue la nuit. Asphalte mouillé autour, vitres sombres cerclées de vrais tubes, lettres d'enseigne, rose pour ce qui compte,
   cyan pour ce qui accompagne. La lueur des cadres est dessinée dans leurs images : aucun filtre, aucune animation permanente. ----- */
body.espace[data-style=neon] { --titres:'Tilt Neon', 'Rajdhani', sans-serif; --texte-police:'Rajdhani', system-ui, sans-serif; --fond:#0b0614; --surface:#140a22; --carte:#170c28; --carte-2:#21123a;
  --texte:#fff0fc; --texte-2:#ecd0ea; --texte-3:#b895bb; --trait:#ff4fd82e; --trait-2:#ff4fd866; --accent:#ff6fe0; --accent-2:#d92cb8; --halo:#ff4fd824; --encre:#1b0417; --froid:#4fe8ff; --rayon:16px; font-size:18px; font-weight:500;
  background:radial-gradient(ellipse 60% 420px at 18% -60px, #a31f8f55, transparent 72%), radial-gradient(ellipse 50% 380px at 88% -40px, #0f7f9c44, transparent 72%), url(/discord/static/medias/neon/nuit.webp) center top / 720px, #0b0614; }
/* les vitres : un cadre à découper, qui porte aussi le fond */
.espace[data-style=neon] .carte, .espace[data-style=neon] .lp-scene, .espace[data-style=neon] .a-etape, .espace[data-style=neon] .message { background:none; border:22px solid transparent; border-image:url(/discord/static/medias/neon/cadre.svg) 34 fill / 22px stretch; border-radius:0; padding:6px; box-shadow:none; }
.espace[data-style=neon] .e-bloc, .espace[data-style=neon] .a-etape, .espace[data-style=neon] .message { padding:10px 12px; }
.espace[data-style=neon] .lp-scene { padding:10px; } .espace[data-style=neon] .lp-scene::before { display:none; }
/* les titres : des lettres d'enseigne */
.espace[data-style=neon] h1, .espace[data-style=neon] h2, .espace[data-style=neon] h3 { font-weight:400; letter-spacing:.01em; }
.espace[data-style=neon] h1 { color:#fff; font-size:clamp(36px, 5.6vw, 68px); line-height:1.08; text-shadow:0 0 3px #fff9, 0 0 12px #ff4fd8, 0 0 30px #ff4fd8b3; overflow-wrap:anywhere; }
.espace[data-style=neon] h1.petit { font-size:clamp(30px, 4.2vw, 50px); }
.espace[data-style=neon] h2.petit, .espace[data-style=neon] h3.petit { font-size:24px; color:#ffd9f6; text-shadow:0 0 10px #ff4fd8; } .espace[data-style=neon] .e-sous-titre { font-size:28px; color:#fff; text-shadow:0 0 10px #ff4fd8; }
.espace[data-style=neon] .surtitre { font-family:var(--texte-police); font-weight:700; font-size:16px; letter-spacing:.14em; text-transform:uppercase; color:#bff6ff; text-shadow:0 0 9px #4fe8ff; }
.espace[data-style=neon] .note { color:var(--texte-2); font-size:17px; } .espace[data-style=neon] .e-section > .note { text-shadow:0 1px 3px #000; } .espace[data-style=neon] .alerte { background:#2c0a24; color:#ffc4f4; border:1px solid #ff4fd880; border-radius:10px; }
/* le bandeau : un seul tube sous le menu */
.espace[data-style=neon] .e-entete { background:#0b0614f5; border-bottom:0; box-shadow:0 1px 0 #ffc4f4, 0 2px 0 #ff4fd8, 0 3px 14px 1px #ff4fd899; backdrop-filter:none; }
.espace[data-style=neon] .e-marque { font-family:var(--titres); font-size:24px; font-weight:400; text-shadow:0 0 10px #ff4fd8; }
.espace[data-style=neon] .e-nav a { font-family:var(--titres); font-size:17px; font-weight:400; color:#f3dcf1 !important; padding:6px 11px; border-radius:10px; }
.espace[data-style=neon] .e-nav a:hover { background:#ff4fd822; color:#fff !important; }
.espace[data-style=neon] .e-nav a.actif { background:none; color:#fff !important; box-shadow:inset 0 0 0 1.5px #ff8fe6, 0 0 10px #ff4fd8b3, inset 0 0 8px #ff4fd866; text-shadow:0 0 8px #ff4fd8; }
.espace[data-style=neon] .e-moi { font-size:17px; } .espace[data-style=neon] .e-actions .d-lien { color:var(--texte-2); }
/* les boutons : rose plein pour l'action, tube cyan pour le reste */
.espace[data-style=neon] .d-bouton { --lueur:#ff4fd8; border-radius:999px; background:linear-gradient(180deg, #ff9bea, #ff4fd8); color:#1b0417; font-family:var(--titres); font-size:18px; font-weight:400; box-shadow:0 0 16px #ff4fd8a6, inset 0 1px 0 #ffffff80; }
.espace[data-style=neon] .d-bouton:hover { box-shadow:0 0 24px #ff4fd8, inset 0 1px 0 #ffffffa6; }
.espace[data-style=neon] .d-bouton.secondaire { background:#120821; color:#e9fcff; box-shadow:inset 0 0 0 1.5px #8ff0ff, 0 0 10px #4fe8ff80, inset 0 0 8px #4fe8ff40; }
.espace[data-style=neon] .d-bouton.secondaire:hover { background:#16243a; box-shadow:inset 0 0 0 1.5px #cdf8ff, 0 0 16px #4fe8ffb3, inset 0 0 10px #4fe8ff59; }
.espace[data-style=neon] .d-bouton.grand { font-size:21px; }
/* l'accueil */
.espace[data-style=neon] .e-heros { padding-top:56px; }
.espace[data-style=neon] .e-icone.grande { border-radius:50%; background:#150a24; color:#fff; box-shadow:0 0 0 2px #ff8fe6, 0 0 22px #ff4fd8, inset 0 0 16px #ff4fd866; text-shadow:0 0 12px #ff4fd8; } .espace[data-style=neon] .e-icone.petite { border-radius:50%; background:#150a24; color:#fff; box-shadow:0 0 0 1.5px #ff8fe6, 0 0 9px #ff4fd8; }
.espace[data-style=neon] .e-texte { color:#f5e2f3; font-size:clamp(19px, 2vw, 23px); text-shadow:0 1px 4px #000; } .espace[data-style=neon] .e-devise { color:#bff6ff; text-shadow:0 0 9px #4fe8ff; }
.espace[data-style=neon] .e-puce { background:#120821; border:1px solid #4fe8ff80; color:#e9fcff; font-size:16px; }
.espace[data-style=neon] .e-tuile { padding:4px 6px 6px; } .espace[data-style=neon] .e-tuile:hover { border-image-source:url(/discord/static/medias/neon/cadre-actif.svg); transform:translateY(-2px); }
.espace[data-style=neon] .e-tuile strong { font-family:var(--titres); font-size:23px; font-weight:400; color:#fff; text-shadow:0 0 9px #ff4fd8; } .espace[data-style=neon] .e-tuile small { font-size:17px; line-height:1.3; color:var(--texte-2); }
.espace[data-style=neon] .e-tuile-icone { width:62px; height:62px; font-size:0; border-radius:0; background:center / contain no-repeat; }
.espace[data-style=neon] a[href="/musique"] .e-tuile-icone { background-image:url(/discord/static/medias/neon/musique.svg); }
.espace[data-style=neon] a[href="/profil"] .e-tuile-icone { background-image:url(/discord/static/medias/neon/profil.svg); }
.espace[data-style=neon] a[href="/classement"] .e-tuile-icone { background-image:url(/discord/static/medias/neon/classement.svg); }
.espace[data-style=neon] a[href="/profil/quetes"] .e-tuile-icone { background-image:url(/discord/static/medias/neon/quetes.svg); }
.espace[data-style=neon] a[href="/tickets"] .e-tuile-icone { background-image:url(/discord/static/medias/neon/tickets.svg); }
.espace[data-style=neon] a[href="/invitations"] .e-tuile-icone { background-image:url(/discord/static/medias/neon/invitations.svg); }
.espace[data-style=neon] a[href="/admin"] .e-tuile-icone { background-image:url(/discord/static/medias/neon/admin.svg); }
/* les listes, les chiffres et les jauges : un tube allumé jusqu'à la progression */
.espace[data-style=neon] .e-rang { border-bottom:1px solid #ff4fd81f; border-radius:10px; } .espace[data-style=neon] .e-rang:last-child { border-bottom:0; } .espace[data-style=neon] .e-rang:hover { background:#ff4fd817; }
.espace[data-style=neon] .e-rang strong { font-size:19px; } .espace[data-style=neon] .e-rang.moi { background:#ff4fd81f; box-shadow:inset 0 0 0 1px #ff8fe680; }
.espace[data-style=neon] .e-place { font-family:var(--titres); font-size:21px; color:#ff9bea; } .espace[data-style=neon] .e-valeur { color:#ff9bea; font-size:17px; }
.espace[data-style=neon] .e-statut { background:#ff6fe0; color:#1b0417; font-size:15px; } .espace[data-style=neon] .e-statut-ferme, .espace[data-style=neon] .e-statut-supprime { background:#ffffff14; color:var(--texte-3); }
.espace[data-style=neon] .e-chiffre span { color:var(--texte-3); font-size:14px; letter-spacing:.08em; } .espace[data-style=neon] .e-chiffre strong { font-family:var(--titres); font-size:34px; font-weight:400; color:#fff; text-shadow:0 0 10px #ff4fd8; } .espace[data-style=neon] .e-chiffre small { color:#bff6ff; font-size:15px; }
.espace[data-style=neon] .e-jauge, .espace[data-style=neon] .lp-barre, .espace[data-style=neon] .h-barre { height:7px; border-radius:99px; background:#ffffff1c; box-shadow:inset 0 0 0 1px #ffffff1a; overflow:visible; }
.espace[data-style=neon] .e-jauge b, .espace[data-style=neon] .lp-barre i, .espace[data-style=neon] .h-barre i { border-radius:99px; background:#ffc4f4; box-shadow:0 0 0 1.5px #ff4fd8, 0 0 10px 1px #ff4fd8; }
.espace[data-style=neon] .e-g-fond { fill:#ff4fd80f; } .espace[data-style=neon] .e-g-autre { fill:#4fe8ff; opacity:1; } .espace[data-style=neon] .e-l-autre { background:#4fe8ff; opacity:1; } .espace[data-style=neon] .e-graphe text { font-size:12px; } .espace[data-style=neon] .e-legende { font-size:15px; }
.espace[data-style=neon] .champ { background:#0d0618; border:1px solid #4fe8ff80; border-radius:10px; color:var(--texte); font-size:18px; } .espace[data-style=neon] .champ::placeholder { color:#8f7a97; } .espace[data-style=neon] .champ:focus { outline:2px solid #4fe8ff; }
.espace[data-style=neon] .etiquette { font-size:17px; } .espace[data-style=neon] .onglet { background:#120821; color:#e9fcff; border:1px solid #4fe8ff80; font-family:var(--titres); font-size:17px; font-weight:400; }
.espace[data-style=neon] .onglet.actif { background:#ff6fe0; color:#1b0417; border-color:#ff6fe0; box-shadow:0 0 12px #ff4fd8a6; }
/* le lecteur de musique */
.espace[data-style=neon] .lp-serveur h1 { font-size:clamp(30px, 4vw, 46px); } .espace[data-style=neon] .lp-vocal { font-size:16px; color:var(--texte-2); } .espace[data-style=neon] .lp-annonce { background:#120821; border-color:#4fe8ff80; }
.espace[data-style=neon] .lp-pochette { border-radius:16px; background:#150a24; color:#ff9bea; box-shadow:0 0 0 2px #8ff0ff, 0 0 20px #4fe8ffa6; }
.espace[data-style=neon] .lp-etat { color:#bff6ff; font-size:15px; letter-spacing:.12em; text-shadow:0 0 8px #4fe8ff; } .espace[data-style=neon] .lp-infos h2 { font-size:clamp(26px, 3.2vw, 38px); color:#fff; text-shadow:0 0 10px #ff4fd8; } .espace[data-style=neon] .lp-artiste { font-size:20px; color:#f5e2f3; } .espace[data-style=neon] .lp-progression { font-size:16px; }
.espace[data-style=neon] .lp-rond { background:#120821; border:1.5px solid #8ff0ff; color:#cdf8ff; box-shadow:0 0 10px #4fe8ff80, inset 0 0 8px #4fe8ff40; } .espace[data-style=neon] .lp-rond:hover:not(:disabled) { filter:none; background:#16243a; }
.espace[data-style=neon] .lp-rond.grand { background:linear-gradient(180deg, #ff9bea, #ff4fd8); border:0; color:#1b0417; box-shadow:0 0 22px #ff4fd8c7; } .espace[data-style=neon] .lp-rond.grand:hover:not(:disabled) { background:linear-gradient(180deg, #ffc4f4, #ff6fe0); }
.espace[data-style=neon] .lp-puce { background:#120821; border-color:#4fe8ff80; color:#e9fcff; font-size:16px; } .espace[data-style=neon] .lp-puce.actif { background:#ff6fe0; color:#1b0417; border-color:#ff6fe0; box-shadow:0 0 10px #ff4fd8a6; }
.espace[data-style=neon] .lp-ligne { border-radius:10px; } .espace[data-style=neon] .lp-ligne:hover { background:#ff4fd817; } .espace[data-style=neon] .lp-texte strong { font-size:18px; } .espace[data-style=neon] .lp-texte small, .espace[data-style=neon] .lp-temps, .espace[data-style=neon] .lp-numero { font-size:15px; } .espace[data-style=neon] .lp-mini { box-shadow:0 0 0 1px #ff8fe680; } .espace[data-style=neon] .lp-petit:hover:not(:disabled) { background:#ff4fd822; border-color:#ff4fd866; } .espace[data-style=neon] .lp-petit.actif { color:#ff9bea; }
.espace[data-style=neon] .lp-volume { font-size:16px; } .espace[data-style=neon] .lp-volume input { accent-color:#ff6fe0; }
/* la carte en relief et l'atelier */
.espace[data-style=neon] .h-carte { border-radius:24px; box-shadow:0 40px 90px -40px #000; }
.espace[data-style=neon] .h-verre { background:none; border:20px solid transparent; border-image:url(/discord/static/medias/neon/cadre.svg) 34 fill / 20px stretch; border-radius:0; padding:clamp(0px, .5vw, 8px); box-shadow:none; }
.espace[data-style=neon] .h-bord { box-shadow:inset 0 0 0 2px #ff8fe6, inset 0 0 16px 1px #ff4fd8a6, 0 0 16px 1px #ff4fd8a6; }
.espace[data-style=neon] .h-holo { opacity:calc(.03 + var(--actif) * .2); } .espace[data-style=neon] .h-marque { color:#bff6ff; font-family:var(--texte-police); font-size:clamp(11px, 1.2vw, 15px); letter-spacing:.08em; text-shadow:0 0 8px #4fe8ff; }
.espace[data-style=neon] .h-nom { font-family:var(--titres); font-weight:400; background:none; -webkit-text-fill-color:#fff; color:#fff; text-shadow:0 0 4px #fff9, 0 0 14px #ff4fd8, 0 0 30px #ff4fd8b3; }
.espace[data-style=neon] .h-niveau { background:#150a24; color:#fff; font-family:var(--titres); font-weight:400; box-shadow:0 0 0 2px #ff8fe6, 0 0 12px #ff4fd8; } .espace[data-style=neon] .h-pseudo { font-size:clamp(13px, 1.5vw, 18px); }
.espace[data-style=neon] .h-puce { color:#fff; border-color:#ff8fe6; font-size:clamp(11px, 1.2vw, 14px); } .espace[data-style=neon] .h-puce.vocal { background:#4fe8ff; border-color:#4fe8ff; color:#061a20; }
.espace[data-style=neon] .h-niv strong { font-family:var(--titres); font-weight:400; color:#fff; text-shadow:0 0 9px #ff4fd8; } .espace[data-style=neon] .h-niv span { color:#bff6ff; } .espace[data-style=neon] .h-niv .h-total { color:#fff; }
.espace[data-style=neon] .h-reste { font-size:clamp(11px, 1.2vw, 15px); } .espace[data-style=neon] .h-tuile { background:#08030f99; border:1px solid #4fe8ff80; } .espace[data-style=neon] .h-tuile span { font-size:clamp(9px, 1vw, 13px); letter-spacing:.04em; }
.espace[data-style=neon] .h-badges span { border-color:#ff8fe680; color:#ffd9f6; font-size:clamp(10px, 1.1vw, 14px); } .espace[data-style=neon] .h-astuce { color:var(--texte-2); margin-top:12px; font-size:15px; } @media (min-width: 761px) { .espace[data-style=neon] .h-particules { clip-path:inset(0 0 0 62%); } }
.espace[data-style=neon] .a-apercu { border-radius:16px; box-shadow:0 0 0 2px #ff8fe6, 0 0 18px #ff4fd8a6; }
.espace[data-style=neon] .a-apercu-verre { background:none; border:14px solid transparent; border-image:url(/discord/static/medias/neon/cadre.svg) 34 fill / 14px stretch; border-radius:0; padding:0 2px; backdrop-filter:none; } .espace[data-style=neon] .a-apercu-verre strong { font-family:var(--titres); font-size:19px; font-weight:400; }
.espace[data-style=neon] .a-choisi strong { font-family:var(--titres); font-size:30px; font-weight:400; color:#fff; text-shadow:0 0 10px #ff4fd8; } .espace[data-style=neon] .a-choisi span { font-size:16px; color:var(--texte-2); } .espace[data-style=neon] .a-sosies-titre { color:#bff6ff; font-size:13px; }
.espace[data-style=neon] .a-puce, .espace[data-style=neon] .a-onglets button { background:#120821; color:#e9fcff; border-color:#4fe8ff80; } .espace[data-style=neon] .a-puce[aria-pressed=true], .espace[data-style=neon] .a-onglets button[aria-selected=true] { background:#ff6fe0; color:#1b0417; border-color:#ff6fe0; box-shadow:0 0 10px #ff4fd8a6; } .espace[data-style=neon] .a-onglets button { font-family:var(--titres); font-size:17px; font-weight:400; }
.espace[data-style=neon] .a-perso strong { font-size:17px; } .espace[data-style=neon] .a-perso small { font-size:13px; }
@media (max-width: 900px) { .espace[data-style=neon] .e-nav { background:#0b0614f5; border-top:0; box-shadow:0 -1px 0 #ffc4f4, 0 -2px 0 #ff4fd8, 0 -3px 14px 1px #ff4fd899; } .espace[data-style=neon] .e-nav a { font-size:15px; } }
@media (max-width: 720px) { .espace[data-style=neon] .carte, .espace[data-style=neon] .lp-scene, .espace[data-style=neon] .a-etape, .espace[data-style=neon] .message { border-width:16px; border-image-width:16px; padding:2px; } .espace[data-style=neon] .e-bloc, .espace[data-style=neon] .a-etape, .espace[data-style=neon] .message { padding:4px; } }
@media (max-width: 760px) { .espace[data-style=neon] .h-verre { border-width:12px; border-image-width:12px; padding:0; } }

/* ----- Rétro pixel : un jeu de rôle 16 bits. Ciel étoilé en gros pixels, boîtes de dialogue aux coins en escalier, écriture de borne d'arcade,
   barres de vie en blocs, icônes dessinées pixel par pixel, curseur de menu au survol. Tout est franc : aucune ombre floue, aucun arrondi, aucune animation permanente. ----- */
body.espace[data-style=pixel] { --titres:'Press Start 2P', monospace; --texte-police:'VT323', monospace; --fond:#110e26; --surface:#1c1842; --carte:#1c1842; --carte-2:#2a2660; --texte:#fff8e6; --texte-2:#ded4ee; --texte-3:#aca2c6; --trait:#ffcc4d33; --trait-2:#ffcc4d80; --accent:#ffcc4d; --accent-2:#b57620; --halo:#ffcc4d24; --encre:#120d04; --froid:#4de0c8; --vie:#6ee07a; --rayon:0px; font-size:22px; line-height:1.25; font-weight:400; font-synthesis:none;
  --escalier:polygon(0 8px, 4px 8px, 4px 4px, 8px 4px, 8px 0, calc(100% - 8px) 0, calc(100% - 8px) 4px, calc(100% - 4px) 4px, calc(100% - 4px) 8px, 100% 8px, 100% calc(100% - 8px), calc(100% - 4px) calc(100% - 8px), calc(100% - 4px) calc(100% - 4px), calc(100% - 8px) calc(100% - 4px), calc(100% - 8px) 100%, 8px 100%, 8px calc(100% - 4px), 4px calc(100% - 4px), 4px calc(100% - 8px), 0 calc(100% - 8px));
  background:url(/discord/static/medias/pixel/ciel.png) center top / 480px, #110e26; image-rendering:pixelated; }
/* les boîtes de dialogue : un cadre à découper, affiché à sa taille pour que chaque gros pixel reste net */
.espace[data-style=pixel] .carte, .espace[data-style=pixel] .lp-scene, .espace[data-style=pixel] .a-etape, .espace[data-style=pixel] .message { background:none; border:24px solid transparent; border-image:url(/discord/static/medias/pixel/cadre.png) 24 fill / 24px stretch; border-radius:0; padding:4px; margin:0; box-shadow:none; }
.espace[data-style=pixel] .carte + .carte, .espace[data-style=pixel] .carte + form.carte { margin-top:16px; } .espace[data-style=pixel] .e-chiffres .carte, .espace[data-style=pixel] .e-grille .carte { margin:0; }
.espace[data-style=pixel] .lp-scene::before { display:none; }
/* les titres : l'écriture d'arcade, en or, avec une ombre franche */
.espace[data-style=pixel] h1, .espace[data-style=pixel] h2, .espace[data-style=pixel] h3 { font-weight:400; letter-spacing:0; }
.espace[data-style=pixel] h1 { color:#ffcc4d; font-size:clamp(20px, 3.4vw, 40px); line-height:1.4; text-shadow:4px 4px 0 #0c091c; overflow-wrap:anywhere; } .espace[data-style=pixel] h1.petit { font-size:clamp(18px, 2.8vw, 32px); }
.espace[data-style=pixel] h2, .espace[data-style=pixel] h3 { font-size:15px; line-height:1.5; } .espace[data-style=pixel] h2.petit, .espace[data-style=pixel] h3.petit { font-size:15px; color:#ffcc4d; text-shadow:2px 2px 0 #0c091c; } .espace[data-style=pixel] .e-sous-titre { font-size:17px; color:#fff8e6; text-shadow:3px 3px 0 #0c091c; }
.espace[data-style=pixel] .surtitre { font-family:var(--texte-police); font-size:24px; font-weight:400; letter-spacing:.06em; text-transform:uppercase; color:#4de0c8; text-shadow:2px 2px 0 #0c091c; } .espace[data-style=pixel] .surtitre::before { content:'▶ '; }
.espace[data-style=pixel] .note { color:var(--texte-2); font-size:21px; } .espace[data-style=pixel] .e-section > .note { text-shadow:2px 2px 0 #0c091c; } .espace[data-style=pixel] .alerte { background:#3a1420; color:#ffd2d2; border:3px solid #ff5d5d; border-radius:0; }
/* le bandeau : un bloc sombre, deux filets francs */
.espace[data-style=pixel] .e-entete { background:#0c091c; border-bottom:4px solid #ffcc4d; box-shadow:0 4px 0 #0c091c; backdrop-filter:none; }
.espace[data-style=pixel] .e-marque { font-family:var(--titres); font-size:15px; color:#ffcc4d !important; font-weight:400; }
.espace[data-style=pixel] .e-nav a { font-family:var(--texte-police); font-size:24px; font-weight:400; color:#fff8e6 !important; padding:2px 10px; border-radius:0; }
.espace[data-style=pixel] .e-nav a:hover { background:#2a2660; color:#ffcc4d !important; }
.espace[data-style=pixel] .e-nav a.actif { background:#ffcc4d; color:#120d04 !important; box-shadow:none; clip-path:polygon(0 4px, 4px 4px, 4px 0, calc(100% - 4px) 0, calc(100% - 4px) 4px, 100% 4px, 100% calc(100% - 4px), calc(100% - 4px) calc(100% - 4px), calc(100% - 4px) 100%, 4px 100%, 4px calc(100% - 4px), 0 calc(100% - 4px)); }
.espace[data-style=pixel] .e-moi { font-size:22px; font-weight:400; } .espace[data-style=pixel] .e-actions .d-lien { color:var(--texte-2); font-size:21px; font-weight:400; }
/* les boutons : un bloc en relief, qui s'enfonce au clic */
.espace[data-style=pixel] .d-bouton { --lueur:#000; border-radius:0; clip-path:var(--escalier); background:#ffcc4d; color:#120d04; font-family:var(--titres); font-size:12px; font-weight:400; min-height:44px; padding:12px 18px; box-shadow:inset 0 4px 0 #ffec96, inset 0 -4px 0 #b57620; text-shadow:none; }
.espace[data-style=pixel] .d-bouton::after { display:none; } .espace[data-style=pixel] .d-bouton:hover { background:#ffdb73; transform:none; box-shadow:inset 0 4px 0 #fff6c9, inset 0 -4px 0 #b57620; }
.espace[data-style=pixel] .d-bouton:active { transform:translateY(2px); box-shadow:inset 0 4px 0 #b57620, inset 0 -4px 0 #ffec96; }
.espace[data-style=pixel] .d-bouton.secondaire { background:#2a2660; color:#fff8e6; box-shadow:inset 0 4px 0 #453f92, inset 0 -4px 0 #151236; } .espace[data-style=pixel] .d-bouton.secondaire:hover { background:#38327e; color:#ffcc4d; box-shadow:inset 0 4px 0 #5a53b0, inset 0 -4px 0 #151236; }
.espace[data-style=pixel] .d-bouton.grand { font-size:14px; }
/* l'accueil */
.espace[data-style=pixel] .e-heros { padding-top:52px; } .espace[data-style=pixel] .e-icone { border-radius:0 !important; }
.espace[data-style=pixel] .e-icone.grande { box-shadow:0 0 0 4px #ffcc4d, 0 0 0 8px #0c091c, 8px 12px 0 4px #0c091c; background:#2a2660; color:#ffcc4d; font-family:var(--titres); font-size:42px; }
.espace[data-style=pixel] .e-icone.petite { box-shadow:0 0 0 2px #ffcc4d; background:#2a2660; color:#ffcc4d; font-family:var(--titres); font-size:13px; }
.espace[data-style=pixel] .e-texte { color:#fff8e6; font-size:clamp(23px, 2.2vw, 27px); line-height:1.22; text-shadow:2px 2px 0 #0c091c; } .espace[data-style=pixel] .e-devise { font-size:14px; line-height:1.6; }
.espace[data-style=pixel] .e-puce { background:#0c091c; border:3px solid #4de0c8; border-radius:0; color:#fff8e6; font-size:21px; font-weight:400; padding:2px 10px; }
.espace[data-style=pixel] .e-tuile { position:relative; padding:0 6px 6px; transition:none; } .espace[data-style=pixel] .e-tuile:hover { border-image-source:url(/discord/static/medias/pixel/cadre-actif.png); transform:none; }
.espace[data-style=pixel] .e-tuile:hover::after { content:'▶'; position:absolute; top:0; right:4px; color:#ffcc4d; font-size:24px; line-height:1; }
.espace[data-style=pixel] .e-tuile strong { font-family:var(--titres); font-size:13px; line-height:1.5; font-weight:400; color:#ffcc4d; text-shadow:2px 2px 0 #0c091c; } .espace[data-style=pixel] .e-tuile small { font-size:21px; line-height:1.12; color:var(--texte-2); }
.espace[data-style=pixel] .e-tuile-icone { width:64px; height:64px; font-size:0; border-radius:0; background:center / contain no-repeat; }
.espace[data-style=pixel] a[href="/musique"] .e-tuile-icone { background-image:url(/discord/static/medias/pixel/musique.png); }
.espace[data-style=pixel] a[href="/profil"] .e-tuile-icone { background-image:url(/discord/static/medias/pixel/profil.png); }
.espace[data-style=pixel] a[href="/classement"] .e-tuile-icone { background-image:url(/discord/static/medias/pixel/classement.png); }
.espace[data-style=pixel] a[href="/profil/quetes"] .e-tuile-icone { background-image:url(/discord/static/medias/pixel/quetes.png); }
.espace[data-style=pixel] a[href="/tickets"] .e-tuile-icone { background-image:url(/discord/static/medias/pixel/tickets.png); }
.espace[data-style=pixel] a[href="/invitations"] .e-tuile-icone { background-image:url(/discord/static/medias/pixel/invitations.png); }
.espace[data-style=pixel] a[href="/admin"] .e-tuile-icone { background-image:url(/discord/static/medias/pixel/admin.png); }
/* les listes, les chiffres et les barres de vie */
.espace[data-style=pixel] .e-rang { border-radius:0; border-bottom:2px solid #2a2660; } .espace[data-style=pixel] .e-rang:last-child { border-bottom:0; } .espace[data-style=pixel] .e-rang:hover { background:#2a2660; }
.espace[data-style=pixel] .e-rang strong { font-size:23px; font-weight:400; } .espace[data-style=pixel] .e-rang strong small { font-size:19px; } .espace[data-style=pixel] .e-rang.moi { background:#ffcc4d26; box-shadow:inset 4px 0 0 #ffcc4d; }
.espace[data-style=pixel] .e-place { font-family:var(--titres); font-size:14px; font-weight:400; color:#ffcc4d; } .espace[data-style=pixel] .e-valeur { color:#ffec96; font-size:22px; font-weight:400; }
.espace[data-style=pixel] .e-statut { border-radius:0; background:#4de0c8; color:#06201c; font-size:19px; font-weight:400; } .espace[data-style=pixel] .e-statut-ferme, .espace[data-style=pixel] .e-statut-supprime { background:#2a2660; color:var(--texte-3); }
.espace[data-style=pixel] .e-chiffre span { color:var(--texte-3); font-size:20px; letter-spacing:.02em; font-weight:400; text-transform:none; } .espace[data-style=pixel] .e-chiffre strong { font-family:var(--titres); font-size:20px; line-height:1.5; font-weight:400; color:#ffcc4d; text-shadow:2px 2px 0 #0c091c; } .espace[data-style=pixel] .e-chiffre small { font-size:19px; color:#4de0c8; }
.espace[data-style=pixel] .e-jauge, .espace[data-style=pixel] .lp-barre, .espace[data-style=pixel] .h-barre { height:10px; border-radius:0; background:repeating-linear-gradient(90deg, #2f2a6a 0 7px, transparent 7px 9px), #0c091c; box-shadow:0 0 0 2px #0c091c; }
.espace[data-style=pixel] .e-jauge b, .espace[data-style=pixel] .lp-barre i, .espace[data-style=pixel] .h-barre i { border-radius:0; background:repeating-linear-gradient(90deg, #6ee07a 0 7px, transparent 7px 9px); box-shadow:none; }
.espace[data-style=pixel] .e-g-fond { fill:#2a266080; } .espace[data-style=pixel] .e-g-lien { fill:#6ee07a; } .espace[data-style=pixel] .e-g-autre { fill:#ffcc4d; opacity:1; } .espace[data-style=pixel] .e-l-lien { background:#6ee07a; } .espace[data-style=pixel] .e-l-autre { background:#ffcc4d; opacity:1; } .espace[data-style=pixel] .e-graphe text { font-size:15px; } .espace[data-style=pixel] .e-legende { font-size:19px; } .espace[data-style=pixel] .e-legende span { border-radius:0; }
.espace[data-style=pixel] .champ { background:#0c091c; border:3px solid #4de0c8; border-radius:0; color:#fff8e6; font-size:22px; } .espace[data-style=pixel] .champ::placeholder { color:#8d84ab; } .espace[data-style=pixel] .champ:focus { outline:3px solid #ffcc4d; outline-offset:0; border-color:#ffcc4d; }
.espace[data-style=pixel] .etiquette { font-size:22px; font-weight:400; } .espace[data-style=pixel] .etiquette small { font-size:18px; }
.espace[data-style=pixel] .onglet { border-radius:0; background:#2a2660; color:#fff8e6; border:0; font-family:var(--texte-police); font-size:23px; font-weight:400; padding:2px 12px; box-shadow:inset 0 3px 0 #453f92, inset 0 -3px 0 #151236; } .espace[data-style=pixel] .onglet:hover { color:#ffcc4d; } .espace[data-style=pixel] .onglet.actif { background:#ffcc4d; color:#120d04; box-shadow:inset 0 3px 0 #ffec96, inset 0 -3px 0 #b57620; }
/* le lecteur de musique */
.espace[data-style=pixel] .lp-annonce { background:#0c091c; border:3px solid #4de0c8; border-radius:0; font-size:20px; } .espace[data-style=pixel] .lp-vocal { font-size:21px; }
.espace[data-style=pixel] .lp-pochette { border-radius:0; background:#0c091c; color:#ffcc4d; box-shadow:0 0 0 4px #4de0c8, 0 0 0 8px #0c091c; }
.espace[data-style=pixel] .lp-etat { color:#4de0c8; font-size:22px; font-weight:400; letter-spacing:.04em; } .espace[data-style=pixel] .lp-infos h2 { font-size:clamp(14px, 1.7vw, 20px); line-height:1.5; color:#ffcc4d; text-shadow:2px 2px 0 #0c091c; } .espace[data-style=pixel] .lp-artiste { font-size:24px; color:#fff8e6; } .espace[data-style=pixel] .lp-progression { font-size:21px; }
.espace[data-style=pixel] .lp-rond { border:0; border-radius:0; clip-path:var(--escalier); background:#2a2660; color:#fff8e6; box-shadow:inset 0 4px 0 #453f92, inset 0 -4px 0 #151236; } .espace[data-style=pixel] .lp-rond:hover:not(:disabled) { filter:none; background:#38327e; color:#ffcc4d; }
.espace[data-style=pixel] .lp-rond.grand { background:#ffcc4d; color:#120d04; box-shadow:inset 0 4px 0 #ffec96, inset 0 -4px 0 #b57620; } .espace[data-style=pixel] .lp-rond.grand:hover:not(:disabled) { background:#ffdb73; color:#120d04; } .espace[data-style=pixel] .lp-rond:active:not(:disabled) { transform:translateY(2px); }
.espace[data-style=pixel] .lp-puce { border-radius:0; background:#2a2660; color:#fff8e6; border:0; font-size:21px; font-weight:400; padding:2px 10px; box-shadow:inset 0 3px 0 #453f92, inset 0 -3px 0 #151236; } .espace[data-style=pixel] .lp-puce.actif { background:#ffcc4d; color:#120d04; box-shadow:inset 0 3px 0 #ffec96, inset 0 -3px 0 #b57620; }
.espace[data-style=pixel] .lp-ligne { border-radius:0; } .espace[data-style=pixel] .lp-ligne:hover { background:#2a2660; } .espace[data-style=pixel] .lp-texte strong { font-size:23px; font-weight:400; } .espace[data-style=pixel] .lp-texte small, .espace[data-style=pixel] .lp-temps, .espace[data-style=pixel] .lp-numero { font-size:19px; font-weight:400; } .espace[data-style=pixel] .lp-mini { border-radius:0; box-shadow:0 0 0 2px #ffcc4d; } .espace[data-style=pixel] .lp-petit { border-radius:0; font-size:20px; } .espace[data-style=pixel] .lp-petit:hover:not(:disabled) { background:#2a2660; border-color:#ffcc4d; color:#ffcc4d; } .espace[data-style=pixel] .lp-petit.actif { color:#ffcc4d; }
.espace[data-style=pixel] .lp-volume { font-size:20px; } .espace[data-style=pixel] .lp-volume input { accent-color:#6ee07a; } .espace[data-style=pixel] .lp-mini.rond { border-radius:0; }
/* la carte en relief et l'atelier */
.espace[data-style=pixel] .h-carte { border-radius:0; box-shadow:0 0 0 4px #ffcc4d, 0 0 0 8px #0c091c, 12px 16px 0 6px #0c091c; }
.espace[data-style=pixel] .h-fond { transform:none; image-rendering:pixelated; } .espace[data-style=pixel] .h-perso { image-rendering:pixelated; } .espace[data-style=pixel] .h-voile { background:none; } .espace[data-style=pixel] .h-halo, .espace[data-style=pixel] .h-holo, .espace[data-style=pixel] .h-eclat, .espace[data-style=pixel] .h-particules { display:none; } .espace[data-style=pixel] .h-bord { box-shadow:none; }
.espace[data-style=pixel] .h-verre { background:none; border:24px solid transparent; border-image:url(/discord/static/medias/pixel/cadre.png) 24 fill / 24px stretch; border-radius:0; padding:clamp(0px, .4vw, 6px); box-shadow:none; gap:clamp(4px, .7vw, 10px); }
.espace[data-style=pixel] .h-marque { color:#4de0c8; font-size:clamp(14px, 1.7vw, 22px); font-weight:400; letter-spacing:.02em; text-transform:none; }
.espace[data-style=pixel] .h-anneau svg { display:none; } .espace[data-style=pixel] .h-anneau { width:clamp(68px, 10vw, 128px); } .espace[data-style=pixel] .h-anneau img, .espace[data-style=pixel] .h-anneau .h-initiale { inset:6%; width:88%; height:88%; border-radius:0; box-shadow:0 0 0 4px #ffcc4d, 0 0 0 8px #0c091c; image-rendering:pixelated; font-family:var(--titres); }
.espace[data-style=pixel] .h-niveau { right:-6%; bottom:-6%; min-width:0; padding:4px 6px; aspect-ratio:auto; border-radius:0; font-family:var(--titres); font-size:clamp(9px, 1.1vw, 14px); font-weight:400; background:#ffcc4d; color:#120d04; box-shadow:0 0 0 3px #0c091c; }
.espace[data-style=pixel] .h-nom { font-family:var(--titres); font-weight:400; font-size:clamp(14px, 2.4vw, 32px); line-height:1.3; background:none; -webkit-text-fill-color:#ffcc4d; color:#ffcc4d; text-shadow:3px 3px 0 #0c091c; }
.espace[data-style=pixel] .h-pseudo { font-size:clamp(15px, 1.7vw, 22px); } .espace[data-style=pixel] .h-puce { border-radius:0; border:3px solid #ffcc4d; color:#fff8e6; font-size:clamp(13px, 1.4vw, 19px); font-weight:400; padding:0 8px; } .espace[data-style=pixel] .h-puce.vocal { background:#4de0c8; border-color:#4de0c8; color:#06201c; }
.espace[data-style=pixel] .h-bio { font-size:clamp(15px, 1.8vw, 23px); font-style:normal; opacity:1; line-height:1.1; }
.espace[data-style=pixel] .h-niv strong { font-family:var(--titres); font-size:clamp(11px, 1.7vw, 22px); font-weight:400; color:#ffcc4d; text-shadow:2px 2px 0 #0c091c; } .espace[data-style=pixel] .h-niv span { color:#4de0c8; font-size:clamp(14px, 1.6vw, 22px); font-weight:400; } .espace[data-style=pixel] .h-niv .h-total { color:#fff8e6; }
.espace[data-style=pixel] .h-reste { font-size:clamp(13px, 1.5vw, 20px); } .espace[data-style=pixel] .h-tuile { border-radius:0; background:#0c091c; border:0; box-shadow:inset 0 0 0 3px #2a2660; } .espace[data-style=pixel] .h-tuile span { font-size:clamp(12px, 1.3vw, 18px); font-weight:400; letter-spacing:0; text-transform:none; } .espace[data-style=pixel] .h-tuile strong { font-size:clamp(15px, 1.8vw, 24px); font-weight:400; color:#ffec96; }
.espace[data-style=pixel] .h-badges span { border-radius:0; border:2px solid #4de0c8; color:#fff8e6; font-size:clamp(12px, 1.3vw, 18px); font-weight:400; } .espace[data-style=pixel] .h-astuce { display:none; }
.espace[data-style=pixel] .a-apercu { border-radius:0; box-shadow:0 0 0 4px #ffcc4d, 0 0 0 8px #0c091c; margin:8px; } .espace[data-style=pixel] .a-apercu-voile { background:none; }
.espace[data-style=pixel] .a-apercu-verre { background:none; border:16px solid transparent; border-image:url(/discord/static/medias/pixel/cadre.png) 24 fill / 16px stretch; border-radius:0; padding:0; backdrop-filter:none; } .espace[data-style=pixel] .a-apercu-verre strong { font-family:var(--titres); font-size:12px; font-weight:400; color:#ffcc4d; } .espace[data-style=pixel] .a-apercu-verre em { font-size:17px; font-style:normal; line-height:1; } .espace[data-style=pixel] .a-apercu-verre img { border-radius:0 !important; }
.espace[data-style=pixel] .a-choisi strong { font-family:var(--titres); font-size:17px; font-weight:400; color:#ffcc4d; text-shadow:2px 2px 0 #0c091c; } .espace[data-style=pixel] .a-choisi span { font-size:21px; color:var(--texte-2); } .espace[data-style=pixel] .a-sosies-titre { color:#4de0c8; font-size:20px; font-weight:400; letter-spacing:0; text-transform:none; } .espace[data-style=pixel] .a-sosie { border-radius:0; border:2px solid #2a2660; }
.espace[data-style=pixel] .a-puce, .espace[data-style=pixel] .a-onglets button { border-radius:0; background:#2a2660; color:#fff8e6; border:0; font-family:var(--texte-police); font-size:23px; font-weight:400; box-shadow:inset 0 3px 0 #453f92, inset 0 -3px 0 #151236; } .espace[data-style=pixel] .a-puce[aria-pressed=true], .espace[data-style=pixel] .a-onglets button[aria-selected=true] { background:#ffcc4d; color:#120d04; box-shadow:inset 0 3px 0 #ffec96, inset 0 -3px 0 #b57620; }
.espace[data-style=pixel] .a-perso span, .espace[data-style=pixel] .a-decor span { border-radius:0; border-width:2px; } .espace[data-style=pixel] .a-perso strong { font-size:21px; font-weight:400; color:#ffcc4d; } .espace[data-style=pixel] .a-perso small { font-size:17px; line-height:1; } .espace[data-style=pixel] .a-decor img, .espace[data-style=pixel] .e-decor img { border-radius:0; }
.espace[data-style=pixel] .e-pied { font-size:20px; } .espace[data-style=pixel] .d-lien { font-size:21px; }
.espace[data-style=pixel] .lp-icone { border-radius:0; box-shadow:0 0 0 2px #ffcc4d; font-family:var(--titres); }
.espace[data-style=pixel] .lp-sous, .espace[data-style=pixel] .lp-vide, .espace[data-style=pixel] .lp-case, .espace[data-style=pixel] .lp-choix, .espace[data-style=pixel] .a-compte, .espace[data-style=pixel] .a-decor strong { font-size:20px; } .espace[data-style=pixel] .lp-petit.large { font-size:19px; } .espace[data-style=pixel] .lp-pastille { font-size:18px; border-radius:0; }
@media (max-width: 900px) { .espace[data-style=pixel] .e-nav { background:#0c091c; border-top:4px solid #ffcc4d; } .espace[data-style=pixel] .e-nav a { font-size:21px; padding:2px 8px; } }
@media (max-width: 720px) { .espace[data-style=pixel] .carte, .espace[data-style=pixel] .lp-scene, .espace[data-style=pixel] .a-etape, .espace[data-style=pixel] .message { padding:0; } .espace[data-style=pixel] .d-bouton { font-size:11px; padding:10px 14px; } }
@media (max-width: 760px) { .espace[data-style=pixel] .h-verre { padding:0; } .espace[data-style=pixel] .h-tuiles { gap:4px; } }
@media (prefers-reduced-motion: reduce) { .espace[data-style=pixel] .d-bouton:active, .espace[data-style=pixel] .lp-rond:active:not(:disabled) { transform:none; } }

/* ----- Personnalisation (VIP) : la devise écrite pour le serveur ----- */
.e-devise { font-family:var(--titres); color:var(--accent); font-size:clamp(15px, 1.8vw, 19px); margin:-6px 0 14px; letter-spacing:.02em; }