@font-face{font-family:Poppins;src:url(/polices/Poppins-Regular.ttf);font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url(/polices/Poppins-Medium.ttf);font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url(/polices/Poppins-Bold.ttf);font-weight:700;font-display:swap}
:root{--fond:#0d0f14;--carte:#161a22;--carte2:#1d222c;--trait:#262c38;--blanc:#eef0f4;--gris:#969eaa;--gris2:#6b7380;
--ambre:#e8a33d;--bleu:#4a9eff;--rouge:#ff5a5a;--vert:#3dd68c;--or:#f5c542;--argent:#c9d1db;--bronze:#d08a4e}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--fond);color:var(--blanc);font-family:Poppins,system-ui,sans-serif;line-height:1.5;
-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{width:min(1120px,100% - 32px);margin:0 auto}
nav{position:sticky;top:0;z-index:30;background:rgba(13,15,20,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--trait)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.marque{display:flex;align-items:center;gap:12px;font-weight:700;font-size:18px;white-space:nowrap}
.marque img{width:38px;height:38px;border-radius:10px}
.marque .suffixe{color:var(--ambre);font-weight:700;font-size:11px;letter-spacing:.08em;border:1px solid rgba(232,163,61,.45);
border-radius:6px;padding:2px 7px;margin-left:2px}
.note{color:var(--gris2);font-size:13px;margin-top:14px}
.liens{display:flex;gap:26px;color:var(--gris);font-size:14px;font-weight:500}
.liens a{position:relative;transition:color .2s}.liens a:hover{color:var(--blanc)}
.liens a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:var(--ambre);
transform:scaleX(0);transition:transform .25s ease}.liens a:hover:after{transform:scaleX(1)}
nav{transition:box-shadow .3s,background-color .3s}nav.defile{box-shadow:0 10px 30px -12px rgba(0,0,0,.7);background:rgba(13,15,20,.94)}
.btn{font-family:inherit;cursor:pointer;position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;background:var(--ambre);color:#16110a;font-weight:700;
border-radius:12px;padding:14px 26px;font-size:16px;transition:transform .2s,filter .2s,box-shadow .2s,border-color .2s,background-color .2s}
.btn:hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 10px 26px -10px rgba(232,163,61,.65)}
.btn:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;transform:skewX(-20deg);
background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .6s ease}
.btn:hover:after{left:130%}
.btn .fl{display:inline-block;transition:transform .2s}.btn:hover .fl{transform:translateX(4px)}
.btn.petit{padding:10px 18px;font-size:14px}
.btn.fant{background:transparent;color:var(--blanc);border:1px solid var(--trait)}
.btn.fant:hover{border-color:rgba(232,163,61,.55);background:rgba(232,163,61,.06);box-shadow:none;filter:none}
.btn.fant:after{display:none}
.hero{position:relative;padding:72px 0 56px;overflow:hidden;isolation:isolate}
.decor{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;
-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.decor .grille{position:absolute;inset:0;background-image:linear-gradient(rgba(238,240,244,.045) 1px,transparent 1px),
linear-gradient(90deg,rgba(238,240,244,.045) 1px,transparent 1px);background-size:56px 56px;background-position:center top;
-webkit-mask-image:radial-gradient(ellipse 70% 80% at 65% 35%,#000,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 65% 35%,#000,transparent 75%)}
.decor .halo{position:absolute;border-radius:50%;will-change:transform}
.decor .h1{width:760px;height:760px;right:-160px;top:-260px;background:radial-gradient(closest-side,rgba(232,163,61,.22),transparent);
animation:derive 22s ease-in-out infinite alternate}
.decor .h2{width:620px;height:620px;left:-240px;top:40px;background:radial-gradient(closest-side,rgba(74,158,255,.08),transparent);
animation:derive 28s ease-in-out infinite alternate-reverse}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.tag{color:var(--ambre);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
h1{font-size:clamp(34px,5.2vw,54px);line-height:1.08;margin:14px 0 18px;letter-spacing:-.01em}
h1 em{font-style:normal;color:var(--ambre);position:relative;white-space:nowrap}
h1 em:after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.12em;border-radius:4px;background:var(--ambre);opacity:.28;
transform:scaleX(0);transform-origin:left;animation:trace .8s cubic-bezier(.2,.7,.2,1) .9s forwards}
.sous{color:var(--gris);font-size:18px;max-width:540px}
.actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.enligne{display:flex;align-items:center;gap:9px;color:var(--gris);font-size:14px;margin-top:20px}
.point{position:relative;width:9px;height:9px;border-radius:50%;background:var(--vert);flex:none}
.point:after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:respire 2.2s ease-out infinite}
.point.rouge{background:var(--rouge);width:8px;height:8px}
.live{display:inline-flex;align-items:center;gap:7px}
.enligne b{color:var(--blanc)}
.carte{background:radial-gradient(130% 100% at 100% 0,rgba(232,163,61,.055),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.022),transparent 38%),var(--carte);
border:1px solid var(--trait);border-radius:18px;padding:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 34px -22px rgba(0,0,0,.7);
transition:border-color .3s,box-shadow .3s}
.carte:hover{border-color:rgba(232,163,61,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 40px -22px rgba(0,0,0,.8),0 0 0 1px rgba(232,163,61,.05)}
.carte h3{font-size:13px;color:var(--gris);letter-spacing:.1em;margin-bottom:14px;display:flex;justify-content:space-between;
flex-wrap:wrap;gap:4px 10px;text-transform:uppercase}
.carte h3 i,.carte h3 .live{font-style:normal;color:var(--ambre);white-space:nowrap}.carte h3 .live{color:var(--rouge)}
.match{background:var(--carte2);border-radius:12px;padding:13px 16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;margin-bottom:10px}
.match:last-child{margin-bottom:0}
.match.fond{background:linear-gradient(90deg,rgba(20,23,30,.88),rgba(20,23,30,.5) 50%,rgba(20,23,30,.88)),var(--img) center/cover;border:1px solid rgba(255,255,255,.05)}
.match.fond:hover{background:linear-gradient(90deg,rgba(20,23,30,.8),rgba(20,23,30,.38) 50%,rgba(20,23,30,.8)),var(--img) center/cover}
.match.fond .mini{color:#c3c7cf}
.match .eq{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.match .eq.d{text-align:right}
.match .eq.gagne{color:var(--blanc)}.match .eq.perd{color:var(--gris)}
.score{font-weight:700;font-size:20px;padding:0 10px;white-space:nowrap}
.score .b{color:var(--bleu)}.score .r{color:var(--rouge)}
.mini{font-size:12px;color:var(--gris2);grid-column:1/-1;text-align:center}
.vide{color:var(--gris);font-size:15px;padding:8px 0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat{background:var(--carte);border:1px solid var(--trait);border-radius:16px;padding:20px 24px}
.stat.habille{position:relative;overflow:hidden;isolation:isolate}.stat-deco{display:none}
/* grande icône ambre au trait, dans le coin de chaque chiffre */
.stat.habille .stat-deco{display:block;position:absolute;right:-10px;bottom:-14px;z-index:-1;color:var(--ambre);opacity:.13}
.stat.habille .stat-deco .ico{width:96px;height:96px;stroke-width:1.3}
@media(max-width:700px){.stat.habille .stat-deco .ico{width:70px;height:70px}.stat.habille .stat-deco{right:-8px;bottom:-10px}}
.stat.habille{background:radial-gradient(circle at 100% 100%,rgba(232,163,61,.10),transparent 60%),var(--carte)}
.stat b{font-size:clamp(28px,3.4vw,38px);display:block;line-height:1.15;font-variant-numeric:tabular-nums}
.stat,.feat .carte{transition:transform .25s,border-color .25s,box-shadow .25s}
.stat:hover,.feat .carte:hover{transform:translateY(-3px);border-color:rgba(232,163,61,.35);box-shadow:0 14px 30px -18px rgba(232,163,61,.45)}
.ico{width:22px;height:22px;display:block;flex:none}
.feat .ic{width:46px;height:46px;border-radius:12px;background:rgba(232,163,61,.1);border:1px solid rgba(232,163,61,.22);
color:var(--ambre);display:grid;place-items:center;transition:transform .3s,background-color .3s}
.feat .carte:hover .ic{transform:translateY(-2px) rotate(-4deg);background:rgba(232,163,61,.16)}
.match{transition:background-color .2s}.match:hover{background:#222833}
.ligne{transition:background-color .2s}.ligne:hover{background:rgba(255,255,255,.025)}
.stat>span{color:var(--gris);font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}
section{padding-top:60px}
h2{font-size:clamp(24px,3vw,30px);line-height:1.2}
.h2s{color:var(--gris);margin:6px 0 22px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ligne{display:grid;grid-template-columns:28px 42px 1fr auto;gap:12px;align-items:center;padding:10px 8px;margin:0 -8px;border-radius:10px;border-top:1px solid var(--trait)}
.ligne:first-of-type{border-top:0}
.rang{font-weight:700;color:var(--gris)}.r1{color:var(--or)}.r2{color:var(--argent)}.r3{color:var(--bronze)}
.av{width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--carte2)}
.av.vide{display:grid;place-items:center;color:var(--gris2);font-weight:700}
.nom{font-weight:600;min-width:0}.nom div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nom small{display:block;color:var(--gris2);font-weight:500;font-size:12px}
.elo{font-weight:700;text-align:right}.elo small{display:block;color:var(--gris2);font-size:11px;font-weight:600}
.evt{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.evt>div>.carte{height:100%}
.titre-evt{font-size:22px;font-weight:700;line-height:1.25}
.cd{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.cd div{background:var(--carte2);border-radius:12px;padding:10px 14px;text-align:center;min-width:72px}
.cd b{font-size:26px;display:block;line-height:1.2;font-variant-numeric:tabular-nums}.cd span{font-size:11px;color:var(--gris);font-weight:600;letter-spacing:.08em}
.puce{display:flex;align-items:center;gap:14px;padding:11px 0;border-top:1px solid var(--trait)}
.puce:first-of-type{border-top:0}
.puce .ic{width:40px;height:40px;border-radius:10px;background:rgba(232,163,61,.1);display:grid;place-items:center;flex:none;color:var(--ambre)}
.puce .ic .ico{width:20px;height:20px}
.puce small{display:block;color:var(--gris);font-size:13px}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feat h4{font-size:18px;margin:16px 0 6px}.feat p{color:var(--gris);font-size:14px}
.final{margin-top:64px;background:linear-gradient(120deg,#3a2610,#161a22 62%);border:1px solid var(--trait);border-radius:22px;
padding:44px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.final h2{font-size:clamp(26px,3vw,32px)}
footer{color:var(--gris2);font-size:13px;padding:34px 0 40px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.liens a.actif{color:var(--blanc)}.liens a.actif:after{transform:scaleX(1)}
.liens{align-items:center}.liens>a .ico{display:none}
.page{padding-top:34px}
.fil{color:var(--gris2);font-size:13px;margin-bottom:22px}.fil a{transition:color .2s}.fil a:hover{color:var(--ambre)}
.fil-retour{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--trait);
color:var(--gris);margin-right:10px;vertical-align:middle;transition:color .2s,border-color .2s,background .2s}
.fil-retour svg{width:14px;height:14px}
.cmd-rejoindre{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:18px auto 6px;max-width:100%}
.cmd-rejoindre code{background:var(--carte2);border:1px solid var(--trait);border-radius:10px;padding:10px 14px;font-size:13.5px;word-break:break-all}.fil-retour:hover{color:var(--ambre);border-color:rgba(232,163,61,.5);background:rgba(232,163,61,.06)}
.titre-page{margin:0 0 6px}
.voir{display:inline-flex;gap:8px;color:var(--ambre);font-weight:600;font-size:14px;margin-top:16px}
.voir .fl{transition:transform .2s}.voir:hover .fl{transform:translateX(4px)}
.nom a,.nomj{transition:color .2s}.nom a:hover,a.nomj:hover{color:var(--ambre)}
.tete-j{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}
.av.grand{width:104px;height:104px;border-radius:26px;font-size:40px;box-shadow:0 0 0 1px var(--trait),0 18px 40px -20px rgba(232,163,61,.5)}
.tete-j h1{font-size:clamp(28px,4vw,42px);margin:0 0 2px}
.sous-j{color:var(--gris);font-size:14px}
.puces{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chip{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;
background:var(--carte2);border:1px solid var(--trait)}
.chip .rond{width:8px;height:8px;border-radius:50%;display:inline-block}
.chip.ambre{color:var(--ambre);border-color:rgba(232,163,61,.45);background:rgba(232,163,61,.08)}
.bilan-c{display:grid;grid-template-columns:auto auto;gap:2px 12px;align-items:baseline;background:var(--carte);
border:1px solid var(--trait);border-radius:16px;padding:16px 20px}
.bilan-c b{font-size:22px;text-align:right;font-variant-numeric:tabular-nums}.bilan-c span{color:var(--gris);font-size:13px}
.barre-modes{margin-top:28px}.barre-modes:empty{display:none}
.onglets{display:inline-flex;background:var(--carte);border:1px solid var(--trait);border-radius:12px;padding:4px;gap:4px}
.onglets button{font:inherit;font-size:14px;font-weight:600;color:var(--gris);background:none;border:0;border-radius:9px;
padding:8px 18px;cursor:pointer;transition:background-color .2s,color .2s}
.onglets button:hover{color:var(--blanc)}
.onglets button.actif{background:var(--ambre);color:#16110a}
.onglets.petit button{padding:6px 14px;font-size:13px}
.js [data-vue]:not(.actif){display:none}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}
.kpis .stat b{font-size:clamp(24px,2.8vw,32px)}
.stat small{display:block;color:var(--gris2);font-size:12px;margin-top:3px}
.kpis .stat>span{display:block;margin-bottom:4px}
.record>span{display:flex;align-items:center;gap:8px;margin-bottom:6px}.record>span .ico{width:16px;height:16px;color:var(--ambre)}
.forme{display:flex;gap:5px;margin-top:6px;min-height:24px}
.pill{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;font-size:12px;font-weight:700}
.pill.V{background:rgba(61,214,140,.14);color:var(--vert)}.pill.D{background:rgba(255,90,90,.14);color:var(--rouge)}
.es-ret{margin-left:8px;width:28px;height:28px;flex:none;border-radius:8px;border:1px solid var(--trait);background:none;color:var(--gris2);display:grid;place-items:center;cursor:pointer;transition:.15s}
.es-ret svg{width:13px;height:13px}.es-ret:hover{color:var(--rouge);border-color:rgba(255,90,90,.45)}
.mm-ic{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;border:1px solid var(--trait);color:var(--gris);transition:.15s}
.mm-ic svg{width:15px;height:15px}a.mm-ic:hover{color:var(--ambre);border-color:rgba(232,163,61,.5)}.mm-ic.off{border:0;color:#4b515f}
.mm-vis{font:inherit;font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;border:1px solid var(--trait);background:rgba(255,255,255,.03);color:var(--gris);cursor:pointer;transition:.15s;white-space:nowrap}
.mm-vis:hover{color:var(--blanc);border-color:#3a414f}.mm-vis.pub{color:var(--vert);border-color:rgba(61,214,140,.35);background:rgba(61,214,140,.08)}
.mm-vis.fixe{cursor:default;display:inline-block}.mm-vis.att{opacity:.6}.mm-vis.non{border-color:rgba(255,90,90,.5);color:var(--rouge)}
.pill.N{background:var(--carte2);color:var(--gris)}
.graphe{position:relative;height:250px;margin:14px 10px 30px 52px;touch-action:pan-y}
.graphe svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.graphe .grille line{stroke:var(--trait);stroke-width:1;vector-effect:non-scaling-stroke}
.graphe .aire{fill:url(#dg)}
.graphe .trace{fill:none;stroke:var(--ambre);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.graphe .gy{position:absolute;left:-52px;width:44px;text-align:right;font-size:11px;color:var(--gris2);transform:translateY(-50%)}
.graphe .gx{position:absolute;top:calc(100% + 10px);font-size:11px;color:var(--gris2);transform:translateX(-50%);white-space:nowrap}
.graphe .gx:first-of-type{transform:none}.graphe .gx:last-of-type{transform:translateX(-100%)}
.graphe .bout,.graphe .pastille{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--ambre);
border:2px solid var(--carte);transform:translate(-50%,-50%);pointer-events:none}
.graphe .bout:after{content:"";position:absolute;inset:-2px;border-radius:50%;background:var(--ambre);animation:respire 2.2s ease-out infinite}
.graphe .guide{position:absolute;top:0;bottom:0;width:1px;background:rgba(238,240,244,.28);pointer-events:none}
.graphe .guide,.graphe .pastille{opacity:0;transition:opacity .15s}
.graphe.survol .guide,.graphe.survol .pastille{opacity:1}.graphe.survol .bout{opacity:0}
.bulle{position:fixed;z-index:20;left:0;top:0;pointer-events:none;background:#0a0c10;border:1px solid var(--trait);border-radius:10px;
padding:8px 12px;font-size:12px;line-height:1.5;color:var(--gris);box-shadow:0 12px 30px -12px #000;opacity:0;
transition:opacity .12s;width:max-content;max-width:min(280px,calc(100vw - 16px));white-space:normal;overflow-wrap:break-word}
.bulle.vue{opacity:1}.bulle b{display:block;color:var(--blanc);font-weight:600}
.barres{display:flex;align-items:flex-end;gap:5px;height:190px;margin-top:14px}
.barres .b{flex:1;height:0;background:rgba(232,163,61,.42);border-radius:4px 4px 0 0;transform-origin:bottom;
transition:transform .8s cubic-bezier(.2,.7,.2,1),background-color .2s}
.barres .b.pic{background:var(--ambre)}.barres .b:hover{background:#f0b55e}
.axe-x{display:flex;gap:5px;font-size:11px;color:var(--gris2);margin-top:8px}.axe-x span{flex:1;text-align:center;white-space:nowrap}
.hbar{display:grid;grid-template-columns:minmax(80px,120px) 1fr auto;align-items:center;gap:14px;padding:8px 0}
.hbar>span{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hbar .piste{height:10px;background:var(--carte2);border-radius:999px;overflow:hidden}
.hbar .piste i{display:block;height:100%;background:var(--ambre);border-radius:999px;transform-origin:left;
transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.hbar b{font-size:13px;color:var(--gris);font-weight:600;text-align:right;min-width:72px}
.js .revele .barres .b{transform:scaleY(0)}.js .revele .hbar .piste i{transform:scaleX(0)}
.js .revele .graphe svg{clip-path:inset(0 100% 0 0)}
.graphe svg{transition:clip-path 1.3s cubic-bezier(.2,.7,.2,1)}
.js .revele.vu .barres .b,.js .revele.vu .hbar .piste i{transform:none}.js .revele.vu .graphe svg{clip-path:inset(0 0 0 0)}
.js .revele .graphe .bout{opacity:0}.graphe .bout{transition:opacity .3s 1.1s}.js .revele.vu .graphe .bout{opacity:1}
.mate{grid-template-columns:42px 1fr auto}
.titre-ligne{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.titre-ligne .h2s{margin-bottom:0}
.defil{overflow-x:auto}
.table{width:100%;border-collapse:collapse;font-size:14px}
.table th{color:var(--gris2);font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-align:left;font-weight:600;
padding:0 12px 12px;white-space:nowrap}
.table td{padding:11px 12px;border-top:1px solid var(--trait);white-space:nowrap}
.table tbody tr{transition:background-color .2s}.table tbody tr:hover{background:rgba(255,255,255,.025)}
.table .num{text-align:right;font-variant-numeric:tabular-nums}
.table .plus{color:var(--vert);font-weight:700}.table .moins{color:var(--rouge);font-weight:700}
.table .rang{font-weight:700;color:var(--gris);width:40px}
.table .r1{color:var(--or)}.table .r2{color:var(--argent)}.table .r3{color:var(--bronze)}
.joueur{display:flex;align-items:center;gap:12px}.joueur .av{width:36px;height:36px}
.joueur small{display:block;color:var(--gris2);font-size:12px}.nomj{font-weight:600}
.js .table tr.cache,.js .table tr.filtre{display:none}
button.plus{display:block;margin:16px auto 4px;font:inherit;font-weight:700;font-size:14px;cursor:pointer}
button.plus[hidden]{display:none}
.outils{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:22px 0 16px}
.choix{display:flex;align-items:center;gap:10px;background:var(--carte);border:1px solid var(--trait);border-radius:12px;padding:0 6px 0 14px;height:46px}
.choix span{color:var(--gris);font-size:13px;font-weight:600}
.choix select,.recherche{font:inherit;color:var(--blanc);background:transparent;border:0;outline:0;font-size:14px;font-weight:600}
.choix select{height:100%;padding-right:6px;cursor:pointer}.choix select option{background:var(--carte)}
.recherche{flex:1;min-width:200px;height:46px;background:var(--carte);border:1px solid var(--trait);border-radius:12px;padding:0 16px;
transition:border-color .2s}.recherche:focus{border-color:rgba(232,163,61,.6)}.recherche::placeholder{color:var(--gris2);font-weight:500}
.js .tableau:not(.actif){display:none}.tableau .aucun{display:none;padding:14px 12px}.tableau.rien .aucun{display:block}
.records{grid-template-columns:repeat(4,1fr)}.record b{font-size:clamp(22px,2.6vw,28px)}.record small a{color:var(--blanc);font-weight:600}
.record small a:hover{color:var(--ambre)}
.nav-d{display:flex;align-items:center;gap:10px}
.burger{display:none;width:42px;height:42px;border-radius:11px;border:1px solid var(--trait);background:var(--carte);color:var(--blanc);
cursor:pointer;place-items:center;transition:border-color .2s}.burger:hover{border-color:rgba(232,163,61,.55)}
.liens-voir{display:flex;gap:28px;flex-wrap:wrap}
a.match{transition:background-color .2s,transform .2s}a.match:hover{background:#222833;transform:translateX(2px)}
.barre-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 16px}
.partage .ico,.actions-a .ico,.barre-actions .ico{width:16px;height:16px}
.partage.ok{border-color:rgba(61,214,140,.6);color:var(--vert)}
tr[data-href]{cursor:pointer}
.res-m{--ea:#4b9cf5;--eb:#f05454;position:relative;overflow:hidden;isolation:isolate;border-radius:22px;border:1px solid var(--trait);background:var(--carte);padding:24px 30px 0}
.res-m:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--img) center/cover;transform:scale(1.03)}
.res-voile{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,15,20,.55),rgba(13,15,20,.82) 70%,rgba(13,15,20,.92))}
.res-m:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--ea) 50%,var(--eb) 50%)}
.res-haut,.res-bas{display:flex;justify-content:space-between;gap:16px;font-size:13px}
.res-tag,.res-marque{color:var(--ambre);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.res-centre{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:22px;margin:22px 0 20px}
.res-eq{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-width:0}.res-eq.b{flex-direction:row-reverse}
.res-nom{display:flex;flex-direction:column;align-items:flex-end;min-width:0}.res-eq.b .res-nom{align-items:flex-start}
.res-nom b{font-size:clamp(18px,2.3vw,28px);font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.res-eq.perd .res-nom b{color:var(--gris)}
.res-v{color:var(--vert);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}
.res-anneau{flex:none;width:84px;height:84px;border-radius:50%;padding:4px;border:3px solid var(--ea);background:rgba(13,15,20,.6)}
.res-eq.b .res-anneau{border-color:var(--eb)}
.res-av{width:100%;height:100%;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:26px;background:var(--carte2)}
.res-sc{display:flex;align-items:center;gap:18px;font-size:clamp(46px,7vw,80px);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.res-sc b.v{color:var(--vert)}.res-sc b.p{color:#8a919c}.res-sc b.n{color:var(--blanc)}.res-sc i{font-style:normal;color:var(--gris2);font-size:15px;font-weight:600}
.res-bas{color:var(--gris);padding-bottom:18px}
.cols-res{margin-top:6px}.eq-res{padding:14px 16px;border-left:3px solid var(--ea)}.eq-res.b{border-left-color:var(--eb)}
.eq-res.gagnante.a{border-color:var(--ea)}.eq-res.gagnante.b{border-color:var(--eb)}.eq-res{--ea:#4b9cf5;--eb:#f05454}
.eqr-t{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gris);margin:2px 2px 8px}
.eqr-t i{font-style:normal;color:var(--ambre)}.eqr-t i.vert{color:var(--vert)}.eqr-t i.gris{color:var(--gris2)}
.ligne-m{display:grid;grid-template-columns:36px minmax(0,1fr) 108px 56px 50px;align-items:center;gap:10px;padding:9px 2px;border-top:1px solid var(--trait)}
.ligne-m.entete{border-top:0;padding:4px 2px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gris2)}
.ligne-m .av{width:36px;height:36px}.nom-m{min-width:0}.nm{display:flex;align-items:center;gap:6px;font-weight:600;min-width:0}
.nm a,.nm span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cap-m{color:var(--ambre);display:inline-flex}.cap-m .ico{width:15px;height:15px}
.niv-m{display:inline-block;font-size:10.5px;font-weight:800;text-transform:uppercase;padding:3px 7px;border-radius:6px;white-space:nowrap;letter-spacing:.02em}
.niv-m.vide{background:none;color:var(--gris2)}.niv-tel{display:none}
.elo-m{font-weight:700;font-variant-numeric:tabular-nums}
.kda-m{display:block;font-size:11.5px;color:var(--gris2);margin-top:2px;font-variant-numeric:tabular-nums}
.evo-m{justify-self:start;font-size:12px;font-weight:700;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--gris)}
.evo-m.plus{color:var(--vert);background:rgba(61,214,140,.12)}.evo-m.moins{color:var(--rouge);background:rgba(255,90,90,.12)}
.veto-m{margin-top:16px;padding:14px 18px;display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap}
.veto-m small,.dep-m small{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gris2);margin-bottom:6px}
.chips-m{display:flex;flex-wrap:wrap;gap:6px}.ban-m,.joue-m{font-size:12.5px;padding:4px 10px;border-radius:8px;border:1px solid var(--trait);color:var(--gris2);text-decoration:line-through}
.ban-m.a{text-decoration-color:#4b9cf5}.ban-m.b{text-decoration-color:#f05454}
.joue-m{text-decoration:none;background:var(--ambre);border-color:var(--ambre);color:#14110c;font-weight:700}
.dep-m{text-align:right;font-size:13px;font-weight:600}.dep-m span{margin-left:12px}.dep-m .a{color:#4b9cf5}.dep-m .b{color:#f05454}
@media(max-width:700px){.res-m{padding:16px 16px 0}.res-centre{gap:10px;margin:16px 0 14px;align-items:start}.res-sc{align-self:center}.res-eq,.res-eq.b{flex-direction:column-reverse;gap:8px}
.res-nom,.res-eq.b .res-nom{align-items:center;text-align:center;max-width:100%}.res-nom b{font-size:15px}.res-anneau{width:58px;height:58px;padding:3px}
.res-sc{gap:10px}.res-bas{flex-direction:column;gap:2px;font-size:12px}.res-haut{font-size:11.5px}
.ligne-m{grid-template-columns:32px minmax(0,1fr) 48px 44px;gap:8px}.ligne-m .av{width:32px;height:32px}.niv-pc{display:none}.niv-tel{display:block;margin-top:3px}
.niv-tel .niv-m{font-size:9.5px;padding:2px 6px}.niv-tel .niv-m.vide{display:none}
.res-nom b{white-space:normal;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px}.dep-m{text-align:left}.dep-m span{margin:0 12px 0 0}}
.carte h3 i.vert{color:var(--vert)}.carte h3 i.gris{color:var(--gris)}
.cap{display:inline-flex!important;align-items:center;gap:5px;color:var(--ambre)!important}.cap .ico{width:13px;height:13px}
.elo .plus{color:var(--vert);font-size:12px}.elo .moins{color:var(--rouge);font-size:12px}
.veto .chip s{color:var(--gris);text-decoration-color:rgba(255,90,90,.7)}.veto .chip small{color:var(--gris2);font-size:11px}
.nav-m{display:flex;justify-content:space-between;margin-top:24px}
.liste-m td.gagne{color:var(--blanc);font-weight:600}.liste-m td.perd{color:var(--gris)}.sc-l{font-variant-numeric:tabular-nums}
.date-tel{display:none;color:var(--gris2);font-size:12px}
.tag-t{display:inline-block;margin-left:8px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ambre);
border:1px solid rgba(232,163,61,.4);border-radius:5px;padding:1px 5px;vertical-align:2px}
.table.liste-m+.aucun{display:none;padding:14px 12px}.table.liste-m.rien+.aucun{display:block}
.chip.rouge{color:var(--rouge);border-color:rgba(255,90,90,.45);background:rgba(255,90,90,.08)}
.desc-t{color:var(--gris);margin-top:14px;white-space:pre-line;max-width:760px}
.champion{display:flex;align-items:center;gap:14px;background:rgba(232,163,61,.08);border:1px solid rgba(232,163,61,.4);border-radius:16px;
padding:14px 20px;color:var(--ambre)}.champion .ico{width:30px;height:30px}.champion small{display:block;color:var(--gris);font-size:12px;
font-weight:600;letter-spacing:.08em;text-transform:uppercase}.champion b{color:var(--blanc);font-size:20px}
/* ---- page tournoi : carte d'en-tête habillée, fiches, lot, déroulé, places */
.tournoi-t{position:relative;overflow:hidden;isolation:isolate;padding:30px}
.tournoi-t:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
background:radial-gradient(600px 300px at 0% 0%,rgba(232,163,61,.12),transparent 70%),
radial-gradient(500px 340px at 100% 100%,rgba(var(--c,232,163,61),.10),transparent 70%)}
.tournoi-t:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
background-size:32px 32px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 75%);mask-image:linear-gradient(90deg,#000,transparent 75%)}
.tt-grille{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:34px;align-items:start}
.sans-lot .tt-grille{grid-template-columns:1fr}
.tt-tags{display:flex;gap:8px;flex-wrap:wrap}.tt-tags .chip .ico{width:15px;height:15px}
.tournoi-t h2{margin-top:14px;font-size:clamp(30px,4vw,44px);letter-spacing:-.01em;line-height:1.1}
.tt-acc{color:var(--gris);margin-top:12px;white-space:pre-line;max-width:620px;font-size:15.5px;line-height:1.65}
.fiches-t{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;max-width:640px}
.fiche-t{display:flex;gap:14px;align-items:flex-start;background:rgba(29,34,44,.72);border:1px solid var(--trait);border-radius:14px;
padding:14px 16px;transition:border-color .25s,transform .25s}.fiche-t:hover{border-color:rgba(232,163,61,.35);transform:translateY(-2px)}
.fiche-t .ic{width:40px;height:40px;flex:none;border-radius:11px;display:grid;place-items:center;color:var(--ambre);
background:rgba(232,163,61,.1);border:1px solid rgba(232,163,61,.22)}.fiche-t .ic .ico{width:20px;height:20px}
.fiche-t>div:last-child{min-width:0;flex:1}
.fiche-t small{display:block;color:var(--gris2);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.fiche-t b{display:block;font-size:17px;line-height:1.3;margin-top:2px}.fiche-t b em{font-style:normal;color:var(--gris2);font-weight:600}
.fiche-t span{display:block;color:var(--gris);font-size:13px}
.jauge-t{height:5px;border-radius:5px;background:var(--trait);margin-top:8px;overflow:hidden}
.jauge-t i{display:block;height:100%;min-width:4px;border-radius:5px;background:linear-gradient(90deg,#c9842a,var(--ambre))}
.cd-t{margin-top:24px}.cd-t>small{display:block;color:var(--gris2);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.cd-t .cd{margin-top:8px}
.cd-t .cd div{background:rgba(29,34,44,.85);border:1px solid var(--trait);min-width:78px;position:relative}
.cd-t .cd b{font-size:28px;background:linear-gradient(180deg,#fff,#d9dce2);-webkit-background-clip:text;background-clip:text;color:transparent}
.cta-t{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px}.cta-t>span{color:var(--gris2);font-size:13px}
.champion{margin-top:24px;max-width:640px}.champion span{display:block;color:var(--gris);font-size:13px}
/* le lot */
.prix-t{--c:232,163,61;position:relative;border-radius:20px;padding:18px 20px 20px;overflow:hidden;isolation:isolate;
background:linear-gradient(180deg,rgba(var(--c),.10),rgba(22,26,34,.6) 55%),var(--carte2);border:1px solid rgba(var(--c),.38);
box-shadow:0 24px 50px -30px rgba(var(--c),.6)}
.prix-t:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,rgb(var(--c)),transparent)}
.prix-tete{display:flex;justify-content:space-between;align-items:center}
.prix-tete small{display:flex;align-items:center;gap:7px;color:var(--ambre);font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.prix-tete small .ico{width:16px;height:16px}
.nb-x{font-weight:800;font-size:13px;color:#16110a;background:var(--ambre);border-radius:8px;padding:2px 9px}
.prix-img{height:170px;display:grid;place-items:center;margin:8px -6px 4px;position:relative}
.prix-img:before{content:"";position:absolute;inset:8% 6%;z-index:-1;border-radius:50%;
background:radial-gradient(closest-side,rgba(var(--c),.55),rgba(var(--c),.12) 60%,transparent);filter:blur(6px)}
.prix-img img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.55));
transition:transform .5s cubic-bezier(.2,.8,.2,1)}.prix-t:hover .prix-img img{transform:scale(1.05) rotate(-2deg)}
.prix-img.jeu img{border-radius:12px;max-height:130px}.prix-img>.ico{width:64px;height:64px;color:var(--ambre)}
.prix-nom{text-align:center}.prix-nom b{display:block;font-size:22px;line-height:1.25}
.bad-st,.bad-sv{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:6px;
padding:2px 8px;margin-bottom:6px}.bad-st{color:#ff8a4c;background:rgba(207,106,50,.14);border:1px solid rgba(207,106,50,.45)}
.bad-sv{color:#ffd166;background:rgba(255,209,102,.1);border:1px solid rgba(255,209,102,.4)}
.prix-tags{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:10px}
.prix-tags span{font-size:12.5px;font-weight:600;color:var(--gris);border:1px solid var(--trait);border-radius:999px;padding:3px 11px;background:rgba(13,15,20,.4)}
.prix-tags .tag-rar{color:rgb(var(--c));border-color:rgba(var(--c),.5);background:rgba(var(--c),.1)}
.prix-col{text-align:center;color:var(--gris2);font-size:12.5px;margin-top:8px}
.prix-pour{text-align:center;color:var(--gris);font-size:13.5px;margin-top:12px}
.prix-bas{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);font-size:13.5px}
.prix-bas:has(> :only-child){justify-content:center}
.prix-bas .val{color:var(--gris)}.prix-bas .val b{color:var(--blanc)}
.lien-p{color:var(--ambre);font-weight:600}.lien-p .fl{display:inline-block;transition:transform .2s}.lien-p:hover .fl{transform:translateX(4px)}
.et-t{position:relative;background:var(--carte);border:1px solid var(--trait);border-radius:16px;padding:20px;transition:border-color .25s,transform .25s}
.et-t:hover{border-color:rgba(232,163,61,.35);transform:translateY(-3px)}
.et-t .num{position:absolute;top:14px;right:16px;font-size:34px;font-weight:800;line-height:1;color:rgba(232,163,61,.14)}
.et-t .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--ambre);background:rgba(232,163,61,.1);
border:1px solid rgba(232,163,61,.22);margin-bottom:14px}
.et-t b{display:block;font-size:16px}.et-t p{color:var(--gris);font-size:13.5px;margin-top:4px;line-height:1.55}
.et-t:not(:last-child):after{content:"";position:absolute;top:41px;right:-15px;width:16px;border-top:2px dashed rgba(232,163,61,.35)}
/* équipes et places libres */
.eq-t{position:relative;transition:border-color .25s,transform .25s}.eq-t:hover{border-color:rgba(232,163,61,.35);transform:translateY(-2px)}
.eq-t .n{position:absolute;top:14px;right:16px;color:var(--gris2);font-size:12px;font-weight:700}
.eq-t small .ico{display:inline-block;width:13px;height:13px;color:var(--ambre);vertical-align:-2px;margin-right:4px}
.eq-t b{padding-right:28px}
.eq-t.gagne{border-color:rgba(232,163,61,.55);background:linear-gradient(180deg,rgba(232,163,61,.08),transparent),var(--carte)}
.eq-t.libre{background:transparent;border:1.5px dashed var(--trait);display:flex;flex-direction:column;align-items:center;justify-content:center;
text-align:center;min-height:124px;color:var(--gris2)}
.eq-t.libre .ic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--trait);margin-bottom:8px}
.eq-t.libre .ic .ico{width:16px;height:16px}.eq-t.libre b{color:var(--gris);font-size:14.5px;padding:0}
.eq-t.libre:hover{border-color:rgba(232,163,61,.55);color:var(--ambre);background:rgba(232,163,61,.04)}
.eq-t.libre:hover .ic{border-color:rgba(232,163,61,.55);transform:rotate(90deg)}.eq-t.libre .ic{transition:transform .3s,border-color .3s}
.eq-t.libre:hover b{color:var(--blanc)}.libres-tel:hover{border-color:rgba(232,163,61,.55);color:var(--blanc)}
.remp-t{color:var(--gris);font-size:14px;margin-top:16px}
.libres-tel{display:none;align-items:center;justify-content:center;gap:8px;color:var(--gris);font-size:14px;margin-top:12px;
border:1.5px dashed var(--trait);border-radius:14px;padding:14px}.libres-tel .ico{width:16px;height:16px;color:var(--ambre)}.remp-t b{color:var(--blanc);font-weight:600;margin-left:6px}
@media(max-width:980px){.tt-grille{grid-template-columns:1fr}.tt-d{max-width:420px}
.et-t:after{display:none}}
@media(max-width:620px){.eq-t.libre{display:none}.libres-tel{display:flex}.tournoi-t{padding:20px}.fiches-t{grid-template-columns:1fr}
.tt-d{max-width:none}.cd-t .cd div{min-width:0}.fiche-t{padding:12px 14px}}
/* palmarès et page sans tournoi */
.palm-t{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.to-barre{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 24px}
.to-vide{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:46px 20px}.to-vide .ico{width:34px;height:34px;color:var(--ambre);margin-bottom:6px}
.to-vide b{font-size:17px}.to-vide span{color:var(--gris);font-size:14px;max-width:420px}
.to-ong{display:inline-flex;gap:4px;margin:0;padding:4px;border-radius:14px;background:var(--carte);border:1px solid var(--trait)}
.to-ong button{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:14px;font-weight:700;padding:10px 18px;border-radius:10px;border:0;background:none;color:var(--gris);cursor:pointer;transition:background .2s,color .2s}
.to-ong button:hover{color:#fff}.to-ong button.on{background:var(--ambre);color:#1a1206}
.to-ong em{font-style:normal;font-size:11.5px;min-width:22px;padding:1px 7px;border-radius:20px;background:rgba(255,255,255,.08);color:inherit;text-align:center}.to-ong button.on em{background:rgba(26,18,6,.16)}
[data-to-p="passes"]>.to-liste>.h2s{margin:-8px 0 18px}
.to-det{animation:toDet .35s cubic-bezier(.2,.7,.2,1)}@keyframes toDet{from{opacity:0;transform:translateY(10px)}}
.to-ret{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;font:inherit;font-size:13.5px;font-weight:600;padding:9px 14px 9px 10px;border-radius:11px;border:1px solid var(--trait);background:var(--carte);color:var(--blanc);cursor:pointer;transition:border-color .2s,color .2s}
.to-ret:hover{border-color:rgba(232,163,61,.45);color:var(--ambre)}.to-ret .ico{width:16px;height:16px}
.to-barre .partage{min-height:48px;padding-left:18px;padding-right:20px}
@media(max-width:560px){.to-barre{flex-wrap:nowrap;gap:8px}.to-ong{display:flex;flex:1 1 auto;min-width:0}.to-ong button{flex:1;justify-content:center;padding:10px 4px;font-size:12px;gap:5px;white-space:nowrap}.to-ong em{min-width:18px;padding:1px 5px}
.to-barre .partage{flex:none;width:48px;padding:0;justify-content:center}.to-barre .partage span{display:none}}
.pal-t{position:relative;display:flex;gap:16px;align-items:center;background:var(--carte);border:1px solid var(--trait);border-radius:16px;
padding:16px 18px;transition:border-color .25s,transform .25s;overflow:hidden;isolation:isolate}
.pal-t:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(260px 120px at 0% 50%,rgba(232,163,61,.09),transparent 70%)}
.pal-t:hover{border-color:rgba(232,163,61,.4);transform:translateY(-3px)}.pal-t:hover b{color:var(--ambre)}
.pal-v{width:64px;height:64px;flex:none;border-radius:14px;display:grid;place-items:center;color:var(--ambre);background:rgba(232,163,61,.1);
border:1px solid rgba(232,163,61,.25)}.pal-v .ico{width:30px;height:30px}.pal-v.img{background:var(--carte2);border-color:var(--trait)}
.pal-v img{width:100%;height:100%;object-fit:contain;padding:6px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}
.pal-c{min-width:0;flex:1}.pal-c small{display:block;color:var(--gris2);font-size:12px}
.pal-c b{display:block;font-size:16.5px;line-height:1.3;transition:color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pal-w{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;color:var(--blanc);font-weight:600}
.pal-w .ico{width:14px;height:14px;color:var(--ambre)}.pal-w span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pal-w .avs{margin:0 0 0 auto}.pal-w .avs .av{width:24px;height:24px;font-size:10px}.vide-w{color:var(--gris2);font-weight:500}
.pal-t .fl{color:var(--gris2);transition:transform .2s,color .2s}.pal-t:hover .fl{transform:translateX(4px);color:var(--ambre)}
.dv-t{display:block;text-align:center;border-radius:20px;padding:18px 20px 20px;background:linear-gradient(180deg,rgba(232,163,61,.1),rgba(22,26,34,.6) 55%),var(--carte2);
border:1px solid rgba(232,163,61,.38);box-shadow:0 24px 50px -30px rgba(232,163,61,.6);transition:transform .25s}.dv-t:hover{transform:translateY(-3px)}
.dv-coupe{width:92px;height:92px;margin:14px auto 10px;border-radius:50%;display:grid;place-items:center;color:var(--ambre);
background:radial-gradient(closest-side,rgba(232,163,61,.25),rgba(232,163,61,.05) 70%,transparent);border:1px solid rgba(232,163,61,.3)}
.dv-coupe .ico{width:46px;height:46px;stroke-width:1.5}
.dv-nom{display:block;font-size:22px}.dv-s{display:block;color:var(--gris);font-size:13px;margin-top:2px}
.dv-js{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0}
.dv-j{display:flex;align-items:center;gap:7px;background:rgba(13,15,20,.45);border:1px solid var(--trait);border-radius:999px;padding:3px 12px 3px 3px;font-size:13px}
.dv-j .av{width:26px;height:26px;font-size:11px}
@media(max-width:980px){.palm-t{grid-template-columns:1fr 1fr}}@media(max-width:620px){.palm-t{grid-template-columns:1fr}}
/* agenda habillé */
.sur-t{color:var(--ambre);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:6px 0 10px}
.evt-a{position:relative;overflow:hidden;isolation:isolate;transition:border-color .25s,transform .25s}
.evt-a:hover{border-color:rgba(232,163,61,.35)}
.evt-a:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(420px 220px at 0% 0%,rgba(232,163,61,.08),transparent 70%)}
.date-a{box-shadow:inset 0 0 0 1px rgba(232,163,61,.05),0 14px 30px -20px rgba(232,163,61,.5)}
.date-a small{display:block;font-size:12px;color:var(--blanc);font-weight:600;border-top:1px solid rgba(232,163,61,.25);margin:6px 10px 0;padding-top:5px}
.tags-a{display:flex;gap:8px;flex-wrap:wrap}.tags-a .chip .ico{width:14px;height:14px}
.infos-a{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:8px;color:var(--gris);font-size:14px}
.infos-a span{display:inline-flex;align-items:center;gap:7px}.infos-a .ico{width:16px;height:16px;color:var(--ambre)}
.pl-a{max-width:420px;margin-top:12px}.pl-a>div:first-child{display:flex;justify-content:space-between;font-size:13px;color:var(--gris)}
.pl-a>div:first-child span:first-child{display:inline-flex;align-items:center;gap:7px;color:var(--blanc);font-weight:600}
.pl-a em{font-style:normal;color:var(--gris2)}.pl-a .ico{width:16px;height:16px;color:var(--ambre)}
.evt-a.vedette{grid-template-columns:110px 1fr 260px;padding:28px;border-color:rgba(232,163,61,.3)}
.evt-a.vedette:before{background:radial-gradient(600px 300px at 0% 0%,rgba(232,163,61,.12),transparent 70%),radial-gradient(400px 300px at 100% 100%,rgba(232,163,61,.07),transparent 70%)}
.evt-a.vedette .date-a{padding:14px 0}.evt-a.vedette .date-a b{font-size:42px}.evt-a.vedette .t-a{font-size:clamp(24px,3vw,32px)}
.evt-a.vedette .desc-a{font-size:15px;max-width:620px}
.vis-a{align-self:center;height:180px;border-radius:18px;display:grid;place-items:center;color:var(--ambre);position:relative;
background:radial-gradient(closest-side,rgba(232,163,61,.22),rgba(232,163,61,.04) 70%,transparent)}
.vis-a .ico{width:84px;height:84px;stroke-width:1.2;opacity:.85}
.vis-a img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.55))}
.vide-a{display:grid;grid-template-columns:96px 1fr;gap:24px;align-items:center;padding:28px;position:relative;overflow:hidden;isolation:isolate}
.vide-a:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(500px 260px at 0% 0%,rgba(232,163,61,.1),transparent 70%)}
.vide-ic{width:96px;height:96px;border-radius:24px;display:grid;place-items:center;color:var(--ambre);background:rgba(232,163,61,.1);border:1px solid rgba(232,163,61,.25)}
.vide-ic .ico{width:46px;height:46px;stroke-width:1.4}
.types-a{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.types-a .fiche-t{background:var(--carte)}
.saison-a{padding:22px 24px;flex-wrap:wrap}.sa-c{flex:1;min-width:220px}.sa-c b{font-size:17px}.saison-a .jauge-t{height:7px;margin-top:12px}
.sa-b{display:flex;justify-content:space-between;color:var(--gris2);font-size:12.5px;margin-top:6px}
.abo-a{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:22px 24px;background:linear-gradient(90deg,rgba(232,163,61,.08),transparent 60%),var(--carte)}
.abo-a .ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:var(--ambre);background:rgba(232,163,61,.12);flex:none}
.abo-a>div:nth-child(2){flex:1;min-width:220px}.abo-a b{font-size:17px}.abo-a p{color:var(--gris);font-size:14px}.abo-a .actions-a{margin:0}
@media(max-width:980px){.evt-a.vedette{grid-template-columns:90px 1fr}.vis-a{display:none}}
@media(max-width:700px){.evt-a.vedette{grid-template-columns:64px 1fr;padding:18px}.evt-a.vedette .date-a b{font-size:28px}
.vide-a{grid-template-columns:1fr;padding:20px}.vide-ic{width:64px;height:64px;border-radius:18px}.types-a{grid-template-columns:1fr}
.evt-a.vedette .cd-t .cd div{min-width:0}}
.vm{display:inline-block;width:34px;height:22px;border-radius:6px;background:var(--carte2) center/cover no-repeat;flex:none;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);vertical-align:middle}
.cm{display:inline-flex;align-items:center;gap:10px;line-height:1.2}.hbar.hmap{grid-template-columns:minmax(110px,150px) 1fr auto}.hbar.hmap>span{display:flex;align-items:center;gap:10px}
.sc-l span{display:inline-flex;align-items:center;gap:6px;background:var(--carte2);border:1px solid var(--trait);border-radius:9px;padding:3px 10px}
.sc-l i{font-style:normal;color:var(--gris2)}.sc-l b.gagne{color:var(--ambre)}.sc-l b.perd{color:var(--gris)}
.stats-matchs{margin-bottom:20px}
/* podium des classements : scène 3D (marches en relief, joueurs posés dessus, faisceau sur le 1er) */
.pd3{position:relative;margin:30px 0 22px;padding:26px 0 22px;isolation:isolate;overflow:hidden;border-radius:26px;
background:radial-gradient(60% 70% at 50% 100%,rgba(232,163,61,.10),transparent 70%),linear-gradient(180deg,#0f1218,#12151c 70%,#0e1015)}
.pd3:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,.05);pointer-events:none;z-index:3}
.tableau.cherche .pd3{display:none}
.pd3-g{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.12fr 1fr;align-items:end;gap:0;max-width:820px;margin:0 auto;padding:0 18px}
.pd3.n1 .pd3-g{grid-template-columns:minmax(0,300px);justify-content:center}.pd3.n2 .pd3-g{grid-template-columns:1fr 1.12fr;max-width:560px}
.pd3-lum{position:absolute;left:50%;top:-40px;width:520px;height:560px;margin-left:-260px;z-index:0;pointer-events:none;
background:conic-gradient(from 180deg at 50% 0%,transparent 160deg,rgba(255,214,140,.16) 172deg,rgba(255,230,180,.24) 180deg,rgba(255,214,140,.16) 188deg,transparent 200deg);
-webkit-mask:linear-gradient(180deg,#000 30%,transparent 92%);mask:linear-gradient(180deg,#000 30%,transparent 92%);animation:pdLum 6s ease-in-out infinite;will-change:opacity}
@keyframes pdLum{50%{opacity:.6}}
.pd3-pt{position:absolute;inset:0;z-index:1;pointer-events:none}
.pd3-pt i{position:absolute;bottom:60px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:#ffd88a;box-shadow:0 0 8px #ffb84a;opacity:0;
animation:pdPt var(--t) linear var(--d) infinite;will-change:transform,opacity}
@keyframes pdPt{0%{opacity:0;transform:translateY(0)}15%{opacity:.8}100%{opacity:0;transform:translateY(-260px)}}
.pd3-sol{position:relative;z-index:1;height:58px;max-width:900px;margin:-2px auto 0;pointer-events:none;clip-path:polygon(3% 0,97% 0,100% 100%,0 100%);
background:radial-gradient(40% 90% at 50% 0%,rgba(242,193,78,.22),transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 46px),linear-gradient(180deg,#1c2029,#0f1117)}
.pd3-sol:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,226,160,.45),transparent)}
.pd{--m1:#ffe9a8;--m2:#f2c14e;--m3:#a8741a;--mo:rgba(242,193,78,.55);position:relative;display:flex;flex-direction:column;align-items:center;min-width:0}
.pd.p2{--m1:#ffffff;--m2:#b9c4d2;--m3:#59616e;--mo:rgba(185,196,210,.45)}
.pd.p3{--m1:#ffd2b0;--m2:#d08a5a;--m3:#6b3a1c;--mo:rgba(208,138,90,.45)}
/* le joueur */
.pd-j{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8px 16px;max-width:100%;animation:pdFlotte 5s ease-in-out infinite;will-change:transform}
.pd.p2 .pd-j{animation-delay:-1.6s}.pd.p3 .pd-j{animation-delay:-3.2s}
@keyframes pdFlotte{50%{transform:translateY(-5px)}}
.pd-cour{width:30px;height:30px;color:var(--m2);filter:drop-shadow(0 4px 10px var(--mo));margin-bottom:-4px}
.pd-av{position:relative;width:78px;height:78px;border-radius:50%;padding:4px;margin-bottom:10px}
.p1 .pd-av{width:98px;height:98px}
.pd-anneau{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,var(--m1),var(--m2) 25%,var(--m3) 50%,var(--m2) 75%,var(--m1));
box-shadow:0 0 0 1px rgba(255,255,255,.12),0 14px 34px -12px var(--mo);animation:pdTourne 9s linear infinite;will-change:transform}
@keyframes pdTourne{to{transform:rotate(360deg)}}
.pd-av .av{position:relative;width:100%;height:100%;border:3px solid #10131a;font-size:24px}.p1 .pd-av .av{font-size:30px}
.pd-n{display:block;max-width:100%;font-weight:800;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--blanc)}
.p1 .pd-n{font-size:20px}
.pd-e{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:3px}
.pd-e b{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,var(--m1),var(--m2) 60%,var(--m3));-webkit-background-clip:text;background-clip:text;color:transparent}
.p1 .pd-e b{font-size:32px}.pd-e>span:last-child{color:var(--gris2);font-size:12.5px;font-weight:600}
.pd-niv{display:inline-flex;line-height:0}.pd-j small{display:block;color:var(--gris);font-size:12.5px;margin-top:2px}
/* la marche en relief : dessus éclairé, face avant en métal, chiffre gravé en volume */
.pd-b{position:relative;width:100%;--h:96px}.p1 .pd-b{--h:142px}.p3 .pd-b{--h:72px}
.pd-haut{position:relative;height:24px;margin:0 6%;clip-path:polygon(6% 0,94% 0,100% 100%,0 100%);
background:linear-gradient(180deg,color-mix(in srgb,var(--m2) 22%,#1d212a) 0%,color-mix(in srgb,var(--m1) 50%,#2b303a) 100%)}
.pd-haut:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--m1),transparent);opacity:.75}
.p2 .pd-haut,.p2 .pd-face{margin-right:0}.p3 .pd-haut,.p3 .pd-face{margin-left:0}
.pd-face{position:relative;height:var(--h);margin:0 6%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;
background:repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px),linear-gradient(180deg,color-mix(in srgb,var(--m2) 34%,#1b1f28) 0%,color-mix(in srgb,var(--m3) 36%,#12151c) 58%,#0d1015 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -30px 40px -20px rgba(0,0,0,.6),inset 1px 0 0 rgba(255,255,255,.06),inset -1px 0 0 rgba(0,0,0,.4)}
.p2 .pd-face{box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -30px 40px -20px rgba(0,0,0,.6),inset -18px 0 24px -16px rgba(0,0,0,.55)}
.p3 .pd-face{box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -30px 40px -20px rgba(0,0,0,.6),inset 18px 0 24px -16px rgba(0,0,0,.55)}
.p1 .pd-face{z-index:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -30px 40px -20px rgba(0,0,0,.6),-10px 0 22px -10px rgba(0,0,0,.8),10px 0 22px -10px rgba(0,0,0,.8)}
.pd-face:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.10) 45%,transparent 60%);transform:translateX(-120%);animation:pdReflet 7s ease-in-out infinite;will-change:transform}
.p2 .pd-face:before{animation-delay:1.2s}.p3 .pd-face:before{animation-delay:2.4s}
@keyframes pdReflet{0%,60%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.pd-num{position:relative;font-size:56px;font-weight:800;line-height:1;background:linear-gradient(180deg,var(--m1),var(--m2) 55%,var(--m3));-webkit-background-clip:text;background-clip:text;color:transparent;
filter:drop-shadow(0 1px 0 rgba(255,255,255,.25)) drop-shadow(0 3px 0 rgba(0,0,0,.55)) drop-shadow(0 8px 14px rgba(0,0,0,.5))}
.p1 .pd-num{font-size:74px}.p3 .pd-num{font-size:40px}
.pd-face small{position:relative;font-size:10px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:color-mix(in srgb,var(--m1) 70%,transparent);margin-top:3px}.p3 .pd-face small{font-size:9px;margin-top:1px}
.pd:hover .pd-j{animation-play-state:paused}
/* entrée : les marches montent, puis les joueurs se posent */
.js .pd3 .pd-b{animation:pdMonte .8s cubic-bezier(.2,.8,.2,1) both;transform-origin:bottom}.js .pd3 .p2 .pd-b{animation-delay:.12s}.js .pd3 .p3 .pd-b{animation-delay:.24s}
.js .pd3 .pd-j{animation:pdPose .7s cubic-bezier(.2,.9,.3,1.2) .45s both,pdFlotte 5s ease-in-out 1.2s infinite}
.js .pd3 .p2 .pd-j{animation-delay:.57s,2.6s}.js .pd3 .p3 .pd-j{animation-delay:.69s,4s}
@keyframes pdMonte{from{transform:scaleY(.05);opacity:0}}@keyframes pdPose{from{transform:translateY(-26px);opacity:0}}
/* progression sur 7 jours et ma ligne */
.mv{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}
.mv svg{width:10px;height:10px}.mv.up{color:#3ecf8e;background:rgba(62,207,142,.1)}.mv.dn{color:#f0525a;background:rgba(240,82,90,.1)}
.mv.eq{color:var(--gris2);background:rgba(255,255,255,.05)}.mv.nv{color:var(--ambre);background:rgba(232,163,61,.1)}
.table tr.moi td{background:rgba(232,163,61,.07)!important}.table tr.moi td:first-child{box-shadow:inset 3px 0 0 var(--ambre)}
@media(max-width:700px){.pd3{margin:22px 0 16px;padding-top:18px}.pd3-g{padding:0 6px}.pd-av{width:56px;height:56px;padding:3px;margin-bottom:8px}.p1 .pd-av{width:70px;height:70px}
.pd-av .av{font-size:18px}.p1 .pd-av .av{font-size:22px}.pd-n{font-size:13.5px}.p1 .pd-n{font-size:15px}.pd-e b{font-size:18px}.p1 .pd-e b{font-size:22px}
.pd-e>span:last-child,.pd-j small,.pd-niv{display:none}.pd-cour{width:24px;height:24px}.pd-j{padding:0 4px 12px}
.pd-b{--h:70px}.p1 .pd-b{--h:104px}.p3 .pd-b{--h:52px}.pd-haut{height:16px}.pd3-sol{height:34px}.pd-num{font-size:40px}.p1 .pd-num{font-size:52px}.p3 .pd-num{font-size:32px}.pd-face small{display:none}
.pd3-lum{width:340px;margin-left:-170px}}
/* version accueil : plus compacte, et des places à prendre en pointillés */
.pd3.mini{margin:4px 0 12px;padding:16px 0 0;border-radius:18px;background:radial-gradient(70% 70% at 50% 100%,rgba(232,163,61,.08),transparent 70%)}
.pd3.mini:before{display:none}.pd3.mini .pd3-g{padding:0 4px}.pd3.mini .pd3-lum{width:300px;margin-left:-150px;opacity:.7}
.pd3.mini .pd-av{width:52px;height:52px;padding:3px;margin-bottom:7px}.pd3.mini .p1 .pd-av{width:64px;height:64px}
.pd3.mini .pd-av .av{font-size:17px}.pd3.mini .p1 .pd-av .av{font-size:21px}
.pd3.mini .pd-n{font-size:13px}.pd3.mini .p1 .pd-n{font-size:14.5px}.pd3.mini .pd-e b{font-size:17px}.pd3.mini .p1 .pd-e b{font-size:20px}.pd3.mini .pd-e>span:last-child{font-size:11px}
.pd3.mini .pd-cour{width:22px;height:22px}.pd3.mini .pd-j{padding:0 4px 10px}
.pd3.mini .pd-b{--h:54px}.pd3.mini .p1 .pd-b{--h:80px}.pd3.mini .p3 .pd-b{--h:40px}.pd3.mini .pd-haut{height:14px}
.pd3.mini .pd-num{font-size:30px}.pd3.mini .p1 .pd-num{font-size:42px}.pd3.mini .p3 .pd-num{font-size:24px}.pd3.mini .pd-face small{display:none}.pd3.mini .pd3-sol{height:26px}
.pd.vide .pd-anneau{background:none;box-shadow:none;border:2px dashed color-mix(in srgb,var(--m2) 60%,transparent);animation:none}
.pd.vide .pd-av .av{display:grid;place-items:center;background:rgba(255,255,255,.03);color:var(--m2);border-color:transparent}.pd.vide .pd-av .av .ico{width:20px;height:20px}.pd.vide.p1 .pd-av .av .ico{width:24px;height:24px}
.pd.vide .pd-n{font-weight:600;color:var(--gris2);font-size:12px!important}.pd.vide .pd-j{animation:none!important}
.pd.vide .pd-face{opacity:.55}.pd.vide .pd-haut{opacity:.6}
.outils .choix{max-width:100%;min-width:0}.outils .choix select{min-width:0;max-width:100%;text-overflow:ellipsis}
.cl-vide{padding:18px 20px}.cl-vide .vide{padding:0}
.rang-max{display:flex;align-items:center;gap:10px;padding-left:18px;border-left:1px solid var(--trait);flex:none}.rang-max svg{display:block}
.rang-max small{display:block;color:var(--gris2);font-size:11px;font-weight:600;letter-spacing:.04em}.rang-max b{font-size:14px}
.st-j{margin-top:16px;padding:16px 20px}.st-j-t{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}.st-j-t b{font-size:15px}
.st-j-t small{color:var(--gris2);font-size:12px}.st-j-g{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.st-c{background:var(--carte2);border:1px solid var(--trait);border-radius:12px;padding:12px 14px}.st-c span{display:block;color:var(--gris);font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.st-c b{display:block;font-size:24px;line-height:1.25;font-variant-numeric:tabular-nums}.st-c small{color:var(--gris2);font-size:11.5px}
.st-c.bon b{color:var(--vert)}.st-c.faible b{color:#ff8a8a}
.st-j.vide-s{display:flex;align-items:center;gap:14px}.st-j.vide-s p{margin:0;color:var(--gris);font-size:13.5px}.st-j .ic{color:var(--ambre);flex:none}.st-j .ic .ico{width:22px;height:22px}
.barre-j{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.barre-j .ico{width:16px;height:16px}
.ts{margin-top:16px}.ts-tete{display:flex;align-items:baseline;justify-content:space-between;gap:4px 10px;flex-wrap:wrap;margin-bottom:12px}.ts-tete small{color:var(--gris2);font-size:12px}
.ts-t td{padding-top:9px;padding-bottom:9px}.ts-eq td{color:var(--gris);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding-top:16px}
.ts-t tbody.a .ts-eq td{color:#5aa9ff}.ts-t tbody.b .ts-eq td{color:#ff6b6b}
.ts-j{display:flex;align-items:center;gap:10px}.ts-j .av{width:30px;height:30px}.ts-top{color:var(--ambre);display:inline-flex}.ts-top .ico{width:15px;height:15px;fill:var(--ambre)}
.ts-t tr.top{background:rgba(232,163,61,.06)}.ts-n{font-size:15px}.ts-n.bon{color:var(--vert)}.ts-n.faible{color:#ff8a8a}.ts-t .plus{color:var(--vert)}.ts-t .moins{color:#ff8a8a}
.df{margin-top:16px}.df-l{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:8px 14px;padding:12px 0;border-top:1px solid var(--trait)}
.df h3+.df-l{border-top:0;padding-top:4px}.df-niv{justify-self:start;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px}
.df-niv.facile{color:#4ade80;background:rgba(74,222,128,.1)}.df-niv.moyen{color:var(--ambre);background:rgba(232,163,61,.12)}.df-niv.difficile{color:#ff7b7b;background:rgba(255,107,107,.1)}
.df-t{font-weight:600;font-size:14.5px;min-width:0}.df-n{color:var(--gris);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.df-ok{display:inline-flex;align-items:center;gap:6px;color:var(--vert);font-weight:700;white-space:nowrap}.df-ok .ico{width:16px;height:16px}
.df-b{grid-column:2/4;height:6px;border-radius:99px;background:var(--carte2);overflow:hidden}.df-b i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b5761f,var(--ambre))}
.df-l.ok .df-b i{background:var(--vert)}.df-pied{margin:12px 0 0;color:var(--gris2);font-size:12.5px}
@media(max-width:700px){.df-l{grid-template-columns:1fr auto;gap:6px 12px}.df-niv{grid-column:1/-1}.df-b{grid-column:1/-1}}
.act-c{padding:8px 22px}.act-l{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--trait)}.act-l:first-child{border-top:0}
.tg{flex:none;min-width:58px;text-align:center;padding:5px 9px;border-radius:8px;font-size:11.5px;font-weight:700;letter-spacing:.05em}
.tg.ace{background:rgba(232,163,61,.16);color:var(--ambre);border:1px solid rgba(232,163,61,.4)}.tg.cl{background:rgba(164,108,242,.14);color:#c4a2f7;border:1px solid rgba(164,108,242,.4)}
.tg.k4{background:rgba(77,143,232,.14);color:#8fb6f0;border:1px solid rgba(77,143,232,.4)}
.act-l b{flex:1;min-width:0;font-size:14.5px}.act-l>span:last-child{color:var(--gris);font-size:13px;text-align:right}
.dx-z{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.dx-c{padding:22px 24px;min-width:0}
.dx-p{display:inline-flex;align-items:center;gap:7px;color:#ff6b6b!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.dx-p:before{content:"";width:8px;height:8px;border-radius:50%;background:#ff5a5a;animation:pouls-d 1.6s ease-out infinite}
.dx-p.calme{color:var(--ambre)!important}.dx-p.calme:before{background:var(--ambre);animation:none}
@keyframes pouls-d{0%{box-shadow:0 0 0 0 rgba(255,90,90,.5)}80%,100%{box-shadow:0 0 0 8px rgba(255,90,90,0)}}
.dx-l{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;padding:14px 4px 4px}
.dx-eq{font-weight:700;font-size:19px;min-width:0;overflow-wrap:anywhere}.dx-eq.d{text-align:right}.dx-eq small{display:block;color:var(--gris);font-size:13px;font-weight:500;margin-top:4px}
.dx-sc{font-size:52px;font-weight:700;letter-spacing:-.02em;line-height:1;text-align:center;font-variant-numeric:tabular-nums}
.dx-sc i{color:var(--gris);font-style:normal;margin:0 10px;font-size:34px;vertical-align:8px}.ea{color:var(--ct-bleu)}.eb{color:var(--t-rouge)}
.dx-s{text-align:center;color:var(--gris);font-size:13px;margin-top:8px;white-space:nowrap}
.dx-rds{display:flex;gap:4px;justify-content:center;margin-top:18px;flex-wrap:wrap}.dx-rds i{width:13px;height:13px;border-radius:4px;background:var(--carte2);border:1px solid var(--trait);transition:background .4s}
.dx-rds i.a{background:var(--ct-bleu);border-color:transparent}.dx-rds i.b{background:var(--t-rouge);border-color:transparent}.dx-rds i.mt{margin-right:10px}
.dx-acts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.dx-act{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--gris)}.dx-act .tg{min-width:0}
.dx-gotv{display:flex;align-items:center;gap:14px;margin-top:18px;padding:14px 18px;border-radius:14px;background:var(--carte2);border:1px solid var(--trait)}
.dx-gotv .ic{color:var(--ambre);display:flex}.dx-gotv .ic .ico{width:22px;height:22px}.dx-gotv div{flex:1;min-width:0}.dx-gotv b{display:block;font-size:14.5px}
.dx-gotv small{color:var(--gris);font-size:12.5px;line-height:1.55}.dx-gotv code{font-size:11.5px;background:var(--carte);border-radius:5px;padding:1px 5px;white-space:nowrap}
.dx-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:4px 14px;padding:12px 14px;border-radius:12px;background:var(--carte2);border:1px solid rgba(255,90,90,.28);color:inherit}
.dx-row:hover{border-color:rgba(255,90,90,.55)}.dx-row .dx-p{font-size:10.5px;margin-right:10px;vertical-align:1px}.dx-n{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dx-n.d{text-align:right}
.dx-vs{color:var(--gris);font-style:normal;font-size:14px}.dx-row b{font-size:17px;font-variant-numeric:tabular-nums;text-align:center}.dx-row small{grid-column:1/-1;color:var(--gris);font-size:12px;text-align:center}
a.live{color:inherit}
@media(max-width:700px){.dx-c{padding:18px 16px}.dx-s{white-space:normal}.dx-gotv code{white-space:normal;word-break:break-all}.dx-l{grid-template-columns:minmax(0,1fr);text-align:center;gap:12px}.dx-eq.d{text-align:center}.dx-sc{font-size:44px}.dx-gotv{flex-wrap:wrap}.dx-gotv .btn{width:100%;justify-content:center}}
.ix-s{scroll-margin-top:90px}.ix{padding:24px}.ix-g{min-width:0}
.ix{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:start}
.ix-etapes{display:grid;gap:12px}
.ix-et{display:flex;gap:14px;align-items:center;padding:15px 16px;border-radius:14px;background:var(--carte2);border:1px solid var(--trait);transition:border-color .3s,box-shadow .3s}
.ix-et .n{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;border:1px solid var(--trait);color:var(--gris);transition:all .3s}
.ix-et.ok .n{background:rgba(67,201,119,.14);border-color:rgba(67,201,119,.45);color:#5fd68a}.ix-et .n .ico{width:17px;height:17px}
.ix-et.act{border-color:rgba(232,163,61,.55);box-shadow:0 0 0 4px rgba(232,163,61,.08)}.ix-et.act .n{background:var(--ambre);color:#14110b;border-color:var(--ambre)}
.ix-et div{flex:1;min-width:0}.ix-et b{display:block;font-size:15px}.ix-et small{color:var(--gris);font-size:13px;line-height:1.5}.ix-a:empty{display:none}
.ix-qui{color:var(--gris);font-size:13px;margin:14px 0 0}.ix-qui b{color:#fff}
.ix-attente{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:26px;border-radius:16px;background:var(--carte2);border:1px solid var(--trait);min-height:100%}
.ix-attente>.ico{width:26px;height:26px;color:var(--ambre)}.ix-attente.ok>.ico{color:#5fd68a}.ix-attente b{font-size:17px}.ix-attente p{color:var(--gris);font-size:14px;line-height:1.6;margin:0}
.ix-lien{color:var(--gris);font-size:13px;text-decoration:underline;text-underline-offset:3px}.ix-lien:hover{color:#fff}
.ix-ch{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ix-ch button{text-align:left;padding:16px;border-radius:14px;background:var(--carte2);border:1px solid var(--trait);color:inherit;font:inherit;cursor:pointer;transition:border-color .2s,transform .2s}
.ix-ch button:hover{border-color:rgba(232,163,61,.5);transform:translateY(-2px)}.ix-ch button.on{border-color:var(--ambre);box-shadow:0 0 0 3px rgba(232,163,61,.1)}
.ix-ch .ico{width:22px;height:22px;color:var(--ambre)}.ix-ch b{display:block;margin:10px 0 4px;font-size:15px}.ix-ch small{color:var(--gris);font-size:13px;line-height:1.5}
.ix-champ{display:block;margin-top:16px}.ix-champ span{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);margin-bottom:8px}
.ix-champ input{width:100%;box-sizing:border-box;padding:13px 15px;border-radius:12px;background:var(--carte2);border:1px solid var(--trait);color:#fff;font:500 14px Poppins,sans-serif}
.ix-champ input:focus{outline:none;border-color:rgba(232,163,61,.6)}.ix-champ input:disabled{opacity:.5}
.ix-res{display:grid;gap:6px;margin-top:6px}.ix-res button{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:11px;background:var(--carte2);border:1px solid var(--trait);color:inherit;font:inherit;cursor:pointer;text-align:left}
.ix-res button:hover:not(:disabled){border-color:rgba(232,163,61,.5)}.ix-res button:disabled{opacity:.55;cursor:default}.ix-res b{flex:1;font-size:14px}
.ix-res span.ok{color:#5fd68a;font-size:12px;font-weight:600}.ix-res span.non{color:var(--gris);font-size:12px}.ix-res .vide{margin:6px 0}
.ix-res .av,.ix-mate .av{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:none;display:grid;place-items:center;font-size:13px;font-weight:700;background:#2a2f3a}
.ix-mates{display:grid;gap:8px;margin-top:10px}.ix-mate{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:var(--carte2);border:1px solid rgba(232,163,61,.45)}
.ix-mate b{flex:1;font-size:14px}.ix-mate button{background:none;border:0;color:var(--gris);font-size:20px;line-height:1;cursor:pointer;padding:0 4px}.ix-mate button:hover{color:#fff}
.ix-go{width:100%;justify-content:center;margin-top:18px}.ix-go:disabled{opacity:.6;pointer-events:none}
.ix-msg{font-size:13.5px;margin:10px 0 0;min-height:1.2em}.ix-msg.err{color:#ff7b7b}.ix-msg.ok{color:var(--gris)}
@media(max-width:860px){.ix{grid-template-columns:minmax(0,1fr)}.ix-ch{grid-template-columns:1fr}}
.tt-report{display:flex;gap:10px;align-items:flex-start;margin:10px 0 4px;padding:11px 14px;border-radius:12px;background:rgba(232,163,61,.1);border:1px solid rgba(232,163,61,.35);color:var(--gris);font-size:13.5px;line-height:1.55}
.tt-report .ico{width:18px;height:18px;color:var(--ambre);flex:none;margin-top:1px}.tt-report b{color:var(--ambre)}
.lg-g{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 22px}.c-ok{color:#43c977}.c-moy{color:var(--ambre)}.c-alerte{color:#f0525a}
.lg-tab{width:100%;border-collapse:collapse}.lg-tab th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);text-align:left;padding:10px 12px;border-bottom:1px solid var(--trait)}
.lg-tab td{padding:11px 12px;border-bottom:1px solid var(--trait);font-size:14px}.lg-tab tr:last-child td{border-bottom:0}.lg-tab tbody tr{cursor:pointer}.lg-tab tbody tr:hover td{background:rgba(255,255,255,.025)}
.lg .gris{color:var(--gris)}.jn{display:flex;align-items:center;gap:10px;font-weight:600;color:inherit}.jn .av{width:30px;height:30px}
.l-ok{--c:#43c977}.l-moy{--c:#e8a33d}.l-alerte{--c:#f0525a}.l-gris{--c:#6b7380}
.lsc{display:flex;align-items:center;gap:10px}.lsc b{min-width:30px;font-size:15px;color:var(--c)}
.lbar{display:block;flex:1;max-width:150px;height:7px;border-radius:5px;background:var(--carte2);overflow:hidden}.lbar i{display:block;height:100%;border-radius:5px;background:var(--c)}
.lgp{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;color:var(--c);
background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 40%,transparent)}
.lg-note{color:var(--gris);font-size:12.5px;margin:14px 0 0}
.det{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;margin-top:16px}.lg-j{text-align:center}
.jauge{position:relative;width:190px;height:190px;margin:8px auto 12px}.jauge svg{width:100%;height:100%;transform:rotate(-90deg)}
.jauge-arc{animation:arc 1.2s cubic-bezier(.2,.8,.2,1) both}@keyframes arc{from{stroke-dasharray:0 326.7}}
.jauge .v{position:absolute;inset:0;display:grid;place-items:center}.jauge .v b{font-size:50px;line-height:1;display:block}.jauge .v small{color:var(--gris);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
.lg-info{color:var(--gris);font-size:13px;line-height:1.6;margin:14px 0 0}.lg-evo-t{margin-top:18px;text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.evo{display:flex;align-items:flex-end;gap:6px;height:80px;margin-top:8px}.evo i{flex:1;border-radius:4px 4px 0 0;opacity:.85;min-width:8px}
.crit{display:grid;gap:12px}.cr{padding:14px 16px;border-radius:12px;background:var(--carte2);border:1px solid var(--trait)}
.cr .h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.cr .h b{font-size:14.5px}.cr .h span{font-weight:700;color:var(--c)}
.cr small{display:block;color:var(--gris);font-size:12.5px;margin-top:4px;line-height:1.5}.cr .lbar{max-width:none;margin-top:10px;height:6px}
.rd{display:flex;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--trait);font-size:13.5px}.rd:first-of-type{border-top:0}.rd b{min-width:120px}.rd span{color:var(--gris);flex:1;min-width:0}
@media(max-width:600px){.lg-tab th:last-child,.lg-tab td:last-child{display:none}.lbar{max-width:70px}.lg-tab td,.lg-tab th{padding:10px 6px}}
@media(max-width:900px){.lg-g{grid-template-columns:1fr 1fr}.det{grid-template-columns:minmax(0,1fr)}.rd{flex-wrap:wrap}.rd b{min-width:0}}
.gd-hero{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--trait);min-height:340px;display:flex;align-items:flex-end;padding:36px;margin-top:6px;background:var(--carte)}
.gd-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);animation:gdz 22s ease-in-out infinite alternate}
@keyframes gdz{to{transform:scale(1.15) translateX(-2%)}}
.gd-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,13,18,.96) 0%,rgba(11,13,18,.74) 48%,rgba(11,13,18,.22)),linear-gradient(0deg,rgba(11,13,18,.92),transparent 62%)}
.gd-in{position:relative;z-index:1;max-width:640px}.gd-in .sur-t{margin:0 0 8px}
.gd-in h1{font-size:clamp(42px,6.4vw,68px);line-height:1;margin:0;letter-spacing:-.02em}.gd-in>p{color:var(--gris);margin:12px 0 18px;font-size:16px;line-height:1.6}
.gd-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.gd-b{display:flex;gap:10px;flex-wrap:wrap}
.gd-stats{margin-top:20px}
.gp{margin-top:34px}.gp-tete{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.gp-tete h2{margin:0}.gp-tete .sur-t{margin:0 0 6px}
.gp-esprit{padding:22px 24px}.gp-esprit>p{margin:0;font-size:15.5px;line-height:1.65;color:#d6dae2}
.gp-cote{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--trait);color:var(--gris);font-size:13.5px}.gp-cote .ico{width:18px;height:18px;color:var(--ambre);flex:none}
.gp-ong{display:inline-flex;gap:4px;margin:22px 0 14px;padding:4px;border-radius:13px;background:var(--carte);border:1px solid var(--trait)}
.gp-ong button{font:inherit;font-size:13.5px;font-weight:700;padding:9px 16px;border-radius:10px;border:0;background:none;color:var(--gris);cursor:pointer;transition:background .2s,color .2s}
.gp-ong button:hover{color:#fff}.gp-ong button.on{background:var(--ambre);color:#1a1206}.gp-ong button[data-gp="ct"].on{background:#4a8fe7;color:#fff}
.gp-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}.gp-plans[hidden]{display:none}
.gp-p{display:flex;gap:14px;padding:18px;border-radius:16px;background:var(--carte);border:1px solid var(--trait);transition:border-color .2s,transform .2s}
.gp-p:hover{border-color:rgba(232,163,61,.35);transform:translateY(-2px)}.gp-p b{display:block;font-size:15px;margin-bottom:4px}.gp-p p{margin:0;color:var(--gris);font-size:13.5px;line-height:1.6}
.gp-n{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:14px}.gp-n.t{background:rgba(232,163,61,.14);color:var(--ambre);border:1px solid rgba(232,163,61,.3)}
.gp-n.ct{background:rgba(74,143,231,.14);color:#7fb2f5;border:1px solid rgba(74,143,231,.35)}
.gp-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.gp-g2{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;margin-top:16px}
.gp-l{padding:11px 0;border-top:1px solid var(--trait)}.gp-l:first-of-type{border-top:0;padding-top:2px}.gp-l b{display:block;font-size:14px}.gp-l small{color:var(--gris);font-size:12.5px;line-height:1.5}
.gp-u,.gp-err ul{margin:0;padding:0;list-style:none}.gp-u li,.gp-err li{position:relative;padding:8px 0 8px 18px;color:#c9ced8;font-size:13.5px;line-height:1.5;border-top:1px solid var(--trait)}
.gp-u li:first-child,.gp-err li:first-child{border-top:0;padding-top:2px}.gp-u li:before{content:"";position:absolute;left:2px;top:15px;width:6px;height:6px;border-radius:50%;background:var(--ambre)}
.gp-u li:first-child:before,.gp-err li:first-child:before{top:9px}.gp-err li:before{content:"";position:absolute;left:1px;top:14px;width:9px;height:2px;border-radius:2px;background:#ff6b6b}
.gp-pro{background:linear-gradient(160deg,rgba(232,163,61,.08),transparent 60%),var(--carte)}.gp-pro p{margin:0;color:#d6dae2;font-size:14px;line-height:1.65}
.gp-src{margin:26px 0 0;color:var(--gris2);font-size:12px;line-height:1.6}.gp-src a{color:var(--gris);text-decoration:underline;text-underline-offset:2px}.gp-src a:hover{color:var(--ambre)}
.ml-st{position:absolute;top:12px;right:12px;z-index:2;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:rgba(11,13,18,.72);color:var(--gris);border:1px solid rgba(255,255,255,.1)}
.ml-st.ad{color:var(--ambre);border-color:rgba(232,163,61,.45)}
@media(max-width:980px){.gp-g{grid-template-columns:1fr}.gp-g2{grid-template-columns:1fr}}
@media(max-width:560px){.gp-ong{display:flex}.gp-ong button{flex:1;padding:9px 8px;font-size:12.5px}.gp-plans{grid-template-columns:1fr}}
.gd-g{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;margin-top:20px}.gd-g>*{min-width:0}.gd-d{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-content:start}
.zone{display:flex;gap:14px;padding:14px 0;border-top:1px solid var(--trait)}.zone:first-of-type{border-top:0;padding-top:4px}
.zone b{display:block;font-size:15px}.zone small{color:var(--gris);font-size:13.5px;line-height:1.6}
.zone .zn{flex:none;min-width:30px;height:30px;padding:0 6px;border-radius:9px;display:grid;place-items:center;font-weight:700;font-size:12.5px;background:rgba(232,163,61,.12);color:var(--ambre);border:1px solid rgba(232,163,61,.3)}
.tj{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--trait)}.tj:first-of-type{border-top:0}
.tj .n{width:18px;color:var(--gris);font-weight:700;font-size:13px}.tj .av{width:34px;height:34px}.tj b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tj>span:not(.n){color:var(--gris);font-size:13px;white-space:nowrap}.tj em{font-style:normal;color:var(--ambre);font-weight:700;min-width:46px;text-align:right}
.gd-m{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--trait);color:inherit}.gd-m:first-of-type{border-top:0}
.gd-m span{color:var(--gris);font-size:13px;min-width:70px}.gd-m b{flex:1}.gd-m small{color:var(--gris);font-size:12.5px}.gd-m:hover b{color:var(--ambre)}
.lu-g{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lu{display:block;padding:16px 18px;border-radius:14px;background:var(--carte);border:1px solid var(--trait);color:inherit;transition:border-color .2s,transform .2s}
.lu:hover{border-color:rgba(232,163,61,.5);transform:translateY(-2px)}
.lu .t{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}.lu .t.T{color:var(--t-rouge)}.lu .t.CT{color:var(--ct-bleu)}
.lu b{display:block;margin:6px 0 4px;font-size:15px}.lu small{color:var(--gris);font-size:12.5px}
.gd-autres{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:36px;padding-bottom:18px;position:static;background:none;backdrop-filter:none;z-index:auto;box-shadow:none}.gd-autres span{color:var(--gris);font-size:13px;margin-right:6px}
.gd-autres a{padding:7px 13px;border-radius:999px;border:1px solid var(--trait);color:var(--gris);font-size:13px;font-weight:600}
.gd-autres a:hover{color:#fff;border-color:rgba(232,163,61,.5)}.gd-autres a.actif{color:var(--ambre);border-color:rgba(232,163,61,.5)}
@media(max-width:860px){.gd-g{grid-template-columns:minmax(0,1fr)}.lu-g{grid-template-columns:1fr}.gd-hero{padding:22px;min-height:380px}}
.sv{max-width:760px}
.sv h3 .sv-ok{text-transform:none;letter-spacing:0;font-size:13px}
.sv-ok{display:inline-flex;align-items:center;gap:7px;color:#5fd68a;font-weight:600;font-size:13px;white-space:nowrap}
.sv-ok:before{content:"";width:8px;height:8px;border-radius:50%;background:#43c977;box-shadow:0 0 0 4px rgba(67,201,119,.15);animation:svp 2.4s ease-in-out infinite}
.sv-ok.orange{color:var(--ambre)}.sv-ok.orange:before{background:var(--ambre);box-shadow:0 0 0 4px rgba(232,163,61,.15)}
@keyframes svp{50%{box-shadow:0 0 0 7px rgba(67,201,119,0)}}
.sv-l{display:flex;align-items:center;gap:14px;padding:15px 0;border-top:1px solid var(--trait)}.sv-l:first-of-type{border-top:0;padding-top:6px}
.sv-l .ic{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--carte2);border:1px solid var(--trait);color:var(--ambre)}
.sv-l .ic .ico{width:19px;height:19px}.sv-l div{flex:1;min-width:0}.sv-l b{display:block;font-size:15px}.sv-l small{color:var(--gris);font-size:13px}
.ping{display:flex;align-items:center;gap:18px;margin-top:8px;padding:18px 20px;border-radius:14px;background:var(--carte2);border:1px solid var(--trait)}
.pg-v{font-size:34px;font-weight:700;line-height:1;min-width:92px}.pg-v small{font-size:15px;color:var(--gris);font-weight:600}
.pg-q{flex:1;min-width:0}.pg-q b.ex,.pg-q b.tb{color:#5fd68a}.pg-q b.co{color:var(--ambre)}.pg-q b.el{color:#f0525a}.pg-q small{display:block;color:var(--gris);font-size:12.5px;margin-top:3px}
.pg-r{background:none;border:0;color:var(--gris);font:600 13px Poppins,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:6px 0}
.pg-r:hover{color:#fff}.ping.mesure .pg-r{opacity:.4;pointer-events:none}
.pg-pt{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--ambre);animation:pgp 1s ease-in-out infinite}
@keyframes pgp{50%{opacity:.25;transform:scale(.7)}}
@media(max-width:600px){.ping{flex-wrap:wrap;gap:10px 16px;padding:16px}.pg-v{min-width:0;font-size:30px}.pg-r{width:100%;text-align:left}}
.pied-etat{display:inline-flex;align-items:center;gap:7px}.pied-etat:before{content:"";width:7px;height:7px;border-radius:50%;background:#43c977}
@media(max-width:600px){.lx-guide{display:none}}
.demo-b{margin-left:4px}.demo-s{color:var(--gris2);font-size:12px;flex-basis:100%;margin-top:2px}.demo-s code{font-size:11.5px;background:var(--carte2);border-radius:5px;padding:1px 5px}
.live-t{padding:12px}.live-v{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}
.live-v iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.live-b{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 4px 2px}.live-b b{font-size:14.5px}.live-b .btn{margin-left:auto}
@media(max-width:700px){.live-t{padding:8px}.live-b .btn{margin-left:0}}
.rec-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.js .rec-g:not(.actif){display:none}
.rec-c h3 span{display:flex;align-items:center;gap:8px}.rec-c h3 .ico{width:17px;height:17px;color:var(--ambre)}
.rec-l{display:flex;align-items:center;gap:12px;padding:10px 4px;border-top:1px solid var(--trait);color:inherit;text-decoration:none}
.rec-l:first-of-type{border-top:0}.rec-l i{font-style:normal;width:18px;color:var(--gris2);font-weight:700;font-size:13px}.rec-l.p1 i{color:var(--ambre)}
.rec-l .av{width:34px;height:34px}.rec-n{flex:1;min-width:0}.rec-n b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rec-n small{color:var(--gris2);font-size:12px}.rec-v{font-size:19px;font-variant-numeric:tabular-nums}.rec-l.p1 .rec-v{color:var(--ambre)}a.rec-l:hover b{color:var(--ambre)}
@media(max-width:900px){.st-j-g{grid-template-columns:repeat(3,1fr)}.rang-j{flex-wrap:wrap}.rang-max{flex-basis:100%;padding:10px 0 0;border-left:0;border-top:1px solid var(--trait)}}
@media(max-width:640px){.st-j-g{grid-template-columns:repeat(2,1fr)}.st-c b{font-size:20px}}
.rang-j{display:flex;align-items:center;gap:20px;padding:16px 20px;margin-top:16px;background:linear-gradient(90deg,color-mix(in srgb,var(--rc,#e8a33d) 12%,transparent),transparent 60%),var(--carte)}
.rang-pl{flex:none;display:grid;place-items:center}.rang-pl svg{display:block}.rang-plac .rang-pl{width:64px;height:64px;border-radius:16px;background:rgba(232,163,61,.1);border:1px solid rgba(232,163,61,.25);color:var(--ambre)}
.rang-plac .rang-pl .ico{width:28px;height:28px}.rang-i{flex:1;min-width:0}.rang-i small{display:block;color:var(--gris);font-size:12.5px;font-weight:600;letter-spacing:.02em}
.rang-i>small:first-child{text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--gris2)}.rang-i b{display:block;font-size:24px;line-height:1.2;margin:2px 0 8px}
.rang-b{height:8px;border-radius:9px;background:rgba(255,255,255,.07);overflow:hidden;margin-bottom:6px}.rang-b i{display:block;height:100%;border-radius:9px}
.rang-crans{display:flex;gap:6px;margin-bottom:6px}.rang-crans i{flex:1;max-width:46px;height:8px;border-radius:9px;background:rgba(255,255,255,.08)}.rang-crans i.on{background:var(--ambre)}
.rang-c{display:inline-block;vertical-align:middle;line-height:0}.rang-c svg{display:block}
@media(max-width:640px){.rang-j{gap:14px;padding:14px}.rang-pl svg{width:86px;height:auto}.rang-i b{font-size:20px}}.tel-seul{display:none}
@media(max-width:640px){.tel-seul{display:inline}.defil .table th,.defil .table td{padding-left:6px;padding-right:6px}
.defil .table .joueur{gap:8px}.defil .table .joueur .av{width:30px;height:30px}.defil .table .joueur .nomj{display:block;max-width:88px;overflow:hidden;text-overflow:ellipsis}.defil .table .cm .vm{display:none}}
@media(max-width:640px){.outils-cl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px}
.outils-cl .choix{width:100%;padding:0 4px 0 12px;gap:8px}.outils-cl .choix span{display:none}.outils-cl .choix select{flex:1;width:100%;min-width:0}
.outils-cl .recherche{grid-column:1/-1;width:100%;min-width:0}}
/* en attente : remplaçants et joueurs seuls */
.attente-t{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.at-c{padding:20px;background:linear-gradient(180deg,rgba(232,163,61,.05),transparent 45%),var(--carte)}
.at-t{display:flex;align-items:center;gap:14px;margin-bottom:14px}.at-t .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
color:var(--ambre);background:rgba(232,163,61,.1);border:1px solid rgba(232,163,61,.22);flex:none}.at-t .ic .ico{width:20px;height:20px}
.at-t>div:nth-child(2){flex:1;min-width:0}.at-t b{display:block;font-size:16px}.at-t small{display:block;color:var(--gris2);font-size:12.5px}
.at-nb{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.at-nb em{font-style:normal;color:var(--gris2);font-size:16px;font-weight:600}
.at-l{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--trait)}
.at-n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--ambre);
background:rgba(232,163,61,.12);flex:none}.at-x{flex:1;min-width:0}.at-x b{display:block;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at-x small{color:var(--gris2);font-size:12px}.at-x small .ico{display:inline-block;width:12px;height:12px;color:var(--ambre);vertical-align:-1px;margin-right:4px}
.at-l .avs{margin:0}.at-l .avs .av{width:28px;height:28px}
.at-vide{color:var(--gris);font-size:14px;padding:14px;border:1.5px dashed var(--trait);border-radius:12px;text-align:center}
.at-js{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.at-j{position:relative;display:flex;align-items:center;gap:10px;background:var(--carte2);border:1px solid var(--trait);border-radius:12px;padding:8px 10px;
animation:pop .3s ease-out both}.at-j .av{width:34px;height:34px}.at-j>div{min-width:0}
.at-j b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at-j small{display:flex;align-items:center;gap:5px;color:var(--gris);font-size:11.5px}.at-j small i{width:7px;height:7px;border-radius:50%;background:var(--nc,var(--gris2))}
.at-p{position:absolute;top:6px;right:8px;color:var(--ambre)}.at-p .ico{width:14px;height:14px}
.at-cta{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border-radius:12px;border:1px solid rgba(232,163,61,.35);
background:rgba(232,163,61,.06);font-size:13px;color:var(--gris);transition:border-color .2s,background .2s}.at-cta b{color:var(--blanc)}
.at-cta .ico{width:20px;height:20px;color:var(--ambre);flex:none}.at-cta .fl{margin-left:auto;color:var(--ambre);transition:transform .2s}
.at-cta:hover{border-color:rgba(232,163,61,.6);background:rgba(232,163,61,.1)}.at-cta:hover .fl{transform:translateX(4px)}
@media(max-width:860px){.attente-t{grid-template-columns:1fr}}@media(max-width:480px){.at-js{grid-template-columns:1fr}}
/* ---- accueil ré-habillé */
.hero .tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid rgba(232,163,61,.35);border-radius:999px;background:rgba(232,163,61,.07)}
.hero .tag:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ambre);box-shadow:0 0 10px var(--ambre);animation:clignote 2.4s ease-in-out infinite}
@keyframes clignote{50%{opacity:.35}}
h1 em{background:linear-gradient(90deg,var(--ambre),#ffd27a,var(--ambre));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;
color:transparent;animation:reflet 6s ease-in-out infinite}
@keyframes reflet{0%,100%{background-position:0 0}50%{background-position:100% 0}}
.confiance{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;color:var(--gris);font-size:13.5px}
.confiance span{display:inline-flex;align-items:center;gap:7px}.confiance .ico{width:16px;height:16px;color:var(--ambre)}
.premier-m{display:grid;gap:10px}.pm-e{display:flex;align-items:center;gap:14px;background:var(--carte2);border:1px solid var(--trait);border-radius:14px;
padding:12px 14px;animation:monte .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.5s + var(--i) * .12s)}
.pm-n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;color:#16110a;background:var(--ambre);flex:none}
.pm-e b{display:block;font-size:14.5px}.pm-e small{display:block;color:var(--gris);font-size:12.5px}
.pm-t{color:var(--gris2);font-size:13px;text-align:center;margin-top:4px}
.cl-c{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 100% 100%,rgba(232,163,61,.08),transparent 55%),var(--carte)}
.cl-c .stat-deco{display:block;position:absolute;right:-12px;bottom:-16px;z-index:-1;color:var(--ambre);opacity:.08}.cl-c .stat-deco .ico{width:120px;height:120px;stroke-width:1.2}
.ligne.top1,.ligne.top2,.ligne.top3{background:linear-gradient(90deg,color-mix(in srgb,var(--m) 10%,transparent),transparent 60%)}
.ligne.top1{--m:var(--or)}.ligne.top2{--m:var(--argent)}.ligne.top3{--m:var(--bronze)}
.ligne.top1 .av,.ligne.top2 .av,.ligne.top3 .av{box-shadow:0 0 0 2px var(--m)}
.pv-t{color:var(--gris);font-size:13.5px;text-align:center}
.ht{display:grid;grid-template-columns:1fr 200px;gap:20px;align-items:center;position:relative;overflow:hidden;isolation:isolate;height:100%;
transition:border-color .25s,transform .25s}
.ht:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px 260px at 0% 0%,rgba(232,163,61,.11),transparent 70%),
radial-gradient(300px 260px at 100% 50%,rgba(var(--c,232,163,61),.14),transparent 70%)}
.ht:hover{border-color:rgba(232,163,61,.4);transform:translateY(-3px)}.ht .titre-evt{font-size:26px;margin-top:12px}
.ht .infos-a{margin-top:6px}.ht .pl-a{max-width:none}.ht .cd{margin-top:14px}.ht .voir{margin-top:14px}
.ht-lot{position:relative;text-align:center;align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-radius:16px;padding:12px;
background:radial-gradient(closest-side,rgba(var(--c,232,163,61),.32),transparent 85%)}
.ht-lot img{width:100%;height:110px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.55));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.ht:hover .ht-lot img{transform:scale(1.06) rotate(-2deg)}
.ht-lot small{display:block;color:var(--ambre);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-top:8px}
.ht-lot b{display:block;font-size:14px;line-height:1.3}
.ht-lot.ic-l{color:var(--ambre);align-items:center}.ht-lot.ic-l .ico{width:84px;height:84px;stroke-width:1.2;opacity:.85}
.ag-c{position:relative;overflow:hidden;isolation:isolate}.ag-c .stat-deco{display:block;position:absolute;right:-14px;bottom:-18px;z-index:-1;color:var(--ambre);opacity:.07}
.ag-c .stat-deco .ico{width:130px;height:130px;stroke-width:1.2}
.saison-p>div:last-child{flex:1;min-width:0}.saison-p .jauge-t{margin-top:7px}
.f-c{position:relative;overflow:hidden;isolation:isolate;min-height:220px}
.f-c:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--img,none) center/cover no-repeat;opacity:.22;filter:grayscale(.35);
transform:scale(1.04);transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s}
.f-c:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(22,26,34,.55),var(--carte) 72%)}
.f-c:hover:before{transform:scale(1.12);opacity:.34}
.f-n{position:absolute;top:16px;right:18px;font-size:30px;font-weight:800;line-height:1;color:rgba(232,163,61,.16)}
#classements .sur-t,#a-venir .sur-t,#decouvrir .sur-t,#marche .sur-t{margin:0 0 6px}
@media(max-width:900px){.ht{grid-template-columns:1fr}.ht-lot{order:-1;min-height:150px}.ht-lot.ic-l{display:none}}
/* lineups : accueil habillé */
.lx-stats{margin:6px 0 26px}.lx-stats .stat{padding:16px 20px}.lx-stats .stat b{font-size:clamp(22px,2.6vw,30px)}.lx-stats .stat b em{font-style:normal;color:var(--gris2);font-size:.6em}
.lx-stats .stat small{display:block;color:var(--gris2);font-size:12px}
.map-l{animation:monte .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 60ms)}
.map-l .ml-h{position:absolute;top:12px;left:12px;right:12px;bottom:auto;display:flex;gap:6px;z-index:2;background:none;padding:0}
.ml-b{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--blanc);background:rgba(13,15,20,.65);
border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:3px 9px;backdrop-filter:blur(6px)}.ml-b .ico{width:13px;height:13px}
.ml-b.off{color:var(--ambre);border-color:rgba(232,163,61,.45)}.ml-b.bientot{color:var(--gris)}
.map-l .ml-c{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;background:linear-gradient(transparent,rgba(13,15,20,.95) 45%)}
.gcs{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.gc{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--blanc);background:rgba(255,255,255,.07);border-radius:7px;padding:2px 7px}
.gc .gi{width:14px;height:14px}
.ml-go{display:inline-flex;gap:6px;margin-top:8px;color:var(--ambre);font-size:13px;font-weight:600;max-height:0;opacity:0;overflow:hidden;
transition:max-height .3s,opacity .3s}.ml-go .fl{transition:transform .2s}
.map-l:hover .ml-go{max-height:24px;opacity:1}.map-l:hover .ml-go .fl{transform:translateX(3px)}
.map-l.vide img{filter:grayscale(.6);opacity:.4}.map-l.vide:hover img{filter:grayscale(.2);opacity:.6}
@media(hover:none){.ml-go{max-height:24px;opacity:1}}
.lx-sec{padding-top:44px}.lx-sec .sur-t{margin:0 0 6px}
.lx-e{position:relative;overflow:hidden;isolation:isolate;display:block;padding:22px;transition:border-color .25s,transform .25s;
background:radial-gradient(circle at 100% 100%,rgba(232,163,61,.09),transparent 55%),var(--carte)}
a.lx-e:hover{border-color:rgba(232,163,61,.4);transform:translateY(-3px)}
.lx-e .stat-deco{display:block;position:absolute;right:-12px;bottom:-16px;z-index:-1;color:var(--ambre);opacity:.08}.lx-e .stat-deco .ico{width:110px;height:110px;stroke-width:1.2}
.lx-e .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--ambre);background:rgba(232,163,61,.1);border:1px solid rgba(232,163,61,.22)}
.lx-e .ic .ico{width:22px;height:22px}.lx-n{position:absolute;top:16px;right:18px;font-size:28px;font-weight:800;line-height:1;color:rgba(232,163,61,.16)}
.lx-e b{display:block;margin:14px 0 4px;font-size:17px;color:var(--blanc)}.lx-e p{color:var(--gris);font-size:13.5px}
.lx-cta{display:inline-flex;gap:6px;margin-top:12px;color:var(--ambre);font-size:13.5px;font-weight:600}.lx-cta .fl{transition:transform .2s}
a.lx-e:hover .lx-cta .fl{transform:translateX(4px)}div.lx-e .lx-cta{color:var(--gris2)}
/* passer en officiel */
.lx-reprise{margin-bottom:16px;padding:18px;border-color:rgba(232,163,61,.4);background:linear-gradient(180deg,rgba(232,163,61,.08),transparent 60%),var(--carte)}
.lx-rp-t{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px}.lx-rp-t .ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;
color:var(--ambre);background:rgba(232,163,61,.12);flex:none}.lx-rp-t .ic .ico{width:20px;height:20px}.lx-rp-t b{display:block}
.lx-rp-t small{display:block;color:var(--gris);font-size:13px;margin-top:2px}
.lx-reprise textarea{width:100%;margin-top:10px;background:var(--carte2);border:1px solid var(--trait);border-radius:12px;color:var(--blanc);
font:inherit;font-size:14px;padding:10px 12px;resize:vertical}.lx-reprise textarea:focus{outline:none;border-color:rgba(232,163,61,.6)}
.lx-reprise .note{display:block;margin-top:6px}
.lx-promo{background:linear-gradient(90deg,var(--ambre),#f3b955)}
/* espace membre habillé */
.es-hero{position:relative;overflow:hidden;isolation:isolate;padding:26px 28px;background:linear-gradient(120deg,rgba(232,163,61,.12),transparent 55%),var(--carte)}
.es-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 70%);mask-image:linear-gradient(90deg,#000,transparent 70%)}
.es-hero .titre-page{margin:2px 0 8px}
.es-c,.es-vide,.es-lu{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 100% 100%,rgba(232,163,61,.08),transparent 55%),var(--carte)}
.es-c .stat-deco,.es-vide .stat-deco,.es-lu .stat-deco{display:block;position:absolute;right:-12px;bottom:-16px;z-index:-1;color:var(--ambre);opacity:.07}
.es-c .stat-deco .ico,.es-vide .stat-deco .ico,.es-lu .stat-deco .ico{width:120px;height:120px;stroke-width:1.2}
.es-t{display:flex;align-items:center;gap:14px;margin-bottom:14px}.es-t>div:nth-child(2){flex:1;min-width:0}
.es-t .ic,.es-vide>.ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--ambre);background:rgba(232,163,61,.1);
border:1px solid rgba(232,163,61,.22);flex:none}.es-t .ic .ico,.es-vide>.ic .ico{width:20px;height:20px}
.es-t b{display:block;font-size:16px}.es-t small{display:block;color:var(--gris2);font-size:12.5px}
.es-nb{font-size:24px;font-weight:800;color:var(--ambre);font-variant-numeric:tabular-nums}
.es-v{color:var(--gris);font-size:14px;padding:14px;border:1.5px dashed var(--trait);border-radius:12px}.es-v b{color:var(--blanc)}
.es-pt{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--carte2);color:var(--ambre);flex:none}.es-pt .ico{width:14px;height:14px}
.es-vide{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:22px}.es-vide>div:nth-child(3){flex:1;min-width:240px}
.es-vide b{display:block;font-size:16px}.es-vide p{color:var(--gris);font-size:14px}
.es-lu .es-t{margin:0;flex:1;min-width:240px}.es-mini{display:flex;gap:8px;flex-wrap:wrap}
.es-mini span{display:inline-flex;align-items:center;gap:6px;background:var(--carte2);border:1px solid var(--trait);border-radius:10px;padding:6px 10px;
font-size:12.5px;color:var(--gris)}.es-mini b{color:var(--blanc);font-size:14px}.es-mini .ico{width:14px;height:14px;color:var(--ambre)}
.es-s{color:var(--gris)}.es-s b{color:var(--ambre)}
.es-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.es-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--gris2);border:1px solid var(--trait);border-radius:999px;padding:4px 10px}
.es-badge .ico{width:13px;height:13px}.es-badge em{font-style:normal;font-size:11px;opacity:.7}
.es-badge.ok{color:var(--ambre);border-color:rgba(232,163,61,.5);background:rgba(232,163,61,.08)}
.es-l{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--trait)}.es-t+.es-l{border-top:0}
.es-ck{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none;color:var(--gris2);background:var(--carte2);border:1px solid var(--trait)}
.es-ck .ico{width:15px;height:15px}.es-l.ok .es-ck{color:var(--vert);background:rgba(61,214,140,.1);border-color:rgba(61,214,140,.35)}
.es-l>span{flex:1;min-width:0}.es-l b{display:block;font-size:14.5px}.es-l small{display:block;color:var(--gris2);font-size:12px}
.es-l em{font-style:normal;font-weight:700;font-size:13.5px;color:var(--gris)}.es-l.ok em{color:var(--vert)}
.es-c .prog{height:7px}.es-c .prog i{background:linear-gradient(90deg,#c9842a,var(--ambre))}
.arbre{display:flex;gap:44px;min-width:max-content;padding:6px 2px}
.ronde{display:flex;flex-direction:column;width:230px}
.ronde h4{color:var(--gris);font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;text-align:center}
.slots{flex:1;display:flex;flex-direction:column}
.paire{flex:1;display:flex;flex-direction:column;position:relative}
.paire:after{content:"";position:absolute;right:-23px;top:25%;bottom:25%;width:12px;border:2px solid var(--trait);border-left:0;
border-radius:0 10px 10px 0}
.slot{flex:1;display:flex;align-items:center;position:relative;padding:8px 0}
.ronde+.ronde .slot:before{content:"";position:absolute;left:-23px;width:23px;top:50%;border-top:2px solid var(--trait)}
.ronde:not(:last-child) .slot:after{content:"";position:absolute;right:-11px;width:11px;top:50%;border-top:2px solid var(--trait)}
.m{width:100%;background:var(--carte2);border:1px solid var(--trait);border-radius:12px;overflow:hidden;transition:border-color .2s,transform .2s}
a.m:hover{border-color:rgba(232,163,61,.5);transform:translateY(-2px)}
.m.direct{border-color:rgba(255,90,90,.5)}.m.veto{border-color:rgba(232,163,61,.5)}
.live-m{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rouge);
padding:7px 12px 0}
.live-m .chrono-m{color:var(--rouge)}.live-m .map-m{margin-left:auto;color:var(--gris);font-weight:600;letter-spacing:0;
text-transform:none}
.live-m.veto-m{color:var(--ambre)}.live-m.veto-m .point{background:var(--ambre)}
.m .e{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;font-weight:600;font-size:14px}
.m .e+.e{border-top:1px solid var(--trait)}.m .e span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m .e b{font-variant-numeric:tabular-nums;min-width:18px;text-align:right}
.m .e.gagne{color:var(--blanc)}.m .e.gagne b{color:var(--ambre)}.m .e.perd{color:var(--gris2)}.m .e.vide{color:var(--gris2);font-weight:500}
.equipes-t{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.eq-t{background:var(--carte);border:1px solid var(--trait);border-radius:16px;padding:18px}
.eq-t b{display:block;font-size:16px}.eq-t small{display:block;color:var(--gris2);font-size:12px;margin-top:2px}
.avs{display:flex;margin-top:12px}.avs .av{width:32px;height:32px;border:2px solid var(--carte);margin-right:-8px;font-size:12px}
.liste-a{display:grid;gap:14px}
.evt-a{display:grid;grid-template-columns:86px 1fr;gap:22px;align-items:start}
.date-a{background:rgba(232,163,61,.08);border:1px solid rgba(232,163,61,.35);border-radius:16px;text-align:center;padding:10px 0}
.date-a span{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--ambre)}.date-a b{display:block;font-size:32px;line-height:1.1}
.t-a{font-size:20px;font-weight:700;margin-top:10px;line-height:1.3}
.desc-a{color:var(--gris);font-size:14px;margin-top:8px;white-space:pre-line}
.actions-a{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.fin-s{display:flex;align-items:center;gap:16px}.fin-s .ic{width:44px;height:44px;border-radius:12px;background:rgba(232,163,61,.1);
color:var(--ambre);display:grid;place-items:center;flex:none}.fin-s small{display:block;color:var(--gris);font-size:13px}
.introuvable{text-align:center;padding:90px 0 40px}.introuvable .h2s{max-width:560px;margin:8px auto 0}
.introuvable .actions{justify-content:center}
.code-404{font-size:clamp(90px,16vw,160px);font-weight:700;line-height:1;color:var(--ambre);
text-shadow:0 0 60px rgba(232,163,61,.35)}
@keyframes deroule{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes respire{0%{transform:scale(1);opacity:.65}80%,100%{transform:scale(2.8);opacity:0}}
@keyframes derive{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-70px,50px,0) scale(1.12)}}
@keyframes monte{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes trace{to{transform:scaleX(1)}}
.entre{animation:monte .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--d,0) * 110ms)}
.js .revele{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);
transition-delay:calc(var(--i,0) * 90ms)}
.js .revele.vu{opacity:1;transform:none}
@media (max-width:900px){
 .hero .wrap,.cols,.evt{grid-template-columns:1fr}
 .feat{grid-template-columns:1fr 1fr}
 .stats{grid-template-columns:1fr 1fr}
 .liens{display:none}
 .burger{display:grid}
 nav.ouvert .liens{display:flex;flex-direction:column;gap:0;position:absolute;top:68px;left:0;right:0;background:var(--fond);
 border-bottom:1px solid var(--trait);padding:8px 16px 14px;box-shadow:0 24px 40px -20px #000;animation:deroule .25s ease-out}
 nav.ouvert .liens a{padding:13px 4px;border-top:1px solid var(--trait);font-size:16px}nav.ouvert .liens a:first-child{border-top:0}
 nav.ouvert .liens a:after{display:none}nav.ouvert .liens a.actif{color:var(--ambre)}
 nav.ouvert .liens{align-items:stretch}
 nav.ouvert .liens>a .ico{width:18px;height:18px;color:var(--ambre);flex:none}
 nav.ouvert .liens>a{display:flex;align-items:center;gap:12px;padding:11px 4px;font-size:14px;font-weight:600;color:var(--blanc)}
 nav.ouvert .liens>a .ico{display:block}
 .equipes-t{grid-template-columns:1fr 1fr}
 .final{flex-direction:column;align-items:flex-start;padding:30px}
 .tete-j{grid-template-columns:auto 1fr}.bilan-c{grid-column:1/-1;grid-template-columns:repeat(3,auto 1fr)}
 .bilan-c b{text-align:left}
 .kpis,.records{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
 .feat{grid-template-columns:1fr}
 .hero{padding-top:44px}
 .marque .suffixe{display:none}
 .cd{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cd div{min-width:0;padding:10px 4px}
 .tete-j{grid-template-columns:1fr;gap:16px}.av.grand{width:84px;height:84px;border-radius:22px}
 .bilan-c{grid-template-columns:auto 1fr;grid-column:auto}
 .masque-tel{display:none}
 .date-tel{display:block;white-space:normal}.date-tel+.date-tel{margin-top:1px}
 .liste-m td,.liste-m th{padding-left:8px;padding-right:8px}
 .evt-a{grid-template-columns:64px 1fr;gap:14px}.date-a b{font-size:24px}
 .equipes-t{grid-template-columns:1fr}
 .graphe{margin-left:44px;height:210px}.graphe .gy{left:-44px;width:38px}
 nav .btn{padding:9px 14px}
}

.maps-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:8px}
.map-l{position:relative;display:block;border-radius:16px;overflow:hidden;background:var(--carte);border:1px solid var(--trait);aspect-ratio:4/3;
transition:transform .25s,border-color .25s,box-shadow .25s}
.map-l:hover{transform:translateY(-3px);border-color:rgba(232,163,61,.35);box-shadow:0 14px 30px -18px rgba(232,163,61,.45)}
.map-l img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62;transition:transform .45s,opacity .3s}
.map-l:hover img{transform:scale(1.05);opacity:.72}
.map-l div{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;background:linear-gradient(transparent,rgba(13,15,20,.94))}
.map-l b{display:block;font-size:22px;color:var(--blanc)}.map-l small{display:block;color:var(--gris);font-size:13px}
.map-l small.nb-g{color:var(--gris2);font-size:12px;margin-top:2px}
.smoke{--cg:#c9d1db}.flash{--cg:#f5c542}.molo{--cg:#ff7a3d}.he{--cg:#3dd68c}
.tg{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--carte2);color:var(--gris)}
.tg.smoke,.tg.flash,.tg.molo,.tg.he{color:var(--cg);background:color-mix(in srgb,var(--cg) 14%,transparent)}.tg.muet{color:var(--gris2)}
:root{--t-rouge:#e0573f;--ct-bleu:#4d8fe8}
.wrap.lx{padding-top:16px}
.lx-tete{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.lx-tete-d{display:flex;gap:10px;align-items:center;flex:1;justify-content:flex-end;min-width:0}
.lx-tete h1{font-size:22px;line-height:1.2;margin:0}.lx-tete h1 span{color:var(--ambre)}
.lx-maps{display:flex;gap:6px;margin-bottom:10px;overflow-x:auto;scrollbar-width:none}.lx-maps::-webkit-scrollbar{display:none}
.lx-maps a{position:relative;overflow:hidden;flex:1 0 auto;min-width:96px;text-align:center;border:1px solid var(--trait);
background:var(--carte) center/cover no-repeat;color:var(--gris);font-weight:600;font-size:13px;padding:11px 12px;border-radius:10px;
transition:color .15s,border-color .15s,background-color .15s}
.lx-maps a span{position:relative}
.lx-maps a.img{color:var(--blanc);text-shadow:0 1px 6px rgba(0,0,0,.9)}
.lx-maps a.img::before{content:"";position:absolute;inset:0;background:rgba(13,15,20,.62);transition:background .2s}
.lx-maps a:hover{color:var(--blanc);border-color:#3a4252}.lx-maps a.img:hover::before{background:rgba(13,15,20,.4)}
.lx-maps a.on{background-color:var(--ambre);border-color:var(--ambre);color:#14110a}
.lx-maps a.on.img{color:#fff;box-shadow:inset 0 0 0 1px var(--ambre)}
.lx-maps a.on.img::before{background:linear-gradient(rgba(232,163,61,.28),rgba(13,15,20,.5))}
.lx-barre{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.seg{display:flex;background:var(--carte);border:1px solid var(--trait);border-radius:12px;padding:4px;gap:2px}
.seg button{border:0;background:none;color:var(--gris);font:600 13px Poppins,sans-serif;padding:8px 12px;border-radius:9px;display:flex;
align-items:center;gap:7px;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;white-space:nowrap}
.seg button:hover{color:var(--blanc)}.seg .ico{width:16px;height:16px}
.seg small{font-size:11px;color:var(--gris2);background:var(--carte2);padding:1px 7px;border-radius:99px;font-weight:600}
.seg small[hidden]{display:none}
.lx-src button.on{background:var(--carte2);color:var(--blanc);box-shadow:inset 0 0 0 1px rgba(232,163,61,.5)}
.lx-src button.on .ico{color:var(--ambre)}.lx-src button.on small{background:rgba(232,163,61,.16);color:var(--ambre)}
.pt-c{width:9px;height:9px;border-radius:50%;background:var(--cg);display:inline-block;flex:none}
.gi{width:17px;height:17px;flex:none;color:var(--cg);display:inline-block;vertical-align:-3px}
.tg .gi{width:13px;height:13px;margin:0 4px 0 -3px;vertical-align:-2px}.opt .gi{width:16px;height:16px}
.lx-gr button.on{background:color-mix(in srgb,var(--cg) 16%,var(--carte2));color:var(--blanc);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cg) 60%,transparent)}
.lx-cote button{min-width:54px;justify-content:center;font-weight:700}
.lx-aff{position:absolute;left:10px;top:10px;z-index:2;display:flex;gap:2px;padding:4px;border-radius:10px;
border:1px solid var(--trait);background:rgba(22,26,34,.92);cursor:default}
.lx-vue.edit .lx-aff{display:none}
.lx-etg{position:absolute;left:10px;bottom:10px;z-index:2;display:flex;gap:2px;padding:4px;border-radius:10px;border:1px solid var(--trait);background:rgba(22,26,34,.92)}
.lx-etg[hidden]{display:none}.lx-etg button{border:0;background:none;color:var(--gris);font:600 12.5px Poppins,sans-serif;padding:6px 13px;border-radius:7px;cursor:pointer}
.lx-etg button:hover{color:var(--blanc)}.lx-etg button.on{background:var(--ambre);color:#14110b}.lx-etg button:focus-visible{outline:2px solid var(--ambre)}
.lx-sw{display:flex;align-items:center;gap:7px;border:0;background:none;color:var(--gris);font:600 12px Poppins,sans-serif;padding:6px 9px;
border-radius:7px;cursor:pointer}.lx-sw:hover{color:var(--blanc)}.lx-sw:focus-visible{outline:2px solid var(--ambre)}
.lx-sw i{position:relative;width:30px;height:17px;border-radius:99px;background:var(--carte2);border:1px solid var(--trait);transition:background .2s,border-color .2s;flex:none}
.lx-sw i::after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:var(--gris2);transition:transform .2s,background .2s}
.lx-sw.on{color:var(--blanc)}.lx-sw.on i{background:rgba(232,163,61,.25);border-color:rgba(232,163,61,.6)}.lx-sw.on i::after{transform:translateX(13px);background:var(--ambre)}
.lx-cote .t{color:#ec8b78}.lx-cote .ct{color:#8db6f0}
.lx-cote .t.on{background:var(--t-rouge);color:#fff;box-shadow:0 6px 18px -8px var(--t-rouge)}
.lx-cote .ct.on{background:var(--ct-bleu);color:#fff;box-shadow:0 6px 18px -8px var(--ct-bleu)}
.lx-rech{flex:0 1 300px;min-width:160px;display:flex;align-items:center;gap:8px;background:var(--carte);border:1px solid var(--trait);border-radius:12px;
padding:0 12px;color:var(--gris2);transition:border-color .15s}.lx-rech:focus-within{border-color:rgba(232,163,61,.55)}
.lx-rech .ico{width:17px;height:17px;flex:none}
.lx-rech input{flex:1;min-width:0;background:none;border:0;color:var(--blanc);font:500 13.5px Poppins,sans-serif;padding:9px 0;outline:0}
.lx-rech input::-webkit-search-cancel-button{display:none}
kbd{font:600 11px Poppins,sans-serif;color:var(--gris);border:1px solid var(--trait);border-bottom-width:2px;border-radius:6px;padding:0 6px;background:var(--carte2)}
.lx-tete .lx-nouv{padding:8px 14px}.lx-nouv .ico,.tete-l .btn .ico{width:18px;height:18px}
.lx-corps{display:flex;gap:16px;align-items:flex-start}
.lx-radar{padding:12px;position:sticky;top:84px;flex:none;width:min(calc(100vh - 284px),calc(100% - 456px));min-width:360px}
.lx-vue{position:relative;overflow:hidden;border-radius:12px;background:var(--carte2);aspect-ratio:1/1;
width:100%;margin:0 auto;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;--iz:1}
.lx-vue.zoome{touch-action:none}.lx-vue.glisse{cursor:grabbing}
.lx-plan{position:absolute;inset:0}
.lx-plan img{width:100%;height:100%;display:block;object-fit:contain;-webkit-user-drag:none;pointer-events:none;transform-origin:0 0}
.lx-plan svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lx-k{transform:scale(var(--iz));transform-box:view-box}
.lx-z{cursor:pointer}.lx-z .h{fill:var(--cg);opacity:0;transition:opacity .2s}
.lx-z .c,.lx-a .c{fill:#12151c;stroke:var(--cg);stroke-width:3.5;transition:fill .15s}
.lx-z .pi,.lx-a .pi{color:var(--cg);pointer-events:none}.lx-z .pi path[stroke="#0d0f14"],.lx-z .pi g,.lx-a .pi path[stroke="#0d0f14"],.lx-a .pi g{display:none}
.lx-z.on .c,.lx-z:hover .c,.lx-a .c{fill:var(--cg);stroke:#0d0f14}.lx-z.on .pi,.lx-z:hover .pi,.lx-a .pi{color:#0d0f14}
.lx-z .nb{fill:var(--cg);stroke:#0d0f14;stroke-width:2.5}
.lx-rep{pointer-events:none}.lx-rep.ed{pointer-events:auto}.lx-rep.ed .r{cursor:move}
.lx-rep .rs{fill:rgba(229,72,77,.14);stroke:#e5484d}
.lx-rep .rl{fill:#e5484d;font-family:Poppins,sans-serif;font-weight:700;text-anchor:middle}
#lx-svg .lx-k.sur-nom:not(.on):not(:hover){opacity:.6}
#lx-svg .lx-k{transition:opacity .2s}
.lx-rep .rt{fill:#fff;stroke:rgba(13,15,20,.8);paint-order:stroke;stroke-linejoin:round;font-family:Poppins,sans-serif;font-weight:600;text-anchor:middle}
.lx-rep .r.sel .rs,.lx-rep .r.sel .rt,.lx-rep .r.sel>g{outline:none;filter:drop-shadow(0 0 6px rgba(232,163,61,.95))}
.lx-rep .r.sel .rt{fill:var(--ambre)}
.lx-rep .re text{fill:#fff;fill-opacity:.32;font-family:Poppins,sans-serif;font-weight:700;text-anchor:middle}
.lx-rep .re .re-s{fill-opacity:.55}.lx-rep .r.sel .re text{fill:var(--ambre);fill-opacity:.85}
input[type=range]#lx-rep-taille,input[type=range]#lx-rep-taille-sel{accent-color:var(--ambre);width:100%}
.lx-rep-now{margin-top:14px;padding-top:12px;border-top:1px solid var(--trait)}.lx-rep-now>b{color:var(--ambre);font-size:13.5px}
.lx-rep-now .champ{margin-top:10px}
.lx-rep-now textarea.lx-rep-txt{min-height:0;resize:none;line-height:1.35;text-align:center}
.lx-astuce{color:var(--gris2);font-size:11.5px;font-weight:500;margin-left:6px}
.lx-rot{display:flex;gap:10px;align-items:center}.lx-rot input{flex:1;accent-color:var(--ambre)}.lx-rot .opt-b{padding:5px 10px;font-size:12px}
.lien-gris{background:none;border:0;color:var(--gris);font:inherit;font-size:13px;cursor:pointer;padding:0}.lien-gris:hover{color:var(--blanc)}
.etape.vert-t{color:var(--vert)}
.lx-rep-btn{font-family:inherit;cursor:pointer}.lx-rep-btn .ico{width:16px;height:16px}
.lx-z text{font:700 13px Poppins,sans-serif;fill:#0d0f14;text-anchor:middle;pointer-events:none}
.lx-z:hover .h,.lx-z.survol .h,.lx-z.on .h{opacity:.32}
#lx-svg.sel .lx-z:not(.on){opacity:.4}
.lx-tr{stroke:var(--cg);stroke-width:2.5;stroke-dasharray:9 8;vector-effect:non-scaling-stroke;opacity:.4}.lx-tr.on{opacity:1;stroke-width:3}
.lx-lan{cursor:pointer}.lx-lan circle{fill:#0d0f14;stroke:var(--cg);stroke-width:4;opacity:.65}.lx-lan.on circle{opacity:1;stroke-width:5}
.lx-lan:hover circle{opacity:1}
.lx-zoom{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:6px;z-index:2}
.lx-zoom button{width:34px;height:34px;border-radius:9px;border:1px solid var(--trait);background:rgba(22,26,34,.92);color:var(--gris);
display:grid;place-items:center;cursor:pointer;transition:color .15s,border-color .15s}
.lx-zoom button:hover{color:var(--blanc);border-color:#3a4252}.lx-zoom .ico{width:17px;height:17px}
.lx-pied{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;color:var(--gris2);font-size:12.5px;padding:10px 4px 0}
.lx-leg{display:flex;align-items:center;gap:6px}.lx-leg i{width:9px;height:9px;border-radius:50%;background:var(--gris);display:inline-block;margin-left:8px}
.lx-leg i.lx-p-d{background:transparent;border:2px solid var(--gris)}
.lx-sans{padding:70px 20px;text-align:center;color:var(--gris)}.lx-sans .ico{width:36px;height:36px;color:var(--ambre)}
.lx-sans b{display:block;color:var(--blanc);margin:8px 0 4px;font-size:17px}
.lx-volet{flex:1;min-width:0;padding:18px;scroll-margin-top:84px;max-height:calc(100vh - 100px);overflow-y:auto;position:sticky;top:84px;scrollbar-width:none;overscroll-behavior:contain}
.lx-volet::-webkit-scrollbar{display:none}
.lx-v-tete{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}
.lx-v-tete b{font-size:16px;color:var(--blanc)}.lx-v-tete span{color:var(--gris2);font-size:12.5px;white-space:nowrap}
.lx-liste{display:flex;flex-direction:column;gap:8px}
.lx-it{display:flex;gap:12px;align-items:center;width:100%;text-align:left;font:inherit;color:inherit;background:var(--carte2);
border:1px solid transparent;border-radius:12px;padding:8px;cursor:pointer;transition:border-color .15s,transform .15s}
.lx-it:hover,.lx-it.survol{border-color:rgba(232,163,61,.45);transform:translateX(2px)}
.lx-mini{width:72px;height:48px;border-radius:8px;overflow:hidden;flex:none;background:#12151c;display:grid;place-items:center;color:var(--gris2)}
.lx-mini img{width:100%;height:100%;object-fit:cover}.lx-mini .ico{width:20px;height:20px}.lx-mini .gi{width:26px;height:26px}
.lx-it-c{min-width:0}.lx-it b{display:block;font-size:14px;line-height:1.3;color:var(--blanc)}.lx-it small{color:var(--gris2);font-size:11.5px}
.lx-tags{display:flex;gap:5px;flex-wrap:wrap;margin:4px 0 2px}
.tg.t{background:var(--t-rouge);color:#fff}.tg.ct{background:var(--ct-bleu);color:#fff}.tg.off{color:var(--ambre);background:rgba(232,163,61,.14)}
.lx-back{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--gris);font:600 13px Poppins,sans-serif;cursor:pointer;
padding:0;margin-bottom:12px}.lx-back:hover{color:var(--blanc)}.lx-back .ico{width:16px;height:16px}
.lx-fil{color:var(--gris2);font-size:12px}.lx-fil b{color:var(--blanc)}
.lx-d-tete{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin:4px 0 8px}
.lx-d-tete h2{font-size:21px;line-height:1.25;margin:0}.lx-d-tete p{color:var(--gris);font-size:12.5px;margin-top:3px}
.lx-signet{width:38px;height:38px;flex:none;border-radius:10px;border:1px solid var(--trait);background:var(--carte2);color:var(--gris);
display:grid;place-items:center;cursor:pointer;transition:color .15s,border-color .15s}.lx-signet:hover{color:var(--blanc)}
.lx-signet .ico{width:18px;height:18px}.lx-signet.on{color:var(--ambre);border-color:rgba(232,163,61,.55)}.lx-signet.on svg{fill:currentColor}
.lx-tuiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}
.lx-tuiles div{background:var(--carte2);border-radius:10px;padding:8px 10px;min-width:0}
.lx-tuiles small{display:block;color:var(--gris2);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.lx-tuiles b{font-size:13px;color:var(--blanc)}
.lx-photos{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.lx-photos a{position:relative;display:block;border-radius:12px;overflow:hidden;aspect-ratio:16/10;background:#000}
.lx-photos img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.lx-photos a:hover img{transform:scale(1.04)}
.lx-photos span{position:absolute;left:8px;top:8px;font-size:11px;font-weight:700;background:rgba(13,15,20,.82);padding:3px 9px;border-radius:99px;color:var(--blanc)}
.lx-photos a{cursor:zoom-in}
.lx-vi{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:56px 72px;
background:rgba(5,6,9,.72);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.lx-vi.ouvert{opacity:1;visibility:visible}
.lx-vi figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:100%;max-height:100%}
.lx-vi img{display:block;max-width:100%;max-height:calc(100vh - 150px);border-radius:12px;box-shadow:0 24px 60px -20px rgba(0,0,0,.8);
transform:scale(.97);transition:transform .2s;cursor:default}
.lx-vi.ouvert img{transform:none}
.lx-vi figcaption{color:var(--blanc);font-weight:600;font-size:14px}
.lx-vi-x,.lx-vi-n{position:absolute;width:44px;height:44px;border-radius:12px;border:1px solid var(--trait);background:rgba(22,26,34,.9);
color:var(--blanc);display:grid;place-items:center;cursor:pointer;transition:border-color .15s}
.lx-vi-x:hover,.lx-vi-n:hover{border-color:rgba(232,163,61,.6)}
.lx-vi-x{top:16px;right:16px}.lx-vi-x .ico{transform:rotate(45deg);width:22px;height:22px}
.lx-vi-n{top:50%;margin-top:-22px}.lx-vi-n.p{left:16px}.lx-vi-n.s{right:16px}.lx-vi-n.s .ico{transform:rotate(180deg)}
.lx-vi-n .ico{width:20px;height:20px}.lx-vi.seule .lx-vi-n{display:none}
html.lx-bloque{overflow:hidden}
@media (max-width:640px){.lx-vi{padding:60px 10px}.lx-vi-n{top:auto;bottom:16px;margin:0}}
.lx-video{margin:12px 0}.lx-video video{display:block;width:100%;border-radius:12px;background:#000;max-height:360px}
.lx-video .yt{position:relative;aspect-ratio:16/9}.yt-lance{position:absolute;inset:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
background:#000 radial-gradient(circle at 50% 40%,rgba(232,163,61,.14),transparent 62%);border:1px solid var(--trait);border-radius:12px;color:var(--blanc);font:inherit;cursor:pointer}
.yt-lance .ico{width:46px;height:46px;color:var(--ambre);margin-bottom:6px;transition:transform .2s}.yt-lance:hover .ico{transform:scale(1.08)}
.yt-lance b{font-size:14px}.yt-lance small{color:var(--gris);font-size:12px}.lx-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:12px}
.lx-note{color:var(--gris);font-size:13.5px;margin:10px 0;white-space:pre-line}
.lx-facons{margin-top:12px}.lx-facons small{display:block;color:var(--gris2);font-size:11px;font-weight:700;letter-spacing:.06em;
text-transform:uppercase;margin-bottom:6px}.lx-facons div{display:flex;gap:6px;flex-wrap:wrap}
.lx-facons button{border:1px solid var(--trait);background:var(--carte2);color:var(--gris);font:500 12.5px Poppins,sans-serif;padding:7px 11px;
border-radius:10px;cursor:pointer}.lx-facons button.on{border-color:rgba(232,163,61,.55);color:var(--blanc)}
.lx-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.lx-actions .btn .ico{width:16px;height:16px}
.lx-actions button.btn{font-family:inherit;cursor:pointer}
.lx-invite{text-align:center;padding:26px 10px}.lx-invite>.ico{display:block;margin:0 auto;width:30px;height:30px;color:var(--ambre)}
.lx-invite b{display:block;color:var(--blanc);margin:8px 0 6px;font-size:16px}.lx-invite p{color:var(--gris);font-size:13.5px;margin-bottom:16px}
.lx-invite p .ico{width:15px;height:15px;vertical-align:-2px}
.lx-aide-c{color:var(--gris2);font-size:12px;margin-top:14px;text-align:center}
.lx-expl{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.lx-expl .carte{padding:20px}
.lx-expl .ico{width:24px;height:24px;color:var(--ambre)}.lx-expl b{display:block;margin:8px 0 4px;color:var(--blanc)}
.lx-expl p{color:var(--gris);font-size:13.5px}
.lx-ed{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:start}
.lx-ed .lx-radar{width:auto;min-width:0;flex:initial}.lx-radar-ed{position:sticky;top:84px}.lx-radar-ed .lx-vue{width:100%}
.lx-vue.edit{cursor:crosshair}.lx-vue.edit.zoome{cursor:crosshair}
.opt-b{border:1px solid var(--trait);background:var(--carte2);color:var(--gris);font:600 13px Poppins,sans-serif;padding:7px 12px;border-radius:10px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.opt-b:hover{color:var(--blanc)}
.opt-b.on{color:var(--blanc);border-color:rgba(232,163,61,.6);background:rgba(232,163,61,.1)}
.lx-actions .btn[disabled]{opacity:.45;cursor:not-allowed}
.lx-a .h{fill:var(--cg);opacity:.28}
.lx-d circle{fill:#0d0f14;stroke:var(--cg);stroke-width:5}.lx-a,.lx-d{cursor:move}
.lx-radar-ed .lx-pied{padding-top:12px}.lx-radar-ed .note{margin:8px 4px 2px}
.etape{font-weight:600;color:var(--ambre);font-size:14px}.etape.rouge{color:#ff8a8a}
.lx-ed-c{display:flex;flex-direction:column;gap:16px}.lx-ed-c .carte h3{margin-bottom:4px}
.champ{display:flex;flex-direction:column;gap:6px;margin-top:14px;min-width:0}
.champ>span{font-size:12px;font-weight:700;color:var(--gris);letter-spacing:.03em}
.champ input:not([type=radio]):not([type=checkbox]):not([type=file]),.champ select,.champ textarea{background:var(--carte2);border:1px solid var(--trait);
border-radius:10px;color:var(--blanc);font:500 14px Poppins,sans-serif;padding:10px 12px;outline:0;width:100%;transition:border-color .15s}
.champ input:focus,.champ select:focus,.champ textarea:focus{border-color:rgba(232,163,61,.6)}
.champ textarea{resize:vertical;min-height:72px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.opts{display:flex;gap:6px;flex-wrap:wrap}
.opt{position:relative}.opt input{position:absolute;opacity:0;pointer-events:none}
.opt span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--trait);background:var(--carte2);color:var(--gris);
font:600 13px Poppins,sans-serif;padding:7px 12px;border-radius:10px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.opt span:hover{color:var(--blanc)}.opt span .ico{width:15px;height:15px}
.opt input:checked+span{color:var(--blanc);border-color:rgba(232,163,61,.6);background:rgba(232,163,61,.1)}
.opt.smoke input:checked+span,.opt.flash input:checked+span,.opt.molo input:checked+span,.opt.he input:checked+span{
border-color:var(--cg);background:color-mix(in srgb,var(--cg) 15%,transparent)}
.opt.t input:checked+span{background:var(--t-rouge);border-color:var(--t-rouge);color:#fff}
.opt.ct input:checked+span{background:var(--ct-bleu);border-color:var(--ct-bleu);color:#fff}
.opt input:focus-visible+span{outline:2px solid var(--ambre);outline-offset:2px}
.lx-titre-ap{color:var(--gris2);font-size:12.5px;margin-top:10px}.lx-titre-ap b{color:var(--blanc)}
.depot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:16/10;
border:1.5px dashed #3a4252;border-radius:12px;background:var(--carte2);color:var(--gris2);cursor:pointer;overflow:hidden;text-align:center;
font-size:12.5px;padding:8px;transition:border-color .15s}
.depot.large{aspect-ratio:auto;flex-direction:row;padding:14px}.depot em{font-style:normal}.depot .ico{width:22px;height:22px}
.depot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.depot input{position:absolute;inset:0;opacity:0;cursor:pointer}.depot:hover{border-color:rgba(232,163,61,.6)}
.case{display:flex;gap:6px;align-items:center;color:var(--gris);font-size:12.5px;cursor:pointer}
.note-err{border-color:rgba(255,90,90,.45);color:#ff8a8a;margin-bottom:14px}
.note .ico{width:15px;height:15px;vertical-align:-2px;color:var(--ambre)}
.lx-suppr{margin-top:16px;text-align:right}
.tete-l{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.ligne-e .btn{margin-left:4px}
.lien-retirer{background:none;border:0;color:var(--rouge);font:inherit;font-size:13px;cursor:pointer;padding:0}
.note-ok{border-color:rgba(61,214,140,.4);color:var(--vert);margin-bottom:14px}
@media (max-width:1000px){.lx-ed{grid-template-columns:1fr}.lx-corps{flex-direction:column;align-items:stretch}
 .lx-radar,.lx-volet,.lx-radar-ed{position:static;max-height:none;width:auto;min-width:0}.lx-aide-c{display:none}}
@media (max-width:640px){.lx{padding-top:14px}.lx-tete h1{font-size:22px}.lx-barre{gap:8px}
 .lx-src{width:100%}.lx-src button{flex:1;justify-content:center;padding:8px 2px;font-size:12px;gap:5px}.lx-src small,.lx-src .ico{display:none}
 .lx-cote{width:100%}.lx-cote button{flex:1}
 .lx-gr{flex:1}.lx-gr button{flex:1;justify-content:center;padding:8px 4px}.lx-tete-d{flex-basis:100%}.lx-rech{flex:1}
 .lx-maps a{min-width:auto}
 .lx-expl{grid-template-columns:1fr}.duo{grid-template-columns:1fr}.lx-volet{padding:14px}
 main .ligne-e span{flex-basis:100%}main .ligne-e b{margin-right:auto}}
/* téléphone : toutes les maps d'un coup d'œil, radar plus grand, fiche en volet par-dessus le radar */
.lx-poignee{display:none}
.lx-mtabs{display:flex;margin:12px 0 8px}.lx-mtabs button{flex:1;justify-content:center;gap:6px;padding:7px 4px;font-size:12.5px}
.lx-mtabs button.on{background:var(--carte2);color:var(--blanc);box-shadow:inset 0 0 0 1px rgba(232,163,61,.55)}.lx-mtabs .ico{width:15px;height:15px}
.lx-medias .lx-photos{display:contents}
.lx-medias [data-m]{display:none;margin:0;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}
.lx-medias video{width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0}
.lx-medias .yt{aspect-ratio:auto;height:100%}
.lx-medias[data-actif="0"] [data-m="0"],.lx-medias[data-actif="1"] [data-m="1"],.lx-medias[data-actif="2"] [data-m="2"],
.lx-medias[data-actif="3"] [data-m="3"],.lx-medias[data-actif="4"] [data-m="4"],.lx-medias[data-actif="5"] [data-m="5"]{display:block}
@media (max-width:640px){
 main.lx-idx{display:flex;flex-direction:column}
 .lx-idx .lx-choix{order:1;margin-top:4px}.lx-idx .maps-l{order:2}.lx-idx .lx-stats{order:3;margin:28px 0 0}.lx-idx .lx-sec{order:4}
 .maps-l{grid-template-columns:1fr 1fr;gap:10px}
 .map-l{aspect-ratio:16/10;border-radius:14px}.map-l:hover{transform:none}
 .map-l .ml-c{padding:10px 12px}.map-l b{font-size:16px;line-height:1.2}.map-l small{font-size:11px}
 .map-l .gcs,.map-l .ml-go,.map-l.vide small{display:none}
 .map-l .ml-h{top:7px;left:7px;right:7px}.map-l .ml-b{font-size:10.5px;padding:2px 7px;gap:4px}.map-l .ml-b .ico{width:11px;height:11px}
 .lx-radar{padding:5px;margin:0 -8px;scroll-margin-top:78px}.lx-radar .lx-pied{padding:8px 6px 4px;font-size:12px}
 .lx.lx-feuille{padding-bottom:max(300px,calc(100dvh - 466px))}
 .lx.lx-feuille .lx-volet{position:fixed;left:0;right:0;top:auto;bottom:0;z-index:40;margin:0;height:calc(100vh - 250px);
  height:calc(100dvh - 250px);max-height:none;display:flex;flex-direction:column;overflow:hidden;padding:0;
  border-radius:20px 20px 0 0;border:1px solid rgba(255,255,255,.12);border-bottom:0;background:rgba(17,20,27,.66);
  -webkit-backdrop-filter:blur(5px) saturate(1.15);backdrop-filter:blur(5px) saturate(1.15);box-shadow:0 -20px 44px -14px rgba(0,0,0,.75);
  animation:feuille .3s cubic-bezier(.2,.8,.2,1);transition:height .28s cubic-bezier(.2,.8,.2,1)}
 .lx.lx-feuille.lx-grand .lx-volet{height:calc(100vh - 86px);height:calc(100dvh - 86px)}
 .lx.lx-feuille .lx-poignee{display:block;flex:none;width:100%;height:30px;border:0;padding:0;background:none;cursor:grab;touch-action:none}
 .lx-poignee i{display:block;width:44px;height:5px;border-radius:3px;background:rgba(255,255,255,.26);margin:11px auto 0}
 .lx.lx-feuille .lx-d-corps{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:none;
  padding:2px 16px calc(18px + env(safe-area-inset-bottom))}
 .lx.lx-feuille .lx-back{margin-bottom:8px}.lx.lx-feuille .lx-d-tete h2{font-size:19px}.lx.lx-feuille .lx-tuiles{margin:10px 0}
 .lx.lx-feuille .lx-mtabs{margin:10px 0 8px}
 .lx.lx-feuille .lx-actions{margin-top:10px}
}
@keyframes feuille{from{transform:translateY(100%)}to{transform:none}}
.nav-d .moi{width:42px;height:42px;border-radius:11px;border:1px solid var(--trait);background:var(--carte);color:var(--blanc);
display:grid;place-items:center;transition:border-color .2s,color .2s}.nav-d .moi:hover,.nav-d .moi.actif{border-color:rgba(232,163,61,.6);color:var(--ambre)}
.nav-d .moi .ico{width:20px;height:20px}
.nav-d .btn-jouer{gap:7px}.nav-d .btn-jouer .ico{width:15px;height:15px}
@media (max-width:420px){.nav-d .disc{display:none}}
@media (max-width:440px){.nav-d{gap:6px}.nav-d .moi,.burger{width:38px;height:38px;border-radius:10px}.nav-d .btn-jouer{width:38px;height:38px;padding:0;justify-content:center;gap:0}.nav-d .btn-jouer span{display:none}.nav-d .btn-jouer .ico{width:16px;height:16px}}
.es-av{display:flex;align-items:center;gap:16px;margin:4px 0 14px}
.es-av-b{position:relative;width:84px;height:84px;border-radius:50%;padding:0;border:2px solid rgba(232,163,61,.55);background:#1b202b;cursor:pointer;flex:none;overflow:visible}
.es-av-b span{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-size:30px;font-weight:700;color:var(--blanc)}
.es-av-b span img,.av-t span img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.es-av-b i{position:absolute;right:-2px;bottom:-2px;width:30px;height:30px;border-radius:50%;background:var(--ambre);color:#16110a;display:grid;place-items:center;border:3px solid #12151c;transition:transform .2s}
.es-av-b i .ico{width:14px;height:14px}.es-av-b:hover i{transform:scale(1.1)}.es-av .es-ps{margin:0 0 4px}
.av-ov{position:fixed;inset:0;z-index:90;background:rgba(5,6,9,.66);backdrop-filter:blur(8px);display:grid;place-items:center;padding:16px}
.av-ov[hidden]{display:none}.av-m{width:540px;max-width:100%;padding:22px;animation:pop-av .35s cubic-bezier(.2,1.2,.4,1) both}
@keyframes pop-av{from{opacity:0;transform:scale(.94)}}
.av-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.av-h b{font-size:18px}
.av-x{width:34px;height:34px;border-radius:9px;border:0;background:none;color:var(--gris);font-size:22px;cursor:pointer}.av-x:hover{background:#1b202b;color:var(--blanc)}
.av-g{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.av-t{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--gris);cursor:pointer;font:inherit}
.av-t span{position:relative;overflow:hidden;width:72px;height:72px;border-radius:50%;border:2px solid #2a303c;display:grid;place-items:center;background:#151922;color:var(--gris);font-weight:700;transition:border-color .2s,transform .2s}
.av-t span .ico{width:26px;height:26px;color:var(--ambre)}.av-t small{font-size:11.5px}
.av-t:hover span{transform:translateY(-2px);border-color:rgba(232,163,61,.5)}
.av-t.on span{border-color:var(--ambre);box-shadow:0 0 0 3px rgba(232,163,61,.2)}.av-t.on small{color:var(--ambre)}
.av-imp span{border-style:dashed}
.av-ap{display:flex;align-items:center;gap:14px;margin-top:18px;padding:12px;border-radius:14px;background:#151922}
.av-ap[hidden]{display:none}.av-ap img{width:60px;height:60px;border-radius:50%;object-fit:cover}.av-ap div{flex:1}.av-ap small{display:block;color:var(--gris);font-size:12.5px}
.av-msg{margin-top:12px}
.av-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:20px}
.av-st{background:var(--carte);border:1px solid var(--trait);border-radius:14px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.av-st img{width:96px;height:96px;border-radius:50%;object-fit:cover}.av-st small{color:var(--gris);font-size:12px}
@media (max-width:560px){.av-g{grid-template-columns:repeat(4,1fr)}.av-t span{width:60px;height:60px}}
.cnx{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cnx-c{padding:20px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}
.cnx-c .ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid var(--trait);margin-bottom:6px}
.cnx-c .ic .ico{width:22px;height:22px}.cnx-c b{font-size:16px}.cnx-c small{color:var(--gris);font-size:13px;line-height:1.45}
.cnx-c .etat{margin-top:auto;padding-top:12px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}
.cnx-c .etat i{width:8px;height:8px;border-radius:50%;background:#4b515f}.cnx-c.ok .etat i{background:#43c977;box-shadow:0 0 8px rgba(67,201,119,.6)}
.cnx-c.ok .ic{color:var(--ambre);border-color:rgba(232,163,61,.35);background:rgba(232,163,61,.08)}
.cnx-c.bientot{opacity:.7}.cnx-c .btn{margin-top:10px;align-self:flex-start}
@media (max-width:860px){.cnx{grid-template-columns:1fr}}
.obs-url{display:flex;gap:10px;align-items:center;margin-top:14px;flex-wrap:wrap}.obs-url code{flex:1;min-width:0;background:var(--carte2);
border-radius:10px;padding:9px 14px;color:var(--ambre);font:500 14px Poppins,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.espace-tete{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:6px}
.espace-tete>div:nth-child(2){flex:1;min-width:220px}.espace-tete small{color:var(--ambre);font-weight:700;letter-spacing:.12em;
text-transform:uppercase;font-size:12px}.espace-tete .titre-page{margin:2px 0 8px}
.av.grand{width:92px;height:92px;font-size:34px;border:3px solid var(--ambre)}
.puces-j{display:flex;gap:8px;flex-wrap:wrap}
.espace-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.espace-actions form{margin:0}
.espace-actions button{font:inherit;cursor:pointer}
.ligne-e{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.06);flex-wrap:wrap}
.ligne-e:first-of-type{border-top:0}.ligne-e span{flex:1;min-width:0;font-weight:600}
.ligne-e span small{display:block;color:var(--gris);font-weight:500;font-size:12px}.ligne-e b{color:var(--ambre);white-space:nowrap}
.ligne-e b.vert,.ligne-e em.vert{color:var(--vert)}.ligne-e em{flex-basis:100%;font-style:normal;color:var(--gris);font-size:12.5px;margin-top:-6px}
.parr{display:flex;align-items:baseline;gap:10px}.parr b{font-size:40px;color:var(--ambre);line-height:1}.parr span{color:var(--gris)}
.prog{height:8px;border-radius:99px;background:var(--carte2);margin:14px 0 6px;overflow:hidden}
.prog i{display:block;height:100%;background:var(--ambre);border-radius:99px}
.espace-vide{max-width:640px;margin:30px auto 0;text-align:center;padding:42px 28px}.espace-vide>.ico{width:40px;height:40px;
color:var(--ambre);margin:0 auto 12px}.espace-vide .actions{justify-content:center;margin-top:18px}
.btn .ico{width:20px;height:20px}
.espace-l{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.espace-l h3{margin-bottom:6px}
.espace-l p{color:var(--gris)}
@media (max-width:860px){.espace-actions{width:100%}}
.grille-m{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.an{display:flex;flex-direction:column;background:var(--carte);border:1px solid var(--trait);border-radius:16px;overflow:hidden;
transition:transform .25s,border-color .25s,box-shadow .25s}
.an:hover{transform:translateY(-3px);border-color:rgba(232,163,61,.35);box-shadow:0 14px 30px -18px rgba(232,163,61,.45)}
.an[hidden]{display:none!important}
.an-img{position:relative;aspect-ratio:16/10;display:grid;place-items:center;border-bottom:2px solid var(--c);
background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 34%,transparent),transparent 78%),var(--carte2)}
.an-img img{width:80%;height:80%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45));transition:transform .35s}
.an:hover .an-img img{transform:scale(1.05) rotate(-2deg)}
.an-img>.ico{width:46px;height:46px;color:var(--gris2)}
.an-img.grand{aspect-ratio:4/3;border-radius:12px;border-bottom-width:3px}
.type{position:absolute;left:12px;top:12px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
padding:4px 10px;border-radius:999px;background:rgba(13,15,20,.78)}
.type.vert{color:var(--vert)}.type.bleu{color:var(--bleu)}.type.violet{color:#b48cff}
.an-c{padding:14px 16px 16px;display:flex;flex-direction:column;gap:2px;flex:1}
.an-t{font-size:16px;line-height:1.3;color:var(--blanc)}.an-c small{color:var(--gris);font-size:12.5px}
.an-p{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:8px}
.prix{font-size:20px;font-weight:700;color:var(--ambre);font-variant-numeric:tabular-nums}.prix.ech{color:var(--blanc);font-size:16px}
.ecart{font-size:12px;font-weight:600;color:var(--gris)}.ecart.vert{color:var(--vert)}.ecart.rouge{color:var(--rouge)}
.an-m{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px;font-size:13px;color:var(--gris)}
.an-m .av{width:24px;height:24px;font-size:11px}
.an-m span{color:var(--blanc);font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.an-m time{color:var(--gris2);font-size:12px;white-space:nowrap}
.aucun-m{display:none}.grille-m.rien+.aucun-m{display:block}
.stats-m{margin:4px 0 2px}
.info-m{display:flex;gap:16px;align-items:flex-start;margin-top:28px}.info-m>.ico{color:var(--ambre);width:26px;height:26px;margin-top:2px}
.info-m p{color:var(--gris);margin-top:4px}.info-m{text-align:left}
.an-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:start;margin-top:10px}
.an-detail>.carte{padding:12px}
.kpis-3{grid-template-columns:repeat(3,1fr)}.kpis-3 .ecart{font-size:12px}
.vendeur{display:flex;align-items:center;gap:14px;margin-top:18px;padding:14px 16px;background:var(--carte);border:1px solid var(--trait);border-radius:14px}
.vendeur .av{width:46px;height:46px}.vendeur b a{color:var(--blanc)}.vendeur b a:hover{color:var(--ambre)}
.vendeur small{display:block;color:var(--gris);font-size:13px}
.an-infos .actions{margin-top:18px}
@media (max-width:860px){.an-detail{grid-template-columns:1fr}}
@media (max-width:560px){.onglets[data-filtre="marche"]{display:flex;width:100%}.onglets[data-filtre="marche"] button{flex:1;padding:8px 6px;font-size:13px;white-space:nowrap}.outils .choix{flex:1}.kpis-3{grid-template-columns:1fr}.grille-m{grid-template-columns:1fr 1fr;gap:10px}
.an-c{padding:10px 12px 12px}.prix{font-size:17px}.an-t{font-size:14px}.an-m time{display:none}}

.pied-g{display:flex;flex-direction:column;gap:8px}
.ligne-e i.ml{display:block;font-style:normal}
.pied-lang{display:flex;align-items:center;gap:9px;margin-top:6px}.pied-lang .ico{width:15px;height:15px;color:var(--gris2)}
.pied-lang span{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.pied-lang a{font-size:12px;font-weight:600;color:var(--gris);padding:4px 11px;border-radius:999px;transition:background .25s,color .25s}
.pied-lang a:hover{color:var(--blanc)}.pied-lang a.on{background:var(--ambre);color:#1a1206}
.pied-liens{display:flex;flex-wrap:wrap;gap:6px 18px}.pied-liens a{color:var(--gris);font-weight:500;transition:color .2s}.pied-liens a:hover{color:var(--ambre)}
.texte-l{max-width:780px}.texte-l h2{font-size:21px;margin:38px 0 12px;scroll-margin-top:90px}
.texte-l p{color:var(--gris);margin:0 0 12px;line-height:1.7}.texte-l b{color:var(--blanc);font-weight:600}
.texte-l ul{margin:0 0 14px;padding-left:20px;color:var(--gris);line-height:1.7}.texte-l li{margin:4px 0}.texte-l li::marker{color:var(--ambre)}
.texte-l .mini,.texte-l .fin-t{font-size:13px;color:var(--gris2);margin-top:22px}.texte-l code{font-size:12.5px;color:var(--blanc);background:var(--carte2);padding:2px 6px;border-radius:6px}
.texte-l .actions{margin-top:22px}
a.lien{color:var(--ambre);text-decoration:underline;text-decoration-color:rgba(232,163,61,.4);text-underline-offset:3px}a.lien:hover{text-decoration-color:var(--ambre)}
.sommaire{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}.sommaire a{font-size:13px;font-weight:600;color:var(--gris);border:1px solid var(--trait);
border-radius:999px;padding:6px 13px;transition:color .2s,border-color .2s}.sommaire a:hover{color:var(--ambre);border-color:rgba(232,163,61,.5)}
.tab-l{overflow-x:auto;margin:6px 0 16px;border:1px solid var(--trait);border-radius:14px;background:var(--carte)}
.tab-l table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.tab-l th{text-align:left;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--gris2);font-weight:700;padding:12px 14px;border-bottom:1px solid var(--trait)}
.tab-l td{padding:12px 14px;border-bottom:1px solid var(--trait);color:var(--gris);vertical-align:top;line-height:1.55}
.tab-l tr:last-child td{border-bottom:0}.tab-l td:first-child{color:var(--blanc);font-weight:600}
.essentiel{border-color:rgba(232,163,61,.35);background:linear-gradient(135deg,rgba(232,163,61,.08),transparent 60%),var(--carte);margin-top:26px}
.essentiel h3{font-size:16px;margin-bottom:8px}.essentiel ul{margin:0}
.valeurs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:4px 0 6px}
.valeur .ico{width:30px;height:30px;color:var(--ambre)}.valeur h3,.contact-c h3,.essentiel h3{text-transform:none;letter-spacing:0;color:var(--blanc)}
.valeur h3{font-size:16px;margin:12px 0 6px}.valeur p{color:var(--gris);font-size:14px}
.contact-g{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px;align-items:start;margin-top:10px}
.contact-c{display:grid;gap:14px}.contact-c .ico{width:24px;height:24px;color:var(--ambre)}.contact-c h3{font-size:15px;margin:10px 0 4px}
.contact-c p{color:var(--gris);font-size:14px;overflow-wrap:anywhere}
.champs-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.champ>span i{font-style:normal;font-weight:500;color:var(--gris2)}
#contact .champs-2 .champ{margin-top:0}#contact .actions{margin-top:18px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-etat{font-size:14px;font-weight:600;margin:0}.form-etat:empty{display:none}.form-etat.ok{color:var(--vert);margin-top:4px}.form-etat.err{color:var(--rouge);margin-top:12px}
.donnees-e{border-color:rgba(255,90,90,.25)}.btn.danger{color:var(--rouge);border-color:rgba(255,90,90,.4)}.btn.danger:hover{background:rgba(255,90,90,.1)}
@media (max-width:860px){.contact-g{grid-template-columns:1fr}.valeurs{grid-template-columns:1fr}}
@media (max-width:560px){.champs-2{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start}}

.ck{position:fixed;left:24px;bottom:24px;z-index:220;width:min(460px,calc(100% - 32px));background:rgba(22,26,34,.97);
backdrop-filter:blur(12px);border:1px solid var(--trait);border-radius:18px;padding:20px 20px 16px;overflow:hidden;
box-shadow:0 24px 60px -18px rgba(0,0,0,.85);opacity:0;transform:translateY(18px);transition:opacity .35s,transform .5s cubic-bezier(.2,.8,.2,1)}
.ck:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--ambre),transparent)}
.ck.vu{opacity:1;transform:none}
.ck h3{font-size:16px;display:flex;align-items:center;gap:10px;margin-bottom:6px}
.ck h3 i{width:8px;height:8px;border-radius:50%;background:var(--ambre);box-shadow:0 0 0 0 rgba(232,163,61,.5);animation:ck-p 2.4s infinite}
@keyframes ck-p{70%{box-shadow:0 0 0 7px rgba(232,163,61,0)}100%{box-shadow:0 0 0 0 rgba(232,163,61,0)}}
.ck p{color:var(--gris);font-size:13.5px;line-height:1.55}
.ck-b{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.ck-b .btn{justify-content:center;width:100%;padding:11px 8px;font-size:14px;white-space:nowrap;border-color:rgba(232,163,61,.45)}
.ck-p{background:none;border:0;color:var(--gris);font:inherit;font-size:13px;margin-top:12px;cursor:pointer;
text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(150,158,170,.4)}
.ck-p:hover{color:var(--blanc)}
.ckm{position:fixed;inset:0;z-index:225;display:grid;place-items:center;padding:16px;background:rgba(5,6,9,.66);
backdrop-filter:blur(6px);opacity:0;transition:opacity .25s}
.ckm.vu{opacity:1}
.ckm .boite{width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--carte);border:1px solid var(--trait);
border-radius:20px;padding:26px 26px 22px;transform:translateY(10px) scale(.97);transition:transform .35s cubic-bezier(.2,1.2,.4,1)}
.ckm.vu .boite{transform:none}
.ckm h3{font-size:21px;margin-bottom:4px}.ckm .boite>p{color:var(--gris);font-size:14px;margin-bottom:14px}
.ck-l{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:16px 0;border-top:1px solid var(--trait)}
.ck-l b{display:block;font-size:15px;margin-bottom:2px}.ck-l span{color:var(--gris);font-size:13px;line-height:1.5}
.ck-l .ck-tj{color:var(--vert);font-size:12px;font-weight:600;white-space:nowrap;margin-top:3px}
.ck-sw{position:relative;width:46px;height:26px;flex:none;margin-top:2px}
.ck-sw input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}
.ck-sw i{position:absolute;inset:0;border-radius:20px;background:var(--trait);transition:background .25s}
.ck-sw i:before{content:"";position:absolute;left:4px;top:4px;width:18px;height:18px;border-radius:50%;background:var(--gris);transition:transform .25s,background .25s}
.ck-sw input:checked+i{background:rgba(232,163,61,.35)}.ck-sw input:checked+i:before{transform:translateX(20px);background:var(--ambre)}
.ck-sw input:focus-visible+i{outline:2px solid var(--ambre);outline-offset:2px}
.ckm .ck-b{margin-top:18px}
.pied-liens button{background:none;border:0;font:inherit;color:var(--gris);font-weight:500;cursor:pointer;padding:0;transition:color .2s}
.pied-liens button:hover{color:var(--ambre)}
.contact-c .srv{display:flex;flex-direction:column;margin-top:10px;font-size:14px}.contact-c .srv span{color:var(--gris);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
button.lien{background:none;border:0;padding:0;font:inherit;cursor:pointer;color:var(--ambre);text-decoration:underline;text-decoration-color:rgba(232,163,61,.4);text-underline-offset:3px}
.cgu-r{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:6px 0 30px}
.cgu-r .carte{padding:18px}.cgu-r .carte b{display:block;font-size:15px;margin:10px 0 4px}.cgu-r .carte p{color:var(--gris);font-size:13.5px;margin:0}
.cgu-r .ico{width:26px;height:26px;color:var(--ambre)}
@media (max-width:760px){.cgu-r{grid-template-columns:1fr}}
@media (max-width:560px){.ck{left:16px;bottom:16px}}
@media (max-width:440px){.ck-b{grid-template-columns:1fr}}


.masc{position:absolute;bottom:calc(100% - 1px);right:34px;z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:none}
.cx>.masc{position:absolute;z-index:3}.cx-s .ico{display:inline-block}
.masc-f{position:relative;width:96px;height:112px;overflow:hidden;flex:none}
.masc-moly .masc-f{width:70px;height:130px}.masc-flashy .masc-f{width:92px}
.masc.masc-moly.vu .masc-f svg{transform:translateY(9%)}
.masc-f svg{position:absolute;left:0;bottom:0;width:100%;height:auto;transform:translateY(100%);transition:transform .9s cubic-bezier(.2,1.3,.35,1)}
.masc.vu .masc-f svg{transform:translateY(22%)}.masc.dort .masc-f svg{transform:translateY(64%);transition-duration:.7s}
.masc.vu .masc-f{animation:m-flotte 3.2s ease-in-out infinite alternate}
@keyframes m-flotte{to{transform:translateY(-3px)}}
.masc-b{margin:0 0 2px;background:var(--carte2);border:1px solid rgba(232,163,61,.45);color:var(--blanc);font-size:13px;font-weight:600;
line-height:1.35;padding:8px 13px;border-radius:13px 13px 4px 13px;max-width:210px;white-space:nowrap;box-shadow:0 10px 24px -12px rgba(0,0,0,.7);
opacity:0;transform:translateY(8px) scale(.92);transform-origin:right bottom;transition:opacity .35s,transform .45s cubic-bezier(.2,1.3,.35,1)}
.masc.vu .masc-b{opacity:1;transform:none;transition-delay:.55s}
.masc svg .yx,.masc-st svg .yx{transform-box:fill-box;transform-origin:center;animation:m-cligne 5.4s infinite}
.masc-flashy svg .yx{animation-delay:1.7s}.masc-moly svg .yx{animation-delay:3.1s}
@keyframes m-cligne{0%,91%,97%,100%{transform:scaleY(1)}94%{transform:scaleY(.1)}}
.masc-st{width:var(--t,110px);margin:0 auto 10px;animation:m-flotte 3s ease-in-out infinite alternate}.masc-st svg{width:100%;height:auto;display:block}
.final,.carte.ix,.carte.sv{position:relative}
.final{overflow:hidden}.masc.dedans{bottom:0;right:270px;flex-direction:row;align-items:flex-end;gap:10px}
.masc.dedans .masc-b{margin-bottom:64px}
@media (max-width:980px){.masc.dedans{display:none}}
.vide-m{display:flex;align-items:center;gap:18px}.vide-m .masc-st{margin:0;flex:none}.es-vide .masc-st{margin:0;flex:none}
@media (max-width:700px){.masc{display:none}}

/* finitions de carte (boutique, caisses, fin de saison) : un cadre de matière autour de la carte et le dos assorti */
.cf-x .cf-f:after{inset:0;border-radius:24px;border:0;padding:8px;background:var(--fx);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.cf-x .cf-dos .cf-fond{background:var(--fxd)}
.cf-xs{margin-top:10px;font-size:10.5px;font-weight:800;letter-spacing:.3em;color:#e9e1ff;padding:4px 12px;border-radius:20px;border:1px solid rgba(205,184,255,.45);background:rgba(140,107,255,.15)}
/* carte FANAL (page joueur) : carte holographique qui suit la souris, se retourne au clic */
.cf-s{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:center;margin:34px 0 10px;padding:30px 36px;border-radius:26px;
background:radial-gradient(60% 90% at 18% 50%,color-mix(in srgb,var(--cfc,#e8a33d) 10%,transparent),transparent 70%),linear-gradient(180deg,#141821,#10131a);border:1px solid var(--trait)}
.cf-sc{position:relative;width:300px;height:420px;perspective:1100px}
.cf{position:relative;width:100%;height:100%;outline:none;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.cf-t{position:relative;width:100%;height:100%;transform-style:preserve-3d;will-change:transform}
.cf.repos .cf-t{animation:cfRepos 7s ease-in-out infinite}
@keyframes cfRepos{0%,100%{transform:rotateX(4deg) rotateY(-8deg)}50%{transform:rotateX(-3deg) rotateY(8deg)}}
.cf-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,1.25,.4,1)}
.cf.vire .cf-in{transform:rotateY(180deg)}
.cf-f{position:absolute;inset:0;border-radius:24px;overflow:hidden;isolation:isolate;-webkit-backface-visibility:hidden;backface-visibility:hidden;
box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c1) 35%,transparent),0 0 0 1px rgba(0,0,0,.4)}
.cf-dos{transform:rotateY(180deg)}
.cf-fond{position:absolute;inset:0;z-index:-2;background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--c2) 55%,transparent),transparent 62%),
linear-gradient(168deg,color-mix(in srgb,var(--c2) 30%,var(--fd)) 0%,var(--fd) 45%,#0a0b10 100%)}
.cf-f:after{content:"";position:absolute;inset:9px;border-radius:17px;border:1px solid color-mix(in srgb,var(--c1) 22%,transparent);pointer-events:none;z-index:4}
.cf-av{padding:20px 22px;display:flex;flex-direction:column;color:#fff}.cf-av>*{flex:none}
.cf-h{display:flex;justify-content:space-between;align-items:flex-start}
.cf-nv{display:flex;flex-direction:column;align-items:center;gap:1px}.cf-nv svg{display:block;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}
.cf-nv small,.cf-elo small{font-size:9.5px;font-weight:800;letter-spacing:.16em;color:var(--c1)}
.cf-elo{text-align:right}.cf-elo b{display:block;font-size:30px;font-weight:800;line-height:1.05;letter-spacing:-.01em;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.cf-pp{position:relative;width:114px;height:114px;margin:-6px auto 0;padding:5px;border-radius:50%}
.cf-pp>i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 200deg,var(--c1),var(--c2),var(--c3),var(--c2),var(--c1));box-shadow:0 12px 30px -10px var(--c2)}
.cf-pp .av{position:relative;width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid var(--fd);font-size:40px;display:grid;place-items:center;background:#20242d}
.cf-av h3{margin:12px 0 0;text-align:center;font-size:23px;font-weight:800;letter-spacing:.02em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-tg{text-align:center;font-size:11.5px;color:color-mix(in srgb,var(--c1) 75%,#fff);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-tg em{font-style:normal;font-weight:800;color:#fff;background:color-mix(in srgb,var(--c2) 40%,transparent);padding:1px 7px;border-radius:6px;margin-right:6px}
.cf-st{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;padding:10px 0;border-top:1px solid color-mix(in srgb,var(--c1) 18%,transparent);border-bottom:1px solid color-mix(in srgb,var(--c1) 18%,transparent)}
.cf-st div{text-align:center}.cf-st b{display:block;font-size:16px;font-weight:800}.cf-st small{font-size:9px;font-weight:800;letter-spacing:.1em;color:color-mix(in srgb,var(--c1) 70%,#8a90a0)}
.cf-vt{display:flex;justify-content:center;gap:10px;margin-top:10px;min-height:40px}
.cf-md{display:block;line-height:0}.cf-md.vide{width:36px;height:40px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:rgba(255,255,255,.05)}
.cf-pied{margin-top:auto;text-align:center;font-size:9.5px;font-weight:800;letter-spacing:.26em;color:color-mix(in srgb,var(--c1) 50%,transparent)}
/* dos */
.cf-dos{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff}
.cf-emb{width:110px;height:110px;color:#eef0f4;filter:drop-shadow(0 10px 24px rgba(0,0,0,.5))}
.cf-marque{font-size:34px;font-weight:800;letter-spacing:.32em;margin:8px 0 0 .32em}.cf-site{font-size:12px;color:color-mix(in srgb,var(--c1) 70%,#8a90a0);letter-spacing:.08em}
.cf-dos-l{display:flex;gap:18px;margin-top:22px}.cf-dos-l div{text-align:center}.cf-dos-l b{display:block;font-size:20px;font-weight:800}
.cf-dos-l small{font-size:8.5px;font-weight:800;letter-spacing:.12em;color:color-mix(in srgb,var(--c1) 70%,#8a90a0)}
/* effets : arc-en-ciel holographique, paillettes, reflet (que des transformations et de l'opacité : fluide) */
.cf-holo{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none;mix-blend-mode:color-dodge;opacity:.07;transition:opacity .35s}
.cf-holo i{position:absolute;inset:-60%;will-change:transform;filter:brightness(.6) contrast(1.3) saturate(1.2)}
/* 11 finitions holographiques, une par niveau (et une pour les joueurs en placement), inspirées des vraies cartes à collectionner */
/* placement : simple reflet argenté, sans couleur */
.cf.n0 .cf-holo{mix-blend-mode:overlay}.cf.n0 .cf-holo i{filter:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.7) 47%,rgba(255,255,255,.15) 53%,transparent 62%)}
/* 1 · cosmos : des bulles de couleur éparpillées */
.cf.n1 .cf-holo i{background:radial-gradient(circle at 18% 28%,#ff5aa0 0 5%,transparent 13%),radial-gradient(circle at 68% 18%,#5adcff 0 4%,transparent 11%),
radial-gradient(circle at 48% 62%,#ffdc5a 0 6%,transparent 15%),radial-gradient(circle at 86% 80%,#aa78ff 0 5%,transparent 12%),radial-gradient(circle at 26% 86%,#5affaa 0 4%,transparent 10%),
linear-gradient(115deg,#3a3f55,#6a7088 50%,#3a3f55);background-size:96px 96px,96px 96px,96px 96px,96px 96px,96px 96px,100% 100%}
/* 2 · lignes : fines rayures verticales irisées */
.cf.n2 .cf-holo i{background:repeating-linear-gradient(90deg,rgba(255,255,255,.9) 0 1px,transparent 1px 7px),repeating-linear-gradient(90deg,#ff4f8b 0 1px,transparent 1px 11px),
linear-gradient(115deg,#5a6070,#c4ccd8 25%,#5a6070 50%,#c4ccd8 75%,#5a6070)}
/* 3 · treillis émeraude : losanges croisés */
.cf.n3 .cf-holo i{background:repeating-linear-gradient(45deg,rgba(160,255,210,.95) 0 1.5px,transparent 1.5px 14px),repeating-linear-gradient(-45deg,rgba(90,220,255,.85) 0 1.5px,transparent 1.5px 14px),
linear-gradient(115deg,#1d8a59,#2bd88a 25%,#2b8cd8 50%,#8ff2c0 75%,#1d8a59)}
/* 4 · vagues : ondes concentriques */
.cf.n4 .cf-holo i{background:repeating-radial-gradient(circle at 30% 38%,rgba(178,250,214,.95) 0 1.5px,transparent 2.5px 11px),repeating-radial-gradient(circle at 74% 72%,rgba(90,190,255,.8) 0 1.5px,transparent 2.5px 15px),
linear-gradient(115deg,#22a36b,#33d48d 30%,#3b9be0 60%,#22a36b)}
/* 5 · nid d'abeille : hexagones bleus */
.cf.n5 .cf-holo i{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='48' viewBox='0 0 28 48'%3E%3Cpath d='M14 0l14 8v16l-14 8-14-8V8zM14 32v16' fill='none' stroke='white' stroke-width='1.2' stroke-opacity='.9'/%3E%3C/svg%3E") 0 0/22px 38px,
linear-gradient(115deg,#2560b0,#47f0ff 25%,#a9d2ff 45%,#2f7de0 65%,#9d6bff 85%,#2560b0)}
/* 6 · éclats de verre : mosaïque de triangles */
.cf.n6 .cf-holo i{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='34'%3E%3Cpolygon points='0,0 20,34 40,0' fill='white' fill-opacity='.7'/%3E%3Cpolygon points='20,34 40,0 40,34' fill='white' fill-opacity='.08'/%3E%3Cpolygon points='0,0 0,34 20,34' fill='white' fill-opacity='.35'/%3E%3Cpath d='M0 0L20 34L40 0' fill='none' stroke='white' stroke-opacity='.9' stroke-width='.8'/%3E%3C/svg%3E") 0 0/34px 29px,
linear-gradient(115deg,#3576c4,#ff6ad5 22%,#47f0ff 44%,#ffd36b 66%,#c4e0ff 84%,#3576c4)}
/* 7 · rayons : éclat en étoile violet */
.cf.n7 .cf-holo i{background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(230,215,255,.95) 0 2.5deg,transparent 2.5deg 8deg),
conic-gradient(from 0deg at 50% 50%,#ff5fa2,#7b55e6,#47f0ff,#ffd36b,#d4c2ff,#ff5fa2)}
/* 8 · arc-en-ciel : irisation lisse sur toute la carte */
.cf.n8 .cf-holo i{background:linear-gradient(115deg,#ff3b7e,#ffcf5a 12%,#47f0ff 25%,#9d6bff 37%,#ff3b7e 50%,#ffcf5a 62%,#47f0ff 75%,#9d6bff 87%,#ff3b7e)}
/* 9 · or : feuille d'or en bandes, paillettes dorées */
.cf.n9 .cf-holo{mix-blend-mode:overlay}.cf.n9 .cf-holo i{filter:none;background:repeating-linear-gradient(115deg,#7a4a10 0%,#ffe1a3 3%,#e8a33d 5.5%,#fff6d8 7%,#b87a22 9.5%,#7a4a10 12%)}
/* 10 · FANAL : aurore braise et ambre, rayons et paillettes, toujours un peu vivante */
.cf.n10 .cf-holo i{background:repeating-conic-gradient(from 0deg at 50% 62%,rgba(255,215,150,.9) 0 2deg,transparent 2deg 7deg),
radial-gradient(55% 40% at 28% 30%,#ff5a2a,transparent 70%),radial-gradient(50% 40% at 72% 72%,#ffd28a,transparent 70%),
linear-gradient(115deg,#ff5a2a,#ffd28a 20%,#ff3b7e 40%,#e8a33d 60%,#ff7a3a 80%,#ff5a2a)}
.cf.repos .cf-holo i{animation:cfHolo 7s ease-in-out infinite}@keyframes cfHolo{50%{transform:translate(8%,6%)}}
.cf-pail{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.05;mix-blend-mode:screen;transition:opacity .35s;
background-image:radial-gradient(circle at 20% 30%,#fff 0 .6px,transparent 1.4px),radial-gradient(circle at 70% 65%,#fff 0 .5px,transparent 1.3px),radial-gradient(circle at 45% 85%,#fff 0 .6px,transparent 1.5px);
background-size:23px 29px,31px 23px,17px 21px}
.cf-reflet{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none;mix-blend-mode:overlay;opacity:0;transition:opacity .35s}
.cf-reflet i{position:absolute;left:-50%;top:-50%;width:200%;height:200%;will-change:transform;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.95),rgba(255,255,255,.35) 12%,rgba(255,255,255,.08) 26%,transparent 38%)}
.cf.actif .cf-holo{opacity:.62}.cf.actif .cf-pail{opacity:.22}.cf.actif .cf-reflet{opacity:.85}
.cf.n0.actif .cf-holo{opacity:.55}.cf.n0 .cf-pail,.cf.n1 .cf-pail,.cf.n2 .cf-pail{display:none}.cf.n9.actif .cf-holo{opacity:.75}
.cf.n10 .cf-holo{opacity:.14}.cf.n10.actif .cf-holo{opacity:.72}.cf.n8 .cf-pail,.cf.n9 .cf-pail,.cf.n10 .cf-pail{opacity:.1}.cf.n8.actif .cf-pail,.cf.n9.actif .cf-pail,.cf.n10.actif .cf-pail{opacity:.42}
.cf.n9 .cf-pail{background-image:radial-gradient(circle at 20% 30%,#ffe1a3 0 .7px,transparent 1.5px),radial-gradient(circle at 70% 65%,#fff3c9 0 .6px,transparent 1.4px),radial-gradient(circle at 45% 85%,#e8a33d 0 .8px,transparent 1.6px)}
.cf.n10 .cf-pail{background-image:radial-gradient(circle at 20% 30%,#ffd28a 0 .7px,transparent 1.5px),radial-gradient(circle at 70% 65%,#fff 0 .6px,transparent 1.4px),radial-gradient(circle at 45% 85%,#ff7a3a 0 .8px,transparent 1.6px)}
/* le dos : juste brillant (reflet qui suit le pointeur et un éclat fixe), pas holographique */
.cf-dos .cf-reflet{opacity:.35}.cf.actif .cf-dos .cf-reflet{opacity:.9}
.cf-dos .cf-fond:after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,transparent 30%,rgba(255,255,255,.07) 44%,rgba(255,255,255,.16) 50%,rgba(255,255,255,.05) 56%,transparent 70%)}
.cf.n10 .cf-f{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c1) 60%,transparent),0 0 0 1px rgba(0,0,0,.4)}
.cf-ombre{position:absolute;left:12%;right:12%;bottom:-26px;height:30px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c2) 45%,#000),transparent);
filter:blur(6px);opacity:.8;z-index:-1;will-change:transform}
.cf:focus-visible .cf-f{outline:2px solid var(--ambre);outline-offset:4px}
.cf-txt h2{margin:4px 0 6px}.cf-txt .h2s{max-width:440px}
.cf-b{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.cf-b .ico{width:17px;height:17px}
.cf-astuce{margin:14px 0 0;font-size:12.5px;color:var(--gris2)}
@media(max-width:820px){.cf-s{grid-template-columns:1fr;justify-items:center;text-align:center;gap:34px;padding:30px 18px}.cf-b{justify-content:center}.cf-txt .h2s{margin-left:auto;margin-right:auto}}
@media(max-width:380px){.cf-sc{transform:scale(.88);transform-origin:top center;margin-bottom:-50px}}

.sc-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px}
.sc{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:14px 8px 12px;border-radius:14px;border:1px solid transparent;transition:transform .25s,border-color .25s,background .25s;outline:none}
.sc:hover,.sc:focus{transform:translateY(-3px);background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.06)}
.sc .sc-svg{filter:drop-shadow(0 8px 14px rgba(0,0,0,.55));transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.sc:hover .sc-svg{transform:scale(1.08) rotate(-3deg)}
.sc b{font-size:12.5px;line-height:1.25;margin-top:4px}.sc small{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gris)}
.sc.t-bronze.ok small{color:#d89a6a}.sc.t-argent.ok small{color:#c9d2dc}.sc.t-or.ok small{color:#f2c14e}.sc.t-fanal.ok small{color:var(--ambre,#e8a33d)}
.sc.t-fanal.ok .sc-svg{animation:scFanal 3s ease-in-out infinite}
@keyframes scFanal{50%{filter:drop-shadow(0 0 16px rgba(232,163,61,.7)) drop-shadow(0 8px 14px rgba(0,0,0,.55))}}
.sc:not(.ok) .sc-svg{filter:grayscale(1) brightness(.45) drop-shadow(0 6px 10px rgba(0,0,0,.5));opacity:.75}
.sc:not(.ok) b{color:var(--gris)}
.sc-bar{display:block;width:70%;height:3px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:4px}
.sc-bar i{display:block;height:100%;background:linear-gradient(90deg,#9c6a1e,var(--ambre,#e8a33d))}
.sc-g.compact{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
.ps-c{padding:24px}
.ps-tete{display:flex;align-items:center;gap:20px;margin-bottom:20px}
.ps-num{width:78px;height:78px;flex:none;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;
background:radial-gradient(circle at 30% 20%,rgba(255,226,160,.35),transparent 60%),linear-gradient(145deg,#e8a33d,#9c6a1e);color:#1a1206;box-shadow:0 12px 30px -10px rgba(232,163,61,.6)}
.ps-num b{font-size:32px;font-weight:800;line-height:1}.ps-num small{font-size:11px;font-weight:700;opacity:.75}
.ps-i{flex:1;min-width:0}.ps-i>b{font-size:18px}.ps-i small{display:block;color:var(--gris);font-size:13px;margin-top:6px}.ps-i small b{color:var(--blanc,#fff)}
.ps-bar{height:10px;border-radius:6px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:10px;position:relative}
.ps-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#9c6a1e,#e8a33d,#ffd27a);position:relative;overflow:hidden}
.ps-bar i::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-100%);animation:psReflet 3.5s ease-in-out infinite}
@keyframes psReflet{60%,100%{transform:translateX(100%)}}
.ps-piste{display:flex;gap:8px;overflow-x:auto;padding:8px 8px 12px;margin:0 -8px;scroll-padding-inline:8px;scrollbar-width:thin;scrollbar-color:#2a2f3a transparent;cursor:grab;user-select:none;-webkit-user-select:none}
.ps-piste.glisse{cursor:grabbing}.ps-piste.glisse .ps-t{pointer-events:none}
.ps-t{flex:none;width:86px;height:104px;border-radius:14px;border:1px solid var(--trait);background:rgba(255,255,255,.02);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:8px;scroll-snap-align:start;position:relative}
.ps-t span{position:absolute;top:6px;left:8px;font-size:11px;font-weight:800;color:var(--gris)}
.ps-t svg{width:24px;height:24px;color:#6c7383}.ps-t small{font-size:10.5px;line-height:1.25;color:var(--gris)}
.ps-t.sp{border-color:rgba(232,163,61,.35);background:linear-gradient(180deg,rgba(232,163,61,.08),transparent)}
.ps-t.ok{background:linear-gradient(180deg,rgba(232,163,61,.2),rgba(232,163,61,.05));border-color:rgba(232,163,61,.55)}
.ps-t.ok svg,.ps-t.ok span{color:var(--ambre,#e8a33d)}.ps-t.ok small{color:var(--blanc,#fff)}
.ps-t.suiv{box-shadow:0 0 0 2px rgba(232,163,61,.6);animation:psSuiv 2.4s ease-in-out infinite}
@keyframes psSuiv{50%{box-shadow:0 0 0 2px rgba(232,163,61,.9),0 0 18px rgba(232,163,61,.35)}}
@media (max-width:640px){.ps-tete{gap:14px}.ps-num{width:64px;height:64px}.ps-num b{font-size:26px}}

.vt-c{padding:24px}
.vt-t{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.vt-t b{display:block;font-size:16px}.vt-t small{color:var(--gris);font-size:12.5px}
.vt-auto{flex:none;font-size:11px;font-weight:700;color:var(--gris);border:1px solid var(--trait);border-radius:999px;padding:4px 10px}.vt-auto[hidden]{display:none}
.vt-g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.vt-m{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:18px 8px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.06);
background:radial-gradient(80% 60% at 50% 20%,rgba(255,255,255,.05),transparent 70%),rgba(255,255,255,.015);outline:none;transition:transform .25s,border-color .25s}
.vt-m:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.12)}
.vt-m .sc-svg{filter:drop-shadow(0 10px 18px rgba(0,0,0,.55))}
.vt-m b{font-size:13.5px;margin-top:6px;line-height:1.25}.vt-m small{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gris)}
.vt-m.t-bronze small{color:#d89a6a}.vt-m.t-argent small{color:#c9d2dc}.vt-m.t-or small{color:#f2c14e}.vt-m.t-fanal small{color:var(--ambre,#e8a33d)}
.vt-m.t-fanal{border-color:rgba(232,163,61,.3);background:radial-gradient(80% 60% at 50% 20%,rgba(232,163,61,.14),transparent 70%),rgba(255,255,255,.015)}
.vt-m.vide{border-style:dashed;justify-content:center;min-height:170px;background:transparent}.vt-m.vide span{width:52px;height:58px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:rgba(255,255,255,.05)}
.sc[data-sc]{cursor:pointer}
.sc.vt-on{background:rgba(232,163,61,.08);border-color:rgba(232,163,61,.45)}
.sc.vt-on::after{content:"";position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;background:var(--ambre,#e8a33d) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314100a' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat}
.sc.vt-plein{animation:vtNon .5s!important}@keyframes vtNon{25%,75%{transform:translateX(-4px)}50%{transform:translateX(4px)}}
@media(max-width:760px){.vt-g{grid-template-columns:repeat(3,minmax(0,1fr))}.vt-t{flex-direction:column}}
@media(max-width:440px){.vt-g{grid-template-columns:repeat(2,minmax(0,1fr))}}

.tm-em{display:block;flex:none;overflow:visible}
.tm-em.halo{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--c) 55%,transparent)) drop-shadow(0 10px 22px rgba(0,0,0,.45))}
.tm-em .tm-com{stroke-dasharray:14 86;animation:tmCom 4s linear infinite!important;opacity:.85}
@keyframes tmCom{to{stroke-dashoffset:-100}}
.tm-tag{display:inline-block;vertical-align:middle;font-style:normal;font-size:13px;font-weight:800;letter-spacing:.12em;color:var(--ambre,#e8a33d);border:1px solid rgba(232,163,61,.45);background:rgba(232,163,61,.1);border-radius:8px;padding:3px 8px;line-height:1.3}
.tm-tagj{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--gris,#8b93a3);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:1px 6px;margin-left:6px;vertical-align:middle;text-decoration:none;line-height:1.5}
.so-nm .tm-tagj,.tm-tagj{-webkit-text-fill-color:currentColor;background-clip:border-box;-webkit-background-clip:border-box}.so-nm .tm-tagj{display:inline-block!important;width:auto!important;margin:0 0 0 6px!important;font-size:10px;padding:0 5px;vertical-align:1px}
.tm-tagj.coul{color:var(--c);border-color:color-mix(in srgb,var(--c) 50%,transparent);background:color-mix(in srgb,var(--c) 12%,transparent)}
a.tm-tagj:hover{border-color:rgba(232,163,61,.6);color:var(--ambre,#e8a33d)}
.tm-hero{position:relative;overflow:hidden;border-radius:24px;border:1px solid var(--trait);background:radial-gradient(70% 120% at 0% 0%,rgba(232,163,61,.16),transparent 60%),linear-gradient(160deg,#151922,#0d1015);padding:30px 32px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center;margin-top:10px}
.tm-hero::before{content:"";position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(circle at 12% 40%,#000,transparent 70%);mask-image:radial-gradient(circle at 12% 40%,#000,transparent 70%);pointer-events:none}
.tm-hero.ban{background:radial-gradient(60% 140% at 10% 0%,color-mix(in srgb,var(--c) 28%,transparent),transparent 62%),radial-gradient(50% 120% at 100% 100%,color-mix(in srgb,var(--c) 14%,transparent),transparent 60%),linear-gradient(160deg,#151922,#0d1015);border-color:color-mix(in srgb,var(--c) 35%,transparent)}
.tm-hero.ban::after{content:"";position:absolute;top:0;bottom:0;width:30%;left:-40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.06),transparent);transform:skewX(-18deg);animation:tmBan 7s ease-in-out infinite!important;pointer-events:none}
@keyframes tmBan{60%,100%{left:130%}}
.tm-emw{position:relative}.tm-emw .tm-em{filter:drop-shadow(0 14px 30px rgba(232,163,61,.28))}.tm-emw .tm-em.halo{filter:drop-shadow(0 0 16px color-mix(in srgb,var(--c) 60%,transparent)) drop-shadow(0 14px 30px rgba(0,0,0,.4))}
.tm-lv{position:absolute;right:-4px;bottom:6px;min-width:34px;height:34px;padding:0 6px;border-radius:11px;background:var(--ambre,#e8a33d);color:#14100a;font-weight:800;font-size:15px;display:grid;place-items:center;box-shadow:0 0 0 4px #10131a,0 8px 20px rgba(232,163,61,.4)}
.tm-hi{position:relative;min-width:0}.tm-hi h1{font-size:38px;line-height:1.05;margin:8px 0 10px;font-weight:800;display:flex;align-items:center;gap:14px;flex-wrap:wrap;overflow-wrap:anywhere}
.tm-desc{color:var(--gris,#9aa2b1);font-size:14.5px;line-height:1.6;max-width:560px;margin:0;overflow-wrap:anywhere}
.tm-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tm-meta span{font-size:12.5px;font-weight:600;color:#cfd5df;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:999px;padding:6px 12px}
.tm-act{display:flex;flex-direction:column;gap:10px;position:relative;min-width:210px}.tm-act .btn{justify-content:center}
.tm-act .btn[hidden]{display:none!important}
.tm-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 26px}
.tm-k{border-radius:18px;border:1px solid var(--trait);background:radial-gradient(120% 120% at 0 0,rgba(255,255,255,.04),transparent 60%),var(--carte);padding:18px 20px;display:flex;gap:14px;align-items:center}
.tm-k i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(232,163,61,.12);color:var(--ambre,#e8a33d);flex:none}.tm-k i .ico{width:21px;height:21px}
.tm-k b{display:block;font-size:24px;font-weight:800;line-height:1.1}.tm-k small{color:var(--gris);font-size:12.5px}
.tm-nv{padding:22px 24px;border-color:rgba(232,163,61,.22)!important;background:radial-gradient(60% 140% at 0 0,rgba(232,163,61,.13),transparent 60%),var(--carte)!important}
.tm-nv-h{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center}
.tm-nv-b{position:relative;width:76px;height:84px;display:grid;place-items:center}.tm-nv-b svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 10px 22px rgba(232,163,61,.35))}
.tm-nv-b b{position:relative;font-size:30px;font-weight:800;color:#14100a;line-height:1;margin-top:-6px}.tm-nv-b small{position:absolute;bottom:15px;font-size:9px;font-weight:800;letter-spacing:.1em;color:#3a2a10}
.tm-nv-i h3,.tm-carte h3{margin:0;font-size:19px;font-weight:800;text-transform:none;letter-spacing:0;color:var(--blanc,#fff)}.tm-nv-i p{margin:3px 0 10px;color:var(--gris);font-size:13px}
.tm-nv-bar{height:10px;border-radius:6px;background:rgba(255,255,255,.07);overflow:hidden}.tm-nv-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#9c6a1e,#e8a33d,#ffd27a);box-shadow:0 0 14px rgba(232,163,61,.45)}
.tm-nv-x{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:7px;font-size:12.5px;color:var(--gris)}.tm-nv-x b{color:var(--blanc,#fff)}
.tm-mult-t{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);margin-bottom:6px;text-align:right}
.tm-mult{display:flex;gap:6px}.tm-mult span{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);font-size:11px;color:var(--gris);min-width:52px}
.tm-mult span b{font-size:15px;color:var(--blanc,#fff)}.tm-mult span:last-child{border-color:rgba(232,163,61,.5);background:rgba(232,163,61,.1)}.tm-mult span:last-child b{color:var(--ambre,#e8a33d)}
.tm-av-l{display:flex;gap:10px;overflow-x:auto;margin-top:20px;padding:18px 2px 8px;border-top:1px solid rgba(255,255,255,.05);scrollbar-width:thin;scrollbar-color:#2a2f3a transparent;scroll-snap-type:x proximity}
.tm-avt{flex:none;width:124px;border-radius:14px;border:1px solid var(--trait);background:rgba(255,255,255,.015);padding:12px 10px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;scroll-snap-align:start}
.tm-avt em{font-style:normal;font-size:11px;font-weight:800;color:var(--gris)}.tm-avt.ok{border-color:rgba(232,163,61,.35);background:linear-gradient(180deg,rgba(232,163,61,.12),transparent)}.tm-avt.ok em{color:var(--ambre,#e8a33d)}
.tm-avt.pro{border-color:var(--ambre,#e8a33d);box-shadow:0 0 0 3px rgba(232,163,61,.12)}
.tm-avt i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.05);color:var(--gris)}.tm-avt.ok i{background:rgba(232,163,61,.15);color:var(--ambre,#e8a33d)}.tm-avt i .ico{width:17px;height:17px}
.tm-avt span{font-size:12px;line-height:1.35;color:#cfd5df;font-weight:600}.tm-avt:not(.ok) span{color:#7d8595}
.tm-h2{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 14px}.tm-h2 h2{margin:0}.tm-h2 span{color:var(--gris);font-size:13px}
.tm-roster{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.tm-j{position:relative;border-radius:18px;border:1px solid var(--trait);background:linear-gradient(180deg,#151922,#101318);padding:20px 14px 16px;text-align:center;overflow:hidden;min-width:0}
.tm-j.chef{padding-top:34px;border-color:rgba(232,163,61,.45);background:radial-gradient(90% 60% at 50% 0,rgba(232,163,61,.18),transparent 70%),linear-gradient(180deg,#171a22,#101318)}
.tm-avi{width:64px;height:64px;border-radius:18px;object-fit:cover;display:inline-grid;place-items:center;font-weight:800;font-size:24px;background:#222733;color:var(--blanc,#fff);box-shadow:0 0 0 2px #0e1117,0 0 0 3.5px rgba(255,255,255,.12)}
.tm-j.chef .tm-avi{box-shadow:0 0 0 2px #0e1117,0 0 0 3.5px var(--ambre,#e8a33d),0 0 22px rgba(232,163,61,.35)}
.tm-j b{display:block;margin-top:12px;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-j b a{color:inherit}.tm-j b a:hover{color:var(--ambre,#e8a33d)}
.tm-j small{display:block;color:var(--gris);font-size:12px;margin-top:2px}
.tm-role{position:absolute;top:10px;left:10px;display:inline-flex;gap:4px;align-items:center;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ambre,#e8a33d)}.tm-role .ico{width:13px;height:13px}
.tm-elo{display:inline-block;margin-top:10px;font-size:12px;font-weight:700;color:#cfd5df;background:rgba(255,255,255,.05);border-radius:8px;padding:3px 9px}
.tm-j.vide{display:grid;place-items:center;border-style:dashed;color:#6f7787;font-size:13px;font-weight:600;min-height:178px;background:transparent}.tm-j.vide .ico{width:22px;height:22px;display:block;margin:0 auto 8px}
.tm-remp{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tm-j.petit{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px}.tm-j.petit .tm-avi{width:40px;height:40px;border-radius:12px;font-size:16px;flex:none}.tm-j.petit b{margin:0;font-size:14px}.tm-j.petit>div{min-width:0}
.tm-j.petit.vide{min-height:66px;display:flex;justify-content:flex-start;padding:12px 18px}
.tm-cols{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}
.tm-carte{padding:20px 22px}.tm-carte h3{margin:0 0 10px;font-size:18px}.tm-carte h3+.tm-maps{margin-top:16px}
.tm-m{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.05)}.tm-carte h3+.tm-m{border-top:0}
.tm-m .r{width:6px;height:34px;border-radius:4px;background:#8b93a3}.tm-m .r.v{background:#43c977}.tm-m .r.d{background:#f0525a}
.tm-m b{font-size:14px}.tm-m small{display:block;color:var(--gris);font-size:12px}.tm-m .s{font-weight:800;font-size:16px;white-space:nowrap}.tm-m .s.v{color:#43c977}.tm-m .s.d{color:#f0525a}
.tm-vs{display:flex;align-items:center;gap:8px;color:var(--gris);font-size:12px;white-space:nowrap}
.tm-maps{display:flex;flex-direction:column;gap:12px}.tm-map{display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:center;font-size:13.5px}
.tm-bar{height:8px;border-radius:5px;background:rgba(255,255,255,.07);overflow:hidden}.tm-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#c27a1c,#f4b955)}
.tm-map span{color:var(--gris);font-size:12.5px;font-weight:600}
.tm-outils{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:18px 0 18px;flex-wrap:wrap}
.tm-rech{flex:1;max-width:420px;display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--trait);background:var(--carte)}
.tm-rech .ico{width:18px;height:18px;color:var(--gris)}.tm-rech input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--blanc,#fff);font:inherit;font-size:14px}
.tm-liste{display:flex;flex-direction:column;gap:10px}
.tm-li{display:grid;grid-template-columns:34px auto minmax(0,1fr) 80px 96px;gap:16px;align-items:center;padding:12px 18px;border-radius:16px;border:1px solid var(--trait);background:var(--carte);color:inherit;transition:border-color .2s,transform .2s}
.tm-li:hover{border-color:rgba(232,163,61,.45);transform:translateY(-2px)}.tm-li[hidden]{display:none}
.tm-rg{font-weight:800;color:var(--gris);text-align:center}.tm-li:nth-child(1) .tm-rg{color:var(--ambre,#e8a33d)}
.tm-li-n{min-width:0}.tm-li-n b{display:block;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-li-n small{color:var(--gris);font-size:12.5px}
.tm-li-s{text-align:center}.tm-li-s b{display:block;font-size:18px;font-weight:800}.tm-li-s small{color:var(--gris);font-size:11.5px}
.tm-vide{padding:30px;text-align:center}.tm-vide p{color:var(--gris);margin:0 0 16px}
.tm-es{padding:22px}
.tm-top{display:flex;gap:16px;align-items:center}.tm-top b{font-size:19px;font-weight:800;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tm-top small{color:var(--gris);font-size:12.5px}
.tm-pas{display:flex;margin:18px 0 14px;padding-left:4px}.tm-pa{width:38px;height:38px;border-radius:50%;object-fit:cover;margin-left:-8px;box-shadow:0 0 0 3px var(--carte,#12151c);display:grid;place-items:center;font-size:14px;font-weight:800;background:#222733;flex:none}.tm-pas .tm-pa:first-child{margin-left:0}
.tm-mini{display:flex;align-items:center;gap:12px;max-width:360px;margin-bottom:16px}.tm-mini span{font-size:12.5px;font-weight:700;color:var(--ambre,#e8a33d);white-space:nowrap}.tm-mini .tm-nv-bar{flex:1;height:7px}
.tm-ba{display:flex;gap:10px;flex-wrap:wrap}.tm-ba.centre{justify-content:center}
.tm-inv{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);margin-top:12px}
.tm-inv>div{flex:1;min-width:0}.tm-inv b{font-size:14px;display:block}.tm-inv small{display:block;color:var(--gris);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-inv .tm-pa{margin:0;box-shadow:none;border-radius:12px}
.tm-vide-e{text-align:center;padding:6px}.tm-vide-e .tm-em{margin:0 auto}.tm-vide-e p{color:var(--gris);font-size:13.5px;line-height:1.6;margin:12px auto 18px;max-width:520px}
/* fenêtres : création, gestion, invitations */
.tmm-ov{position:fixed;inset:0;z-index:210;background:rgba(6,8,12,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px;animation:tmOv .25s ease both!important}
@keyframes tmOv{from{opacity:0}}
.tmm{width:min(820px,100%);max-height:calc(100vh - 40px);border-radius:24px;border:1px solid rgba(255,255,255,.08);background:rgba(14,17,23,.94);box-shadow:0 40px 100px -30px rgba(0,0,0,.9);overflow:hidden;position:relative;display:grid;grid-template-columns:300px minmax(0,1fr);animation:tmIn .35s cubic-bezier(.2,1.2,.4,1) both!important}
.tmm.etroit{width:min(560px,100%);grid-template-columns:minmax(0,1fr)}
@keyframes tmIn{from{opacity:0;transform:translateY(14px) scale(.97)}}
.tmm::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--ambre,#e8a33d),transparent);z-index:2}
.tmm-vis{background:radial-gradient(90% 70% at 50% 30%,rgba(232,163,61,.2),transparent 65%),linear-gradient(160deg,#171b25,#0c0e13);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:30px;border-right:1px solid rgba(255,255,255,.05);text-align:center}
.tmm-vis .tm-em{filter:drop-shadow(0 14px 30px rgba(232,163,61,.3))}.tmm-vis b{font-size:20px;font-weight:800;overflow-wrap:anywhere}.tmm-vis small{color:var(--gris);font-size:12.5px}
.tmm-f{padding:28px 30px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;max-height:calc(100vh - 40px)}
.tmm-f h2{margin:0;font-size:24px;font-weight:800;padding-right:40px}.tmm-f>p{margin:-8px 0 0;color:var(--gris);font-size:13.5px}
.tmm-l{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:12px}
.tmm label,.tmm .tmm-lab{display:flex;flex-direction:column;gap:7px;font-size:12.5px;font-weight:600;color:var(--gris)}
.tmm input,.tmm textarea,.tmm select{font:inherit;font-size:14px;color:var(--blanc,#fff);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:11px 13px;outline:none;transition:border-color .2s,box-shadow .2s}
.tmm input:focus,.tmm textarea:focus,.tmm select:focus{border-color:rgba(232,163,61,.6);box-shadow:0 0 0 3px rgba(232,163,61,.12)}
.tmm input[name=tag]{text-transform:uppercase;letter-spacing:.1em;font-weight:700}.tmm textarea{resize:none;height:70px;font-weight:400}
.tmm select{padding:8px 10px;font-size:13px}.tmm select option{background:#14171e}
.tmm-ch{display:flex;gap:8px;flex-wrap:wrap}
.tmm-fo{position:relative;width:52px;height:52px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);display:grid;place-items:center;cursor:pointer;transition:border-color .2s,background .2s}
.tmm-fo:hover{border-color:rgba(232,163,61,.4)}.tmm-fo.on{border-color:var(--ambre,#e8a33d);background:rgba(232,163,61,.1)}
.tmm-ch:has(.tmm-co){gap:5px}.tmm-co{position:relative;width:28px;height:28px;border-radius:50%;background:linear-gradient(160deg,var(--a),var(--b));box-shadow:0 0 0 2px #0e1117,0 0 0 3px rgba(255,255,255,.1);cursor:pointer;border:0;padding:0;margin:3px}
.tmm-co.on{box-shadow:0 0 0 2px #0e1117,0 0 0 4px var(--ambre,#e8a33d)}
.tmm-fo.lock,.tmm-co.lock{cursor:not-allowed;opacity:.38}.tmm-fo.lock::after,.tmm-co.lock::after{content:attr(data-niv);position:absolute;right:-5px;bottom:-5px;font-size:9.5px;font-weight:800;color:#14100a;background:#8b93a3;border-radius:6px;padding:1px 4px;line-height:1.3}
.tmm-bas{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;flex-wrap:wrap}.tmm-bas .btn{margin-left:auto}.tmm-bas small{color:#7d8595;font-size:12px}
.tmm-x{position:absolute;top:14px;right:14px;z-index:3;width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--gris);display:grid;place-items:center;cursor:pointer}.tmm-x:hover{color:var(--blanc,#fff);border-color:rgba(255,255,255,.2)}.tmm-x .ico{width:16px;height:16px}
.tmm-msg{font-size:13px;font-weight:600;border-radius:10px;padding:9px 12px;background:rgba(240,82,90,.1);color:#ff8c92;border:1px solid rgba(240,82,90,.25)}.tmm-msg.ok{background:rgba(67,201,119,.1);color:#6fe09a;border-color:rgba(67,201,119,.25)}.tmm-msg[hidden]{display:none}
.tmm-st{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ambre,#e8a33d);margin:6px 0 -4px}
.tmm-mb{display:grid;grid-template-columns:auto minmax(0,1fr) auto 34px 34px;gap:10px;align-items:center;padding:10px 0;border-top:1px solid rgba(255,255,255,.05)}
.tmm-mb .tm-pa{margin:0;box-shadow:none;border-radius:11px}.tmm-mb b{font-size:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tmm-mb small{color:var(--gris);font-size:11.5px}
.tmm-mb .ico-b{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--gris);display:grid;place-items:center;cursor:pointer}.tmm-mb .ico-b:hover{color:var(--ambre,#e8a33d);border-color:rgba(232,163,61,.4)}.tmm-mb .ico-b .ico{width:16px;height:16px}
.tmm-mb .ico-b.dg:hover{color:#ff8c92;border-color:rgba(240,82,90,.4)}
.tmm-sel{display:flex;gap:6px}
.tmm-ami{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid rgba(255,255,255,.05)}.tmm-ami .tm-pa{margin:0;box-shadow:none;border-radius:11px}.tmm-ami b{flex:1;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tmm-inv-l{display:flex;gap:10px}.tmm-inv-l input{flex:1;min-width:0}
.tmm-dg{margin-top:6px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.tmm-dg small{color:var(--gris);font-size:12.5px;max-width:330px}
.btn.danger{background:transparent;border:1px solid rgba(240,82,90,.45);color:#ff8c92}.btn.danger:hover{background:rgba(240,82,90,.12)}
.tmm .switch{flex-direction:row;align-items:center;gap:10px;cursor:pointer;color:#cfd5df;font-size:13.5px}.tmm .switch input{width:18px;height:18px;accent-color:var(--ambre,#e8a33d);padding:0}
@media(max-width:1000px){.tm-roster{grid-template-columns:repeat(3,1fr)}.tm-remp{grid-template-columns:repeat(2,1fr)}.tm-nv-h{grid-template-columns:auto minmax(0,1fr)}.tm-nv-m{grid-column:1/-1}.tm-mult-t{text-align:left}}
@media(max-width:760px){.tm-hero{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center;padding:26px 20px}.tm-hi h1{justify-content:center;font-size:30px}.tm-meta{justify-content:center}.tm-desc{margin:0 auto}
.tm-act{flex-direction:row;flex-wrap:wrap;width:100%;min-width:0}.tm-act .btn{flex:1}
.tm-kpis{grid-template-columns:1fr 1fr}.tm-roster{grid-template-columns:1fr 1fr}.tm-roster .tm-j.chef{grid-column:1/-1}.tm-remp{grid-template-columns:1fr}.tm-cols{grid-template-columns:1fr}
.tm-mult{flex-wrap:wrap}.tm-mult span{flex:1;min-width:0}
.tm-li{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:12px 14px}.tm-rg,.tm-li-s:last-child{display:none}
.tmm{grid-template-columns:minmax(0,1fr)}.tmm-vis{flex-direction:row;padding:18px 20px;border-right:0;border-bottom:1px solid rgba(255,255,255,.05);justify-content:flex-start;text-align:left}.tmm-vis .tm-em{width:72px;height:72px}
.tmm-f{padding:22px 20px;max-height:none}.tmm{overflow-y:auto}.tmm-l{grid-template-columns:minmax(0,1fr) 100px}
.tmm-mb{grid-template-columns:auto minmax(0,1fr) auto;row-gap:8px}.tmm-mb .tmm-sel{grid-column:1/-1}}
@media(max-width:560px){.tm-m{grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px}span.tm-vs{display:none}a.tm-vs{font-size:0;gap:0}.tm-act .btn{white-space:nowrap;padding-left:12px;padding-right:12px}}
@media(max-width:460px){.tm-nv-h{grid-template-columns:minmax(0,1fr)}.tm-nv-b{margin:0 auto}.tm-nv-i{text-align:center}.tm-nv-x{justify-content:center}
.tm-j.petit.vide{justify-content:center}.tm-inv{flex-wrap:wrap}.tm-inv>div{flex-basis:calc(100% - 60px)}.tm-inv .btn{flex:1}}

@keyframes rcOv{from{opacity:0}}@keyframes rcIn{from{opacity:0;transform:translateY(14px) scale(.97)}}@keyframes rcLigne{from{opacity:0;transform:translateY(6px)}}
.rc-ov{position:fixed;inset:0;z-index:215;background:rgba(6,8,12,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px;font-family:Poppins,sans-serif;color:#e9ecf2;animation:rcOv .25s ease both!important}
.rc-ov.fin{opacity:0;transition:opacity .2s}
.rc{width:min(860px,100%);max-height:calc(100vh - 40px);overflow-y:auto;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:rgba(14,17,23,.95);box-shadow:0 40px 100px -30px rgba(0,0,0,.9);position:relative;animation:rcIn .35s cubic-bezier(.2,1.2,.4,1) both!important}
.rc::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#e8a33d,transparent)}
.rc-h{display:flex;align-items:center;gap:18px;padding:24px 70px 20px 28px;border-bottom:1px solid rgba(255,255,255,.05)}
.rc-h h2{margin:0;font-size:22px;font-weight:800}
.rc-res{min-width:78px;height:62px;padding:0 8px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:none}
.rc-res b{font-size:11.5px;font-weight:800;letter-spacing:.08em}.rc-res small{font-size:16px;font-weight:800;color:#e9ecf2}
.rc-res.v{background:linear-gradient(145deg,rgba(67,201,119,.25),rgba(67,201,119,.06));border:1px solid rgba(67,201,119,.35);color:#5fe08f}
.rc-res.d{background:linear-gradient(145deg,rgba(240,82,90,.22),rgba(240,82,90,.05));border:1px solid rgba(240,82,90,.35);color:#ff8c92}
.rc-res.n{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);color:#cfd5df}
.rc-h:has(.rc-res.v){background:radial-gradient(60% 140% at 0 0,rgba(67,201,119,.12),transparent 60%)}.rc-h:has(.rc-res.d){background:radial-gradient(60% 140% at 0 0,rgba(240,82,90,.1),transparent 60%)}
.rc-x{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#8b93a3;display:grid;place-items:center;cursor:pointer}.rc-x:hover{color:#fff}.rc-x svg{width:16px;height:16px}
.rc-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:22px 28px}
.rc-j{border-radius:18px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#151922,#101318);padding:18px 12px 12px;text-align:center;transition:border-color .25s,background .25s;min-width:0}
.rc-j.fait{border-color:rgba(232,163,61,.45);background:radial-gradient(90% 60% at 50% 0,rgba(232,163,61,.14),transparent 70%),linear-gradient(180deg,#171a22,#101318)}
.rc-j.envoye{opacity:.7}
.rc-av{width:58px;height:58px;border-radius:17px;display:inline-grid;place-items:center;font-weight:800;font-size:22px;color:#14100a;background:linear-gradient(160deg,var(--c),#2a2f3a);box-shadow:0 0 0 2px #0e1117,0 0 0 3.5px rgba(255,255,255,.12);position:relative;transition:box-shadow .25s}
.rc-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.rc-j.fait .rc-av{box-shadow:0 0 0 2px #0e1117,0 0 0 3.5px #e8a33d}
.rc-ok{position:absolute;right:-6px;bottom:-6px;width:22px;height:22px;border-radius:50%;background:#e8a33d;color:#14100a;display:grid;place-items:center;box-shadow:0 0 0 3px #12151c;z-index:1;animation:rcOk .3s cubic-bezier(.3,1.6,.5,1) both!important}
@keyframes rcOk{from{transform:scale(0)}}
.rc-ok svg{width:13px;height:13px;stroke-width:3}
.rc-ji b{display:block;margin-top:10px;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-ji small{display:block;color:#8b93a3;font-size:11.5px;margin:1px 0 12px}
.rc-q{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.rc-q button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:11px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);color:#8b93a3;font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.rc-q button:hover:not(:disabled){border-color:color-mix(in srgb,var(--q) 50%,transparent);color:#cfd5df}
.rc-q button svg{width:18px;height:18px}
.rc-q button.on{border-color:var(--q);background:color-mix(in srgb,var(--q) 14%,transparent);color:var(--q)}
.rc-q button:disabled{cursor:default}.rc-q button:disabled:not(.on){opacity:.35}
.rc-b{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 28px 22px;border-top:1px solid rgba(255,255,255,.05);min-height:44px}
.rc-b small{color:#7d8595;font-size:12.5px;display:flex;align-items:center;gap:8px}.rc-b small svg{width:15px;height:15px;flex:none}
.rc-b>div{display:flex;gap:10px}
.rc-btn{height:44px;padding:0 20px;border-radius:12px;font:inherit;font-weight:700;font-size:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#e9ecf2;cursor:pointer;transition:filter .2s,opacity .2s}
.rc-btn.p{background:#e8a33d;border-color:#e8a33d;color:#14100a}.rc-btn.p:hover{filter:brightness(1.07)}.rc-btn:disabled{opacity:.45;cursor:default;filter:none}
.rc-merci{display:flex;align-items:center;gap:8px;margin-left:auto;color:#5fe08f;font-weight:700;font-size:14px;animation:rcLigne .3s both}.rc-merci svg{width:18px;height:18px}
/* fiche de fin de match */
.rc.large{width:min(960px,100%)}.rc.sans-entree{animation:none!important}
.rc-corps{animation:rcLigne .3s ease both!important}
.rc-h>div h2{margin:0;font-size:22px;font-weight:800}.rc-h>div p{margin:2px 0 0;color:#8b93a3;font-size:13px}
.fm-g{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px;padding:20px 26px}
.fm-c{border-radius:18px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#151922,#101318);padding:18px;min-width:0}
.fm-t{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8b93a3;margin-bottom:12px;display:flex;justify-content:space-between;gap:10px}
.fm-t em{font-style:normal;color:#e8a33d;letter-spacing:.06em}
.fm-perf{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center}
.fm-note{width:96px;height:96px;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,rgba(255,226,160,.3),transparent 60%),linear-gradient(145deg,#e8a33d,#9c6a1e);color:#1a1206;box-shadow:0 14px 30px -12px rgba(232,163,61,.6)}
.fm-note b{font-size:30px;font-weight:800;line-height:1}.fm-note small{font-size:10px;font-weight:800;letter-spacing:.08em;margin-top:4px}
.fm-k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.fm-k div{border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);padding:9px 10px;min-width:0}
.fm-k b{display:block;font-size:16px;font-weight:800;white-space:nowrap}.fm-k small{font-size:11px;color:#8b93a3;white-space:nowrap}
.fm-vide{color:#8b93a3;font-size:13px;margin:0}
.fm-elo{display:flex;align-items:center;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.05)}
.fm-rang{width:64px;flex:none;display:grid;place-items:center}.fm-rang>svg{width:64px;height:auto;display:block}
.fm-elo .i{flex:1;min-width:0}.fm-elo .i b{font-size:15px}.fm-elo .i b em{font-style:normal;margin-left:6px;color:#cfd5df}.fm-elo .i b em.plus{color:#5fe08f}.fm-elo .i b em.moins{color:#ff8c92}
.fm-bar{height:7px;border-radius:5px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:7px}.fm-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#9c6a1e,#e8a33d,#ffd27a)}
.fm-elo small{display:block;color:#8b93a3;font-size:11.5px;margin-top:5px}
.fm-plac{display:flex;gap:5px;flex:none}.fm-plac i{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.fm-plac i.on{background:#e8a33d;border-color:#e8a33d;box-shadow:0 0 8px rgba(232,163,61,.5)}
.fm-gl{display:flex;flex-direction:column;gap:8px}
.fm-gi{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);animation:rcLigne .35s ease both!important}
.fm-gi:nth-child(2){animation-delay:.05s!important}.fm-gi:nth-child(3){animation-delay:.1s!important}.fm-gi:nth-child(4){animation-delay:.15s!important}.fm-gi:nth-child(5){animation-delay:.2s!important}
.fm-gi>i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(232,163,61,.12);color:#e8a33d}.fm-gi>i>svg{width:19px;height:19px}
.fm-gi>i.fc>svg{width:22px;height:22px}.fm-gi>i.md,.fm-gi>i.rg{background:none}.fm-gi>i.md>svg{width:34px;height:auto}.fm-gi>i.rg>svg{width:40px;height:auto}
.fm-gi b{font-size:13.5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fm-gi small{font-size:11.5px;color:#8b93a3;display:block}
.fm-gi strong{font-size:14px;color:#5fe08f;white-space:nowrap}.fm-gi strong.t-bronze{color:#d89a6a}.fm-gi strong.t-argent{color:#c9d2dc}.fm-gi strong.t-or{color:#f2c14e}.fm-gi strong.t-fanal{color:#e8a33d}
.fm-gi.or{border-color:rgba(232,163,61,.3);background:linear-gradient(90deg,rgba(232,163,61,.1),transparent)}
.fm-mini{display:block;height:4px;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:5px;max-width:170px}.fm-mini i{display:block;height:100%;background:#e8a33d}
.fm-plus{margin:2px 4px 0;color:#8b93a3;font-size:12px}
.rc-liens{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.rc-lien.rv{color:#e8a33d;border-color:rgba(232,163,61,.45)}.rc-lien{color:#cfd5df;font-size:13.5px;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:1px;transition:color .2s,border-color .2s}.rc-lien:hover{color:#e8a33d;border-color:rgba(232,163,61,.6)}
.rc-etp{display:flex;gap:6px}.rc-etp button{width:22px;height:6px;border-radius:4px;border:0;padding:0;background:#2a2f3a;cursor:pointer;transition:background .2s,width .2s}.rc-etp button.on{background:#e8a33d;width:30px}
.rc-e-a{display:flex;gap:8px;flex:none}
/* Mon espace : à recommander */
.rc-es{padding:18px 20px;border-color:rgba(232,163,61,.3)!important;background:radial-gradient(60% 140% at 0 0,rgba(232,163,61,.12),transparent 60%),var(--carte)!important}
.rc-es-t{margin-bottom:6px}.rc-es-t b{display:block;font-size:16px}.rc-es-t small{color:var(--gris);font-size:12.5px}
.rc-e{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.05)}.rc-es-t+.rc-e{border-top:0}
.rc-e-r{min-width:64px;text-align:center;font-weight:800;font-size:14px;padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.04)}.rc-e-r.v{color:#5fe08f;background:rgba(67,201,119,.1)}.rc-e-r.d{color:#ff8c92;background:rgba(240,82,90,.1)}
.rc-e-i{flex:1;min-width:0}.rc-e-i b{display:block;font-size:14px}.rc-e-i small{color:var(--gris);font-size:12px}
.rc-e .tm-pas{margin:0}
/* réputation */
.rp-c{padding:24px;display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:center;background:radial-gradient(70% 120% at 0 0,rgba(232,163,61,.1),transparent 60%),var(--carte)!important}
.rp-n{display:flex;align-items:center;gap:16px}
.rp-anneau{width:92px;height:92px;position:relative;flex:none}.rp-anneau svg{width:100%;height:100%;transform:rotate(-90deg)}
.rp-anneau b{position:absolute;inset:0;display:grid;place-items:center;font-size:26px;font-weight:800}
.rp-n strong{display:block;font-size:17px}.rp-n small{display:block;color:var(--gris);font-size:12.5px;margin-top:2px}.rp-n em{font-style:normal;color:var(--ambre,#e8a33d);font-weight:700}
.rp-q{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.rp-i{border-radius:16px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);padding:14px;display:flex;flex-direction:column;gap:8px}
.rp-i>i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--q) 14%,transparent);color:var(--q)}.rp-i>i svg{width:19px;height:19px}
.rp-i b{font-size:22px;font-weight:800;line-height:1}.rp-i span{font-size:12.5px;color:var(--gris)}
.rp-bar{height:4px;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden}.rp-bar i{display:block;height:100%;border-radius:3px;background:var(--q)}
@media(max-width:900px){.rp-c{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.rc-ov{padding:10px;align-items:end}.rc{max-height:calc(100vh - 20px);border-radius:22px}
.rc-h{padding:18px 60px 14px 18px;gap:12px}.rc-h h2{font-size:18px}.rc-res{min-width:64px;height:52px;border-radius:14px}.rc-res small{font-size:14px}
.rc-g{grid-template-columns:minmax(0,1fr);gap:8px;padding:14px 16px}
.rc-j{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:center;text-align:left;padding:10px 12px}
.rc-av{width:42px;height:42px;border-radius:13px;font-size:17px;grid-row:span 2}.rc-ji b{margin:0}.rc-ji small{margin:0}
.rc-q{grid-template-columns:repeat(4,minmax(0,1fr));grid-column:1/-1;margin-top:6px}.rc-q button{padding:7px 2px;font-size:10px}.rc-q button span{display:block;white-space:nowrap}
.rc-b{flex-direction:column;align-items:stretch;padding:12px 16px 16px}.rc-b small{justify-content:center}.rc-b>div{width:100%}.rc-b .rc-btn{flex:1;padding:0 10px}
.rp-q{grid-template-columns:1fr 1fr}.rc-e{flex-wrap:wrap}.rc-e .tm-pas{display:none}.rc-e-a{width:100%}.rc-e-a .btn{flex:1;justify-content:center}
.fm-g{grid-template-columns:minmax(0,1fr);padding:14px 16px}.fm-perf{grid-template-columns:minmax(0,1fr)}.fm-note{width:100%;height:auto;flex-direction:row;gap:10px;padding:12px}
.rc-h>div h2{font-size:18px}.rc-etp{display:none}.rc-lien{text-align:center;border:0}}

.sr-c{margin-bottom:18px;padding:22px 24px}
.sr-g{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;position:relative}
.sr-n{width:112px;height:112px;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:rgba(255,255,255,.03);border:1px solid var(--trait);color:var(--gris)}
.sr-n i{width:30px;height:30px;display:grid;place-items:center}.sr-n i .ico{width:26px;height:26px}
.sr-n b{font-size:34px;line-height:1;font-weight:800;color:var(--blanc,#fff)}.sr-n small{font-size:11.5px;font-weight:600}
.sr-n.vif{background:radial-gradient(circle at 50% 20%,rgba(255,138,61,.28),transparent 70%),rgba(255,138,61,.06);border-color:rgba(255,138,61,.4);color:#ffb37a}
.sr-n.vif i{color:#ff8a3d;filter:drop-shadow(0 0 8px rgba(255,138,61,.7));animation:srFl 2.4s ease-in-out infinite!important}
@keyframes srFl{50%{transform:scale(1.08) translateY(-1px)}}
.sr-i>b{font-size:17px}.sr-i p{margin:4px 0 12px;color:var(--gris);font-size:13px;line-height:1.55;max-width:520px}
.sr-bar{height:8px;border-radius:5px;background:rgba(255,255,255,.07);overflow:hidden}.sr-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#c25a1c,#ff8a3d,#ffc27a)}
.sr-x{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:7px;font-size:12.5px;color:var(--gris)}.sr-x b{color:var(--blanc,#fff)}
.sr-ps{display:grid;grid-template-columns:repeat(2,64px);gap:8px}
.sr-p{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;border-radius:12px;border:1px solid var(--trait);background:rgba(255,255,255,.02)}
.sr-p b{font-size:13px}.sr-p small{font-size:11px;color:var(--gris);font-weight:700}
.sr-p.ok{border-color:rgba(255,138,61,.45);background:rgba(255,138,61,.1)}.sr-p.ok small{color:#ffb37a}
.sr-p.suiv{border-color:var(--ambre,#e8a33d);box-shadow:0 0 0 3px rgba(232,163,61,.12)}
@media(max-width:860px){.sr-g{grid-template-columns:auto minmax(0,1fr)}.sr-ps{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:520px){.sr-g{grid-template-columns:minmax(0,1fr);justify-items:stretch}.sr-n{width:100%;height:auto;flex-direction:row;gap:10px;padding:14px}.sr-n b{font-size:28px}}

.ps-t:not(.ok) svg,.tm-avt:not(.ok) i svg{filter:grayscale(1) brightness(.75);opacity:.6}

.rs{padding-top:54px}.rs-g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}
.rs-p{position:relative;overflow:hidden;padding:18px 14px 14px;border-radius:16px;background:linear-gradient(160deg,#181c25,#12151c);border:1px solid var(--trait);display:flex;flex-direction:column;align-items:center;text-align:center}
.rs-p:before{content:"";position:absolute;inset:0;background:radial-gradient(90% 55% at 50% 0,var(--rl),transparent 70%);pointer-events:none}
.rs-champion{--rl:rgba(245,196,81,.28);border-color:rgba(245,196,81,.4)}.rs-podium{--rl:rgba(200,210,225,.18)}.rs-top10{--rl:rgba(79,157,255,.22)}.rs-haut{--rl:rgba(140,107,255,.2)}.rs-classe{--rl:rgba(232,163,61,.14)}
.rs-v{position:relative;height:86px;display:grid;place-items:center}.rs-v .dce{font-size:72px;line-height:1}.rs-v .dce::after{margin:0;vertical-align:0}.rs-v .bq-fx{width:50px;height:70px}
.rs-p b{position:relative;font-size:15px;margin-top:4px}.rs-p small{position:relative;color:var(--gris);font-size:12px;margin:2px 0 12px}
.rs-p ul{position:relative;list-style:none;margin:auto 0 0;padding:0;width:100%;display:flex;flex-direction:column;gap:5px}
.rs-p li{font-size:12px;padding:6px 9px;border-radius:9px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);text-align:left;display:flex;align-items:center;gap:7px}
.rs-p li:before{content:"";width:6px;height:6px;border-radius:2px;flex:none;background:var(--ambre)}
.rs-p li.r-commun:before{background:#9aa3b2}.rs-p li.r-rare:before{background:#4f9dff}.rs-p li.r-epique:before{background:#a56bff}.rs-p li.r-legendaire:before{background:#f5b13d}.rs-p li.r-mythique:before{background:#ff4f7b}
.rs-p li.rs-c{color:var(--ambre);font-weight:700}
@media(max-width:1100px){.rs-g{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.rs-g{grid-template-columns:repeat(2,minmax(0,1fr))}.rs-champion{grid-column:1/-1}}

.mf-g{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}
.mf-l{display:flex;flex-direction:column;gap:10px;min-width:0}
.mf-i{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:center;padding:15px 16px;border-radius:14px;border:1px solid var(--trait);background:var(--carte);transition:border-color .2s,background .2s,transform .2s}
.mf-i:hover{border-color:#3a4252;transform:translateY(-1px)}.mf-i:focus-visible{outline:2px solid var(--ambre);outline-offset:2px}
.mf-i.on{border-color:rgba(232,163,61,.55);background:linear-gradient(90deg,rgba(232,163,61,.09),transparent 70%),var(--carte);box-shadow:inset 3px 0 0 var(--ambre)}
.mf-i .mf-tg{grid-row:span 2}
.mf-i b{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mf-i small{color:var(--gris);font-size:12.5px}
.mf-tg{flex:none;min-width:58px;text-align:center;padding:6px 9px;border-radius:9px;font-size:11.5px;font-weight:700;letter-spacing:.05em;line-height:1.3}
.mf-tg.ace{background:rgba(232,163,61,.16);color:var(--ambre);border:1px solid rgba(232,163,61,.4)}
.mf-tg.cl{background:rgba(164,108,242,.14);color:#c4a2f7;border:1px solid rgba(164,108,242,.4)}
.mf-tg.k4{background:rgba(77,143,232,.14);color:#8fb6f0;border:1px solid rgba(77,143,232,.4)}
.mf-tg.k3{background:rgba(61,214,140,.12);color:#7fe0b0;border:1px solid rgba(61,214,140,.35)}
.mf-rp{padding:18px;min-width:0;outline:none}
.mf-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.mf-qui{display:flex;align-items:center;gap:12px;min-width:0}.mf-qui>div{min-width:0}
.mf-nom{display:block;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mf-sous{display:block;color:var(--gris);font-size:13px}
.mf-vs{flex:none;display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}
.mf-vs .t{color:#e0573f}.mf-vs .ct{color:#4a9eff}.mf-vs i{font-style:normal;color:var(--gris2);font-weight:500;font-size:12px}
.mf-c{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}
.mf-rd{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#0a0c10;border:1px solid var(--trait)}
.mf-rd.neutre{background-color:#0a0c10;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:6.25% 6.25%}
.mf-rd img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8;filter:saturate(.75) brightness(.9)}
.mf-rd svg{position:absolute;inset:0;width:100%;height:100%}
.mf-rd text{font-family:Poppins,sans-serif}
.mf-fd{display:flex;flex-direction:column;min-width:0}
.mf-fd h4{font-size:12px;font-weight:600;color:var(--gris2);letter-spacing:.08em;text-transform:uppercase;margin:2px 0 10px}
.mf-kl{display:flex;flex-direction:column;gap:6px}
.mf-ki{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:10px;background:var(--carte2);border:1px solid transparent;font-size:12.5px;opacity:.38;transition:opacity .3s,border-color .3s}
.mf-ki.vu{opacity:1}.mf-ki.moi{border-color:rgba(232,163,61,.45);background:linear-gradient(90deg,rgba(232,163,61,.1),transparent),var(--carte2)}
.mf-ki .n{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:96px}.mf-ki .n.t{color:#f08a76}.mf-ki .n.ct{color:#7fb9ff}
.mf-ki .w{color:var(--gris);font-size:11.5px;white-space:nowrap;flex:none}.mf-ki .hs{width:13px;height:13px;color:var(--ambre);flex:none}
.mf-ki .tm{margin-left:auto;color:var(--gris2);font-size:11px;font-variant-numeric:tabular-nums;flex:none}
.mf-ki.bm{color:var(--gris)}.mf-ki.bm svg{width:14px;height:14px;color:#e0573f;flex:none}
.mf-ct{display:flex;align-items:center;gap:14px;margin-top:14px}
.mf-pl{all:unset;cursor:pointer;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--ambre);color:#1a1205;flex:none;transition:transform .15s}
.mf-pl:hover{transform:scale(1.06)}.mf-pl:focus-visible{outline:2px solid var(--blanc);outline-offset:3px}.mf-pl svg{width:18px;height:18px}
.mf-tl{position:relative;flex:1;height:34px;cursor:pointer;touch-action:none;outline:none}
.mf-tl:focus-visible .mf-cu{box-shadow:0 0 0 4px rgba(232,163,61,.55)}
.mf-rl{position:absolute;left:0;right:0;top:15px;height:4px;border-radius:4px;background:var(--carte2)}
.mf-av{position:absolute;left:0;top:15px;width:0;height:4px;border-radius:4px;background:var(--ambre)}
.mf-mk span{position:absolute;top:9px;width:3px;height:16px;border-radius:2px;background:#4a5262;transform:translateX(-50%)}
.mf-mk span.moi{background:var(--ambre)}
.mf-cu{position:absolute;top:10px;left:0;width:14px;height:14px;border-radius:50%;background:var(--blanc);transform:translateX(-50%);box-shadow:0 0 0 4px rgba(232,163,61,.25)}
.mf-tm{font-size:12.5px;color:var(--gris);font-variant-numeric:tabular-nums;min-width:82px;text-align:right}
.mf-vt{display:flex;background:var(--carte2);border-radius:10px;padding:3px;flex:none}
.mf-vt button{all:unset;cursor:pointer;padding:5px 9px;border-radius:7px;font-size:12px;font-weight:600;color:var(--gris)}
.mf-vt button.on{background:#2c3340;color:var(--blanc)}.mf-vt button:focus-visible{outline:2px solid var(--ambre)}
.mf-lg{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px;font-size:12px;color:var(--gris)}.mf-lg span{display:flex;align-items:center;gap:6px}
.mf-lg i{width:10px;height:10px;border-radius:50%;display:inline-block}.mf-lg i.t{background:#e0573f}.mf-lg i.ct{background:#4a9eff}
.mf-lg i.moi{box-shadow:0 0 0 2px var(--ambre)}.mf-lg i.bas{background:#8a93a3;opacity:.5}
.mf-pj{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mf-pc{padding:16px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}
.mf-pc:hover{border-color:rgba(232,163,61,.45);transform:translateY(-2px)}
.mf-mini{position:relative;aspect-ratio:16/9;border-radius:11px;overflow:hidden;background:#0a0c10}
.mf-mini>svg{position:absolute;inset:0;width:100%;height:100%}
.mf-mini::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(10,12,16,.85))}
.mf-mini .mf-tg{position:absolute;left:10px;bottom:10px;z-index:1;backdrop-filter:blur(6px)}
.mf-pv{position:absolute;right:10px;bottom:10px;z-index:1;width:30px;height:30px;border-radius:50%;background:rgba(232,163,61,.92);color:#1a1205;display:grid;place-items:center}
.mf-pv svg{width:13px;height:13px}
.mf-pc b{font-size:14.5px;font-weight:600}.mf-pc small{color:var(--gris);font-size:12.5px;display:block;margin-top:2px}
@media (max-width:1000px){.mf-c{grid-template-columns:minmax(0,1fr) 250px}}
@media (max-width:900px){.mf-g{grid-template-columns:1fr}.mf-l{flex-direction:row;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.mf-i{min-width:250px}
.mf-c{grid-template-columns:1fr}.mf-pj{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.mf-rp{display:flex;flex-direction:column}.mf-c{display:contents}.mf-h{order:0}.mf-rd{order:1}.mf-ct{order:2}.mf-lg{order:3}
.mf-fd{order:4;margin-top:18px}.mf-rd{width:100%;max-width:560px;align-self:center}.mf-ki .n{max-width:38%}}
@media (max-width:600px){.mf-rp{padding:12px}.mf-vs{font-size:14px}.mf-pj{grid-template-columns:1fr}
.mf-ki .n{max-width:120px}.mf-ct{flex-wrap:wrap;gap:6px 12px}.mf-tl{flex:1 1 calc(100% - 56px)}.mf-tm{order:3;min-width:0;text-align:left;margin:0 auto 0 54px}.mf-vt{order:4}}
.mf-err .mf-ct{opacity:.4;pointer-events:none}


/* revoir le match : tous les rounds vus du dessus */
.rp-rds{display:flex;gap:4px;align-items:stretch;margin:4px 0 16px;overflow-x:auto;padding:9px 2px 4px;scrollbar-width:thin}
.rp-r{all:unset;box-sizing:border-box;cursor:pointer;flex:1 0 34px;min-width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-size:11.5px;font-weight:600;
 color:var(--gris);background:rgba(255,255,255,.04);border:1px solid var(--trait);position:relative;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}
.rp-r:hover{transform:translateY(-2px)}.rp-r:focus-visible{outline:2px solid var(--ambre);outline-offset:2px}
.rp-r.ct{background:rgba(74,158,255,.13);border-color:rgba(74,158,255,.35);color:#9cc9ff}.rp-r.t{background:rgba(224,87,63,.13);border-color:rgba(224,87,63,.38);color:#f4a493}
.rp-r.on{box-shadow:0 0 0 2px var(--ambre);color:#fff;transform:translateY(-2px)}
.rp-r i{position:absolute;top:-6px;right:-4px;width:12px;height:12px;border-radius:50%;background:var(--ambre);box-shadow:0 0 0 2px #0d1016}
.rp-mi{flex:none;width:10px;display:flex;align-items:center;justify-content:center}.rp-mi:before{content:"";width:2px;height:22px;border-radius:2px;background:var(--trait)}
.rp-g{display:grid;grid-template-columns:250px minmax(0,1fr) 290px;gap:16px;align-items:start}
.rp-eqs{display:flex;flex-direction:column;gap:14px}
.rp .carte{background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),var(--carte);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.rp-eq{padding:14px}.rp-eq h4{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px}
.rp-eq h4 span{color:var(--gris);font-weight:600}.rp-eq.ct h4{color:#7fb9ff}.rp-eq.t h4{color:#f08a76}
.rp-j{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:11px;font-size:13px;transition:background .2s,opacity .35s,box-shadow .2s}
.rp-j:hover{background:rgba(255,255,255,.04)}.rp-j:focus-visible{outline:2px solid var(--ambre)}
.rp-j .av{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;flex:none;background:#2a303c;color:#dfe3ea}
.rp-j .nj{flex:1;min-width:0}.rp-j b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-j small{display:block;font-size:11px;color:var(--gris);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-j .hp{width:46px;height:5px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;flex:none}.rp-j .hp i{display:block;height:100%;background:#43c977;transition:width .25s}
.rp-j.bas .hp i{background:#e8a33d}.rp-j.mort{opacity:.38}.rp-j.su{background:rgba(232,163,61,.1);box-shadow:inset 0 0 0 1px rgba(232,163,61,.45)}
.rp-m{min-width:0}
.rp-rd{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#0a0c10;border:1px solid var(--trait)}
.rp-rd.neutre{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:6.25% 6.25%}
.rp-rd img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8;filter:saturate(.75) brightness(.9)}
.rp-rd svg{position:absolute;inset:0;width:100%;height:100%;transition:opacity .3s ease}.rp-rd.change svg{opacity:0}
.rp-rd text{font-family:Poppins,sans-serif}
.rp-ch{position:absolute;inset:0;display:grid;place-items:center;background:rgba(10,12,16,.45);opacity:0;pointer-events:none;transition:opacity .25s}.rp-rd.charge .rp-ch{opacity:1}
.rp-ct{display:flex;align-items:center;gap:14px;margin-top:14px}
.rp-pl{all:unset;cursor:pointer;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ambre);color:#1a1205;flex:none;transition:transform .15s,filter .15s;box-shadow:0 8px 22px -10px rgba(232,163,61,.8)}
.rp-pl:hover{transform:scale(1.06)}.rp-pl:focus-visible{outline:2px solid var(--blanc);outline-offset:3px}.rp-pl svg{width:18px;height:18px}
.rp-tl{position:relative;flex:1;height:34px;cursor:pointer;touch-action:none;outline:none}.rp-tl:focus-visible .rp-cu{box-shadow:0 0 0 4px rgba(232,163,61,.55)}
.rp-rl{position:absolute;left:0;right:0;top:15px;height:4px;border-radius:4px;background:var(--carte2)}
.rp-av{position:absolute;left:0;top:15px;width:0;height:4px;border-radius:4px;background:var(--ambre)}
.rp-mk span{position:absolute;top:9px;width:3px;height:16px;border-radius:2px;background:#4a5262;transform:translateX(-50%)}
.rp-mk span.su{background:var(--ambre)}.rp-mk span.bo{background:#ff5a4f}
.rp-cu{position:absolute;top:10px;left:0;width:14px;height:14px;border-radius:50%;background:var(--blanc);transform:translateX(-50%);box-shadow:0 0 0 4px rgba(232,163,61,.25)}
.rp-tm{font-size:12.5px;color:var(--gris);font-variant-numeric:tabular-nums;min-width:82px;text-align:right}
.rp-vt{display:flex;background:var(--carte2);border-radius:10px;padding:3px;flex:none}
.rp-vt button{all:unset;cursor:pointer;padding:5px 8px;border-radius:7px;font-size:12px;font-weight:600;color:var(--gris);transition:background .2s,color .2s}
.rp-vt button.on{background:#2c3340;color:var(--blanc)}.rp-vt button:focus-visible{outline:2px solid var(--ambre)}
.rp-lg{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px;font-size:12px;color:var(--gris)}.rp-lg span{display:flex;align-items:center;gap:6px}
.rp-lg i{width:10px;height:10px;border-radius:50%;display:inline-block}.rp-lg i.t{background:#e0573f}.rp-lg i.ct{background:#4a9eff}
.rp-lg i.sm{background:#d9dee7}.rp-lg i.mo{background:#ff7a2e}.rp-lg i.fl{background:#fff;box-shadow:0 0 6px #fff}.rp-lg i.bo{background:#ff4f4f;border-radius:3px}
.rp-lg i.su{box-shadow:0 0 0 2px var(--ambre)}.rp-lg i.bas{background:#8a93a3;opacity:.5}
.rp-d{display:flex;flex-direction:column;gap:14px;min-width:0}
.rp-kf{padding:14px}.rp-kh{font-size:12px;font-weight:600;color:var(--gris2);letter-spacing:.08em;text-transform:uppercase;margin:2px 0 10px}
.rp-kl{display:flex;flex-direction:column;gap:6px;max-height:330px;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}
.rp-ki{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:10px;background:var(--carte2);border:1px solid transparent;font-size:12.5px;opacity:.32;transform:translateX(6px);transition:opacity .35s,transform .35s,border-color .3s}
.rp-ki.vu{opacity:1;transform:none}.rp-ki.su{border-color:rgba(232,163,61,.45);background:linear-gradient(90deg,rgba(232,163,61,.1),transparent),var(--carte2)}
.rp-ki .n{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.rp-ki .n.t{color:#f08a76}.rp-ki .n.ct{color:#7fb9ff}
.rp-ki .w{color:var(--gris);font-size:11.5px;white-space:nowrap;flex:none}.rp-ki .hs{width:13px;height:13px;color:var(--ambre);flex:none}
.rp-ki .tm{margin-left:auto;color:var(--gris2);font-size:11px;font-variant-numeric:tabular-nums;flex:none}
.rp-ki.bm{color:var(--gris)}.rp-ki.bm svg{width:14px;height:14px;color:#ff5a4f;flex:none}
.rp-cs2{padding:14px;border-radius:16px;background:rgba(232,163,61,.07);border:1px solid rgba(232,163,61,.28)}
.rp-cs2 b{display:block;font-size:13.5px}.rp-cs2 small{display:block;font-size:11.5px;color:var(--gris);margin:3px 0 10px;line-height:1.5}
.rp-cs2-l{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.rp-cp{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:10px;background:rgba(13,16,22,.6);border:1px solid rgba(255,255,255,.07);font-size:12px;transition:border-color .2s}
.rp-cp:hover{border-color:rgba(232,163,61,.5)}.rp-cp:focus-visible{outline:2px solid var(--ambre)}
.rp-cp svg{width:14px;height:14px;color:var(--ambre);flex:none}.rp-cp code{flex:1;min-width:0;font-family:inherit;color:#c5cad3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-cp em{font-style:normal;font-size:11px;font-weight:700;color:var(--ambre);letter-spacing:.05em;flex:none}.rp-cp.ok{border-color:rgba(67,201,119,.5)}.rp-cp.ok em,.rp-cp.ok svg{color:#43c977}
.rp-dl .ico{width:15px;height:15px}
.rp-err .rp-ct{opacity:.4;pointer-events:none}
@media (max-width:1180px){.rp-g{grid-template-columns:220px minmax(0,1fr)}.rp-d{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}}
@media (max-width:860px){.rp-g{grid-template-columns:1fr}.rp-eqs{display:grid;grid-template-columns:1fr 1fr;order:2}.rp-m{order:1}.rp-d{order:3;grid-template-columns:1fr}
 .rp-ct{flex-wrap:wrap;gap:6px 12px}.rp-tl{flex:1 1 calc(100% - 58px)}.rp-tm{order:3;min-width:0;text-align:left;margin:0 auto 0 56px}.rp-vt{order:4}}
@media (max-width:560px){.rp-eqs{grid-template-columns:1fr}}
/* analyse du joueur */
.an-f{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:4px 0 16px}
.an-cartes,.an-cotes{display:flex;gap:8px;flex-wrap:wrap}.an-cotes{margin-left:auto}
.an-f button{all:unset;cursor:pointer;padding:8px 14px;border-radius:999px;border:1px solid var(--trait);font-size:13px;font-weight:600;color:var(--gris);background:rgba(255,255,255,.02);transition:background .2s,color .2s,border-color .2s,transform .15s}
.an-f button:hover{border-color:rgba(232,163,61,.45);color:var(--blanc)}.an-f button:active{transform:scale(.97)}.an-f button:focus-visible{outline:2px solid var(--ambre);outline-offset:2px}
.an-f button.on{background:var(--ambre);color:#1a1206;border-color:transparent}.an-f button small{font-size:11px;opacity:.7;margin-left:5px}
.an-g{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:16px;align-items:start}
.an .carte{background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),var(--carte);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.an .an-hh h3,.an .an-st h3{text-transform:none;letter-spacing:0;color:var(--blanc);font-size:17px;font-weight:600;display:block}
.rp .rp-eq h4,.rp .rp-kh{font-family:inherit}
.an-hm{padding:18px}.an-hh{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.an-hh h3{font-size:17px;margin:0}
.an-bas{display:flex;gap:2px;padding:3px;border-radius:12px;background:rgba(255,255,255,.04)}
.an-bas button{all:unset;cursor:pointer;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:9px;color:var(--gris);transition:background .2s,color .2s}
.an-bas button.on{background:rgba(255,255,255,.1);color:#fff}.an-bas button:focus-visible{outline:2px solid var(--ambre)}
.an-rd{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#0a0c10;border:1px solid var(--trait)}
.an-rd.neutre{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:6.25% 6.25%}
.an-rd img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;filter:saturate(.7) brightness(.85)}
.an-rd canvas{position:absolute;inset:0;width:100%;height:100%;transition:opacity .35s ease}.an-rd.change canvas,.an-rd.change .an-zs{opacity:0}
.an-zs{position:absolute;inset:0;transition:opacity .35s ease;pointer-events:none}
.an-z{position:absolute;transform:translate(-50%,-50%);font-size:11.5px;font-weight:700;background:rgba(13,16,22,.88);padding:4px 9px;border-radius:8px;border:1px solid var(--trait);white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.an-z em{font-style:normal;color:#f6c46f;margin-left:5px}
.an-vide{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;margin:0;color:var(--gris);font-size:13.5px;background:rgba(10,12,16,.55)}
.an-vide[hidden]{display:none}
.an-d{display:flex;flex-direction:column;gap:16px;min-width:0}
.an-st{padding:18px}.an-st h3{font-size:16px;margin:0 0 3px}.an-s{font-size:12px;color:var(--gris);margin:0 0 14px}
.an-kp{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.an-k{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--trait);transition:border-color .2s}
.an-k small{font-size:11px;color:var(--gris);display:block}.an-k b{font-size:22px;display:block;font-variant-numeric:tabular-nums}
.an-k span{font-size:11.5px;color:var(--gris)}.an-k span.v{color:#43c977}.an-k span.r{color:#ff6b6b}
.an-l{display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid var(--trait);font-size:13px}.an-l:first-child{border-top:0}
.an-l i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;font-style:normal;font-size:11px;font-weight:800}
.an-l div{flex:1;min-width:0}.an-l small{display:block;color:var(--gris);font-size:11.5px}.an-l b{font-size:15px;font-variant-numeric:tabular-nums}
.an-cons{margin-top:12px;padding:12px 14px;border-radius:12px;background:rgba(232,163,61,.07);border:1px solid rgba(232,163,61,.25);font-size:12.5px;color:#f2d3a0;line-height:1.5}
.an-cons a{color:#f6c46f;font-weight:600}
@media (max-width:980px){.an-g{grid-template-columns:1fr}.an-cotes{margin-left:0}}


.px [hidden]{display:none!important}.px>section{padding-top:0}
.m-onglets{display:flex;gap:6px;background:var(--carte);border:1px solid var(--trait);border-radius:16px;padding:6px;margin:6px 0 24px;width:max-content;max-width:100%}
.m-onglets a{display:flex;align-items:center;gap:10px;padding:11px 18px;border-radius:12px;font-weight:600;color:var(--gris);font-size:15px;transition:color .2s,background .2s;white-space:nowrap}
.m-onglets a:hover{color:var(--blanc)}.m-onglets a .ico{width:19px;height:19px}.m-onglets a.on{background:var(--ambre);color:#14110c}
.m-onglets small{font-size:12px;font-weight:700;background:rgba(255,255,255,.08);border-radius:999px;padding:2px 8px}.m-onglets a.on small{background:rgba(0,0,0,.15)}
.recherche-g{position:relative}.recherche-g input{width:100%;height:56px;background:var(--carte);border:1px solid var(--trait);border-radius:16px;color:var(--blanc);
font:inherit;font-size:15.5px;padding:0 54px 0 52px;outline:none;transition:border-color .2s}.recherche-g input:focus{border-color:rgba(232,163,61,.6)}
.recherche-g>.ico{position:absolute;left:19px;top:18px;width:20px;height:20px;color:var(--gris)}
.px .filtres{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 26px;align-items:center}
.chip-f{border:1px solid var(--trait);border-radius:999px;padding:7px 13px;font:inherit;font-size:12.5px;font-weight:600;color:var(--gris);background:var(--carte);white-space:nowrap;cursor:pointer;transition:color .2s,border-color .2s}
.chip-f:hover{color:var(--blanc)}.chip-f.on{color:var(--ambre);border-color:rgba(232,163,61,.55);background:rgba(232,163,61,.08)}
.filtres .sep{width:1px;height:26px;background:var(--trait);margin:0 4px}
.chip-f.sel{display:inline-flex;align-items:center;gap:6px;color:var(--gris);padding:0 6px 0 13px;cursor:default}.filtres .sel:first-of-type{margin-left:auto}
.chip-f.sel select{background:transparent;border:0;color:var(--blanc);font:inherit;font-weight:700;padding:7px 4px;cursor:pointer;outline:none}
.chip-f.sel select option{background:var(--carte);color:var(--blanc)}
.sous-f{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 0 24px;padding:11px 14px;background:var(--carte);border:1px solid var(--trait);border-radius:14px;
-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}
@media(min-width:700px){.sous-f{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none}}
.sous-f::-webkit-scrollbar{display:none}.sous-f .chip-f{background:var(--carte2);border-color:transparent}.sous-f .chip-f.on{border-color:rgba(232,163,61,.55)}
.tend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:34px}
.tend>.carte{padding:16px 14px}.tend h3{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;margin:2px 0 10px}.tend h3 .ico{width:18px;height:18px;color:var(--ambre)}
.tend .vide{font-size:13px;text-align:center;padding:14px 6px}
.tl{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;padding:7px 6px;border-radius:10px;transition:background .2s}.tl:hover{background:var(--carte2)}
.tl .sk-img{width:54px;height:38px;object-fit:contain}.tl-n{min-width:0}.tl-n b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl-n small{display:flex;align-items:center;gap:4px;color:var(--gris2);font-size:12px;white-space:nowrap;overflow:hidden}
.tl-p{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.tl-p b{font-size:13.5px;white-space:nowrap}.tl-p s{color:var(--gris2);font-size:12px}
.var{font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 7px;display:inline-block;white-space:nowrap}.var.up{color:var(--vert);background:rgba(61,214,140,.1)}.var.down{color:var(--rouge);background:rgba(255,90,90,.1)}
.titre-s{display:flex;align-items:baseline;gap:10px;margin:0 0 14px}.titre-s h2{font-size:22px}.titre-s .nb{font-size:14px;color:var(--gris2)}
.grille-sk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grille-sk>.vide{grid-column:1/-1}
.sk{display:flex;flex-direction:column;gap:10px;padding:14px;border-top:2px solid var(--r);transition:transform .2s,border-color .2s}.sk:hover{transform:translateY(-3px)}
.sk-v{background:var(--carte2);border-radius:12px;display:flex;justify-content:center;align-items:center;padding:10px;height:116px}
.sk-v .sk-img{width:100%;height:96px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}
.sans-img{display:block;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%)}
.sk-t{min-width:0}.sk-t b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sk-t small{color:var(--gris2);font-size:12px}
.sk-px{display:flex;flex-direction:column;gap:5px}.sk-px span{font-size:12px;color:var(--gris);display:flex;align-items:center;justify-content:space-between;gap:8px}.sk-px b{color:var(--gris);font-size:13px;font-weight:600;white-space:nowrap}.sk-px em{font-style:normal;display:flex;align-items:center}
.sk-px span.mc{color:var(--blanc)}.sk-px span.mc b{color:var(--blanc);font-weight:700}
.pt{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:1px;flex:none}.pt.st{background:#3b8beb}.pt.cf{background:#c07a1f}.pt.spt{background:#9085e9}
.sk-b{display:flex;align-items:center;gap:10px;justify-content:space-between;min-height:34px}.spark{width:68%;height:34px}
.spark polyline{fill:none;stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-linejoin:round}.l-st{stroke:#3b8beb}.l-cf{stroke:#c07a1f}.l-sk{stroke:#9085e9}
.plus-c{display:flex;justify-content:center;margin-top:22px}.px-note{margin-top:30px}
/* ---- marché : chiffres, filtres complets, cartes habillées */
.px-chiffres{margin:0 0 20px}.px-chiffres .stat{padding:16px 20px}.px-chiffres .stat b{font-size:clamp(22px,2.6vw,30px)}
.px-chiffres .stat small{display:block;color:var(--gris2);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn-filtres{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:7px 14px}.btn-filtres .ico{width:16px;height:16px}
.btn-filtres em{font-style:normal;font-size:11px;font-weight:800;color:#16110a;background:var(--ambre);border-radius:999px;min-width:18px;height:18px;
display:inline-grid;place-items:center;padding:0 5px}
.btn-filtres~.sel{margin-left:0!important}
.px-panneau{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.2,.8,.2,1),margin .35s;margin-top:-14px}
.px-panneau.ouvert{grid-template-rows:1fr;margin:-12px 0 22px}.pp-in{overflow:hidden;min-height:0}
.pp{display:grid;grid-template-columns:1.15fr 1fr .9fr 1.25fr;gap:0;padding:0;opacity:0;transform:translateY(-8px);transition:opacity .3s,transform .35s;
background:linear-gradient(180deg,rgba(232,163,61,.05),transparent 40%),var(--carte)}
.px-panneau.ouvert .pp{opacity:1;transform:none}
.pp-bloc{padding:18px 20px;border-right:1px solid var(--trait);min-width:0}.pp-bloc:nth-child(4){border-right:0}
.pp-t{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px}.pp-t .ico{width:16px;height:16px;color:var(--ambre)}
.pp-t b{font-size:13px;letter-spacing:.02em}.pp-t span{margin-left:auto;color:var(--ambre);font-weight:600;font-size:12.5px;white-space:nowrap}
.pp-t2{margin-top:18px}
.pp-slider{position:relative;height:26px;margin:2px 4px 10px}
.pp-piste{position:absolute;left:0;right:0;top:11px;height:4px;border-radius:4px;background:var(--trait)}
.pp-piste i{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:4px;background:linear-gradient(90deg,#c9842a,var(--ambre))}
.pp-slider input{position:absolute;left:0;top:0;width:100%;height:26px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.pp-slider input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:18px;height:18px;border-radius:50%;background:var(--blanc);
border:3px solid var(--ambre);box-shadow:0 2px 8px rgba(0,0,0,.5);cursor:grab;transition:transform .15s}
.pp-slider input::-webkit-slider-thumb:active{transform:scale(1.2);cursor:grabbing}
.pp-slider input::-moz-range-thumb{pointer-events:auto;width:14px;height:14px;border-radius:50%;background:var(--blanc);border:3px solid var(--ambre);cursor:grab}
.pp-slider input::-moz-range-track{background:none}
.pp-champs{display:flex;align-items:center;gap:8px}.pp-champs label{flex:1;display:flex;align-items:center;gap:6px;background:var(--carte2);
border:1px solid var(--trait);border-radius:10px;padding:0 10px;transition:border-color .2s}.pp-champs label:focus-within{border-color:rgba(232,163,61,.6)}
.pp-champs span{color:var(--gris2);font-size:12px}.pp-champs em{font-style:normal;color:var(--gris2);font-size:13px}
.pp-champs input{flex:1;min-width:0;width:100%;background:transparent;border:0;color:var(--blanc);font:inherit;font-weight:600;font-size:14px;padding:9px 0;outline:none;-moz-appearance:textfield}
.pp-champs input::-webkit-outer-spin-button,.pp-champs input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pp-tiret{width:10px;height:2px;background:var(--trait);flex:none}
.pp-rapides,.pp-chips{display:flex;flex-wrap:wrap;gap:6px}.pp-rapides{margin-top:12px}
.pp-rapides button,.pp-c,.pp-seg button{font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--gris);background:var(--carte2);
border:1px solid var(--trait);border-radius:999px;padding:6px 11px;transition:color .2s,border-color .2s,background .2s,transform .15s}
.pp-rapides button:hover,.pp-c:hover,.pp-seg button:hover{color:var(--blanc)}.pp-rapides button:active,.pp-c:active{transform:scale(.96)}
.pp-rapides button.on,.pp-c.on{color:var(--ambre);border-color:rgba(232,163,61,.6);background:rgba(232,163,61,.1)}
.pp-c{display:inline-flex;align-items:center;gap:7px}.pp-c i{width:8px;height:8px;border-radius:50%;background:var(--c,var(--gris2));box-shadow:0 0 8px var(--c,transparent)}
.pp-c em{font-style:normal;font-size:11px;color:var(--gris2);font-weight:700}.pp-c.on em{color:var(--ambre)}
.pp-c[data-rar].on{color:var(--blanc);border-color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent)}
.pp-c.nul{opacity:.4}
.pp-seg{display:flex;background:var(--carte2);border:1px solid var(--trait);border-radius:12px;padding:3px;gap:2px}
.pp-seg button{flex:1 1 auto;border:0;background:transparent;border-radius:9px;padding:7px 8px;white-space:nowrap;font-size:12px}
.pp-seg button.on{color:#16110a;background:var(--ambre)}
.pp-pied{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--trait);background:rgba(13,15,20,.35)}
.pp-pied #pp-res{margin-right:auto;color:var(--gris);font-size:14px}.pp-pied #pp-res b{color:var(--blanc);font-size:16px}
.px-actifs{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 22px;align-items:center}
.pa{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:12.5px;font-weight:600;color:var(--ambre);cursor:pointer;
border:1px solid rgba(232,163,61,.45);background:rgba(232,163,61,.08);border-radius:999px;padding:5px 8px 5px 12px;animation:pop .25s ease-out both}
.pa span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:rgba(232,163,61,.18);font-size:13px;line-height:1;transition:background .2s}
.pa:hover span{background:var(--ambre);color:#16110a}
.pa-tout{font:inherit;font-size:12.5px;font-weight:600;color:var(--gris);background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.pa-tout:hover{color:var(--blanc)}
@keyframes pop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
.vide-px{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 0;border:1.5px dashed var(--trait);border-radius:16px}
/* cartes des skins */
.grille-sk .sk{animation:monte .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 35ms);position:relative;overflow:hidden}
.sk:hover{border-color:color-mix(in srgb,var(--r) 55%,var(--trait));box-shadow:0 18px 36px -24px var(--r)}
.grille-sk .sk-v{height:128px;padding-top:26px}.sk-v{position:relative;background:radial-gradient(closest-side,color-mix(in srgb,var(--r) 30%,transparent),transparent 85%),var(--carte2)}
.sk-v .sk-img{transition:transform .4s cubic-bezier(.2,.8,.2,1)}.sk:hover .sk-v .sk-img{transform:scale(1.07) rotate(-2deg)}
.sk-rar{position:absolute;z-index:2;left:8px;top:8px;font-size:10.5px;font-weight:700;letter-spacing:.02em;color:var(--r);background:rgba(13,15,20,.6);
border:1px solid color-mix(in srgb,var(--r) 45%,transparent);border-radius:6px;padding:1px 7px;backdrop-filter:blur(4px)}
.sk-st{position:absolute;z-index:2;right:8px;top:8px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#ff8a4c;
background:rgba(13,15,20,.6);border:1px solid rgba(207,106,50,.5);border-radius:6px;padding:1px 6px}
.tend>.carte{transition:border-color .25s}.tend>.carte:hover{border-color:rgba(232,163,61,.3)}
.tl{transition:background .2s,transform .2s}.tl:hover{transform:translateX(3px)}
@media(max-width:1100px){.pp{grid-template-columns:1fr 1fr}.pp-bloc:nth-child(2){border-right:0}.pp-bloc:nth-child(-n+2){border-bottom:1px solid var(--trait)}}
@media(max-width:700px){.pp{grid-template-columns:1fr}.pp-bloc{border-right:0;border-bottom:1px solid var(--trait)}.pp-pied{flex-wrap:wrap}
.pp-pied #pp-res{width:100%}.pp-pied .btn{flex:1;justify-content:center;white-space:nowrap;padding-left:10px;padding-right:10px}.btn-filtres{margin-left:0}.px-chiffres .stat{padding:14px 16px}}
.retour-px{display:inline-flex;align-items:center;gap:6px;color:var(--gris);font-weight:600;font-size:14px;margin-bottom:16px}.retour-px:hover{color:var(--ambre)}.retour-px .ico{width:18px;height:18px}
.fiche{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:18px;align-items:start}
.f-vis{padding:20px;border-top:3px solid var(--r)}
.sk.carte,.f-vis.carte{background:radial-gradient(130% 100% at 100% 0,color-mix(in srgb,var(--r) 8%,transparent),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.022),transparent 38%),var(--carte)}
.grille-sk .sk.carte:hover,.fiche .f-vis.carte:hover{border-color:color-mix(in srgb,var(--r) 60%,var(--trait));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 40px -24px color-mix(in srgb,var(--r) 75%,transparent)}.f-img{background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--r) 22%,transparent),transparent 68%);border-radius:14px;display:flex;justify-content:center}
.f-image{width:100%;max-width:420px;height:230px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.45))}
.f-usure{animation:fUsure .45s cubic-bezier(.2,.8,.2,1) both}@keyframes fUsure{from{opacity:0;transform:scale(.96) translateY(6px)}}
.f-vis h1{font-size:clamp(22px,2.6vw,28px);margin:14px 0 4px;line-height:1.25}.f-tags{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 16px}
.usures{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.usures button{font:inherit;font-size:12.5px;font-weight:700;padding:7px 2px;border-radius:10px;border:1px solid var(--trait);background:var(--carte2);color:var(--gris);cursor:pointer;transition:border-color .2s}
.usures button:hover{border-color:rgba(232,163,61,.5)}.usures button.on{color:#14110c;background:var(--ambre);border-color:var(--ambre)}.usures small{display:flex;align-items:center;justify-content:center;font-weight:500;font-size:10.5px;opacity:.9;white-space:nowrap}.usures small .pt{width:6px;height:6px;margin-right:4px}
.usures button.on small .pt{box-shadow:0 0 0 1.5px rgba(20,17,12,.55)}
.st-tog{display:flex;align-items:center;gap:10px;margin-top:14px;font:inherit;font-size:13px;color:var(--gris);font-weight:600;background:none;border:0;cursor:pointer;padding:0}
.st-tog i{width:36px;height:20px;border-radius:999px;background:var(--trait);position:relative;transition:background .2s}
.st-tog i:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--gris);transition:transform .2s,background .2s}
.st-tog.on{color:var(--blanc)}.st-tog.on i{background:rgba(207,106,50,.45)}.st-tog.on i:after{transform:translateX(16px);background:#cf6a32}
.f-suivi{margin-top:12px}.f-suivi .sv-l{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;border:0}
.f-suivi .sv-b{min-height:58px;text-align:center;line-height:1.3}.f-suivi .sv-b.wait{opacity:.75;pointer-events:none}
.sv-b{display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:13px;font-weight:600;color:var(--blanc);background:rgba(255,255,255,.03);border:1px solid var(--trait);border-radius:12px;padding:10px 12px;cursor:pointer;text-decoration:none;transition:border-color .2s,background .2s,color .2s;min-width:0;text-align:center}
.sv-b .ico{width:16px;height:16px;flex:none;color:var(--ambre)}.sv-b:hover{border-color:rgba(232,163,61,.5)}
.sv-b.on{background:rgba(232,163,61,.1);border-color:rgba(232,163,61,.45);color:var(--ambre)}
.sv-f{margin-top:10px;padding:12px;border-radius:12px;background:rgba(0,0,0,.2);border:1px solid var(--trait);animation:rqOv .2s ease}.sv-f label{display:block;font-size:12.5px;color:var(--gris);margin-bottom:8px}
.sv-f div{display:flex;align-items:center;gap:8px}.sv-f input{flex:1;min-width:0;font:inherit;font-size:14px;color:var(--blanc);background:var(--carte);border:1px solid var(--trait);border-radius:10px;padding:9px 12px}
.sv-f input:focus{outline:0;border-color:rgba(232,163,61,.6)}.sv-f span{color:var(--gris)}
.sv-m{font-size:12.5px;margin-top:8px}.sv-m.ok{color:var(--vert)}.sv-m.non{color:var(--rouge)}
@media(max-width:560px){.sv-l{grid-template-columns:1fr}}
.act-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.act-f .btn{gap:0;justify-content:center;padding-left:8px;padding-right:8px;min-width:0}.act-f .btn .pt{margin-right:7px}
.act-t{grid-column:1/-1;font-size:12px;color:var(--gris2);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.kp-t{font-size:12px;font-weight:600;color:var(--gris2);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;padding:0 2px}
.kp2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.kp2 .carte{padding:14px 14px 13px;min-width:0}
.kp2 .carte.mc{border-color:rgba(232,163,61,.45)}.kp2 .k-mc b{display:flex;align-items:center;font-size:19px;margin-top:5px}.kp2 .k-mc b .pt{width:9px;height:9px;margin-right:7px}
.kp2 small{color:var(--gris);font-size:12px;font-weight:600;display:flex;align-items:center}
.kp2 .vif{margin-left:auto;padding-left:8px;display:flex;align-items:center;gap:5px;color:var(--vert);font-weight:500;font-size:11px;white-space:nowrap}
.kp2 .vif:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--vert);animation:direct 2s ease-out infinite}
@media(max-width:600px){.kp2 .vif .long{display:none}}
@keyframes direct{0%{box-shadow:0 0 0 0 rgba(61,214,140,.5)}80%,100%{box-shadow:0 0 0 6px rgba(61,214,140,0)}}
.kp2 p em{display:block;font-style:normal;color:var(--gris2);font-size:11.5px;margin-top:2px}
.kp2 b.maj{animation:maj .6s ease-out}@keyframes maj{from{color:var(--ambre)}to{color:var(--blanc)}}.kp2 b{display:block;font-size:21px;margin:4px 0 2px;white-space:nowrap}.kp2 p{font-size:12px;color:var(--gris2)}
.graph-c{padding:18px}.graph-t{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.graph-t h3{font-size:13px;margin:0}
.periodes{display:flex;gap:4px;background:var(--carte2);border-radius:10px;padding:3px}.periodes button{font:inherit;font-size:12px;font-weight:700;border:0;background:none;color:var(--gris);padding:6px 11px;border-radius:8px;cursor:pointer}
.periodes button.on{background:var(--fond);color:var(--blanc)}
.leg{display:flex;gap:16px;font-size:12.5px;color:var(--gris);margin:4px 0 4px}
.g-zone{position:relative}#px-g{width:100%;height:280px;display:block;touch-action:pan-y}
#px-g text{font-family:Poppins,system-ui,sans-serif}.g-ax{fill:var(--gris2);font-size:11px}.g-fin{fill:var(--blanc);font-size:11.5px;font-weight:700}.g-vide{fill:var(--gris);font-size:13px}
.g-grille{stroke:var(--trait);stroke-width:1}.g-curseur{stroke:var(--gris);stroke-dasharray:3 3}.g-pt{stroke:var(--carte);stroke-width:2}
.g-bulle{position:absolute;top:8px;background:var(--carte2);border:1px solid var(--trait);border-radius:10px;padding:9px 12px;font-size:12.5px;display:flex;flex-direction:column;gap:3px;pointer-events:none;white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.g-bulle b{font-size:13px}.g-bulle span{color:var(--gris);display:flex;align-items:center}.g-bulle em{font-style:normal;color:var(--blanc);font-weight:700;margin-left:6px}
.tab-c{margin-top:14px;padding:8px 10px}.tab-u .u-court{display:none}.tab-u{width:100%;border-collapse:collapse;font-size:13.5px}
.tab-u th{text-align:left;color:var(--gris2);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;border-bottom:1px solid var(--trait)}
.tab-u td{padding:10px;border-bottom:1px solid var(--trait)}.tab-u tr:last-child td{border-bottom:0}.tab-u tr.on td{background:rgba(232,163,61,.06)}.tab-u td:first-child{font-weight:600}
@media (max-width:1000px){.grille-sk{grid-template-columns:repeat(3,minmax(0,1fr))}.tend{grid-template-columns:1fr}.fiche{grid-template-columns:1fr}}
@media (max-width:700px){.grille-sk{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sk{padding:10px}.sk-v{height:90px}.sk-v .sk-img{height:72px}
.sk-px{grid-template-columns:1fr}.spark{width:52%}.filtres .sel:first-of-type{margin-left:0}.filtres .sep{display:none}
.m-onglets{width:100%}.m-onglets a{flex:1;justify-content:center;padding:10px 8px;font-size:14px;gap:7px}.m-onglets .long{display:none}
.tab-u .u-long{display:none}.tab-u .u-court{display:inline}.tab-u{font-size:12.5px}.tab-u td,.tab-u th{padding:9px 6px}
.tab-u th{font-size:10px;letter-spacing:0;white-space:nowrap}.tab-u th .pt{width:6px;height:6px;margin-right:3px}.tab-u th:last-child,.tab-u td:last-child{display:none}
.kp2{grid-template-columns:1fr 1fr}.kp2 b{font-size:20px}.recherche-g input{font-size:14px;padding-right:16px}}

.cx{max-width:460px;margin:34px auto 0;padding:36px 34px 30px;text-align:center;position:relative}
.cx:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
background:radial-gradient(240px 130px at 50% 0,rgba(232,163,61,.2),transparent);animation:cx-l 7s ease-in-out infinite alternate}
@keyframes cx-l{to{background-position:46px 14px}}
.cx>*{position:relative;z-index:1}
.cx h1{font-size:30px;margin:6px 0 6px}.cx>p{color:var(--gris);font-size:14.5px}
.cx .sur-t{margin:0}
.cx-steam{width:100%;justify-content:center;margin-top:24px;padding:16px;font-size:16px}
.cx-ou{display:flex;align-items:center;gap:12px;color:var(--gris2);font-size:12px;margin:18px 0}
.cx-ou:before,.cx-ou:after{content:"";flex:1;height:1px;background:var(--trait)}
.cx-d{width:100%;justify-content:center}
.cx-s{color:var(--gris2);font-size:12px;margin-top:22px}
.cx-s .ico{width:14px;height:14px;vertical-align:-2px;margin-right:6px}
.bv-aide{color:var(--gris2);font-size:12.5px;margin-top:6px}
.cx-j{color:var(--gris);font-size:13px;margin-top:6px}
.bv{max-width:560px;text-align:left}
.bv-et{display:flex;gap:8px;margin-bottom:24px}.bv-et span{flex:1;height:4px;border-radius:3px;background:var(--trait);position:relative;overflow:hidden}
.bv-et span.f{background:var(--ambre)}
.bv-et span.c:after{content:"";position:absolute;inset:0;background:var(--ambre);transform-origin:left;animation:bv-p .9s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes bv-p{from{transform:scaleX(0)}}
.bv-n{color:var(--ambre);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.bv h1{font-size:28px;margin:6px 0 4px}.bv>p{color:var(--gris);font-size:14.5px}
.bv-in{display:flex;gap:16px;align-items:center;margin:22px 0 16px;padding:16px 18px;border-radius:14px;background:var(--carte2);border:1px solid var(--trait)}
.bv-av{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:21px;flex:none;overflow:hidden;
background:linear-gradient(135deg,#3b4252,#252a35);border:2px solid var(--ambre);box-shadow:0 0 0 4px rgba(232,163,61,.1)}
.bv-av img{width:100%;height:100%;object-fit:cover}
.bv-in b{display:block;font-size:19px;word-break:break-all}.bv-in small{color:var(--gris);font-size:12px}
.bv-err{color:var(--rouge);font-size:13px;min-height:20px;margin:6px 0 0}
.bv-info{font-size:13.5px;border-radius:12px;padding:12px 14px;margin:0 0 18px;background:rgba(61,214,140,.1);color:var(--vert)}
.bv-info.non{background:rgba(255,90,90,.1);color:var(--rouge)}
.bv-r{display:grid;gap:10px;margin:20px 0 6px}.bv-r>div{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:var(--carte2)}
.bv-r .ico{color:var(--ambre);width:22px;height:22px;flex:none;margin-top:1px}.bv-r b{display:block;font-size:14.5px}.bv-r small{color:var(--gris);font-size:13px}
.bv-c{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:18px 0 20px;cursor:pointer}
.bv-c input{width:18px;height:18px;accent-color:var(--ambre);margin-top:2px;flex:none}
.bv-a{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:6px}
.bv-plus{background:none;border:0;color:var(--gris);font:inherit;font-size:14px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.bv-plus:hover{color:var(--blanc)}
.bv-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bv-2 .btn{justify-content:center;width:100%;padding:14px 12px;white-space:nowrap;font-size:15px}
@media (max-width:520px){.bv-2{grid-template-columns:1fr}}
.bv-pied{display:flex;justify-content:space-between;align-items:center;margin-top:26px;padding-top:16px;border-top:1px solid var(--trait);font-size:12.5px;color:var(--gris2)}
.es-f{display:flex;gap:8px;margin-top:10px}.es-f input{flex:1;min-width:0;background:var(--fond);border:1px solid var(--trait);border-radius:10px;color:var(--blanc);
font:inherit;font-size:13.5px;padding:9px 12px}.es-f input:focus{outline:none;border-color:rgba(232,163,61,.6)}
.es-msg{font-size:12.5px;margin-top:6px;min-height:18px;color:var(--gris)}.es-msg.ok{color:var(--vert)}.es-msg.non{color:var(--rouge)}
.es-ps{font-size:22px;font-weight:700;margin:4px 0 2px}.es-c>.es-msg{margin-bottom:10px}.es-lien{font-size:12.5px}
.gn{display:grid;gap:12px}.gn-l{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:16px 18px}
.gn-l .av{width:44px;height:44px}.gn-l b{display:block}.gn-l small{color:var(--gris);font-size:12.5px;display:block}
.gn-l .gn-a{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.gn-l.fait{opacity:.6}
.gn-v{color:var(--vert);font-size:12.5px;font-weight:600}.gn-r{color:var(--rouge);font-size:12.5px}
@media (max-width:640px){.gn-l{grid-template-columns:auto 1fr}.gn-l .gn-a{grid-column:1/-1;justify-content:flex-start}.cx,.bv{padding:28px 20px 24px}}

.fs-ov{position:fixed;inset:0;z-index:210;background:rgba(6,8,12,.66);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px;font-family:Poppins,sans-serif;color:#e9ecf2;animation:viFond .3s both}
.fs-ov.fin{animation:viFin .26s both}
.fs-m{position:relative;width:min(880px,100%);display:grid;grid-template-columns:1.05fr 1fr;border-radius:24px;overflow:hidden;border:1px solid rgba(232,163,61,.35);background:#12151c;box-shadow:0 40px 100px -30px rgba(0,0,0,.9);animation:viMonte .5s cubic-bezier(.2,.9,.25,1.04) both}
.fs-g{position:relative;padding:34px 26px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(80% 70% at 50% 40%,var(--fsl),transparent 70%),#0f1218;min-height:380px}
.fs-ray{position:absolute;width:560px;height:560px;left:50%;top:44%;margin:-280px 0 0 -280px;border-radius:50%;background:repeating-conic-gradient(var(--fsr) 0 6deg,transparent 6deg 18deg);
 -webkit-mask:radial-gradient(circle,#000 18%,transparent 66%);mask:radial-gradient(circle,#000 18%,transparent 66%);animation:fsRot 40s linear infinite}
@keyframes fsRot{to{transform:rotate(360deg)}}
.fs-h{position:relative;height:150px;display:grid;place-items:center;animation:fsPose .9s cubic-bezier(.2,1.3,.3,1) .15s both}
@keyframes fsPose{from{opacity:0;transform:scale(.4) translateY(20px)}}
.fs-h .dce{font-size:116px;line-height:1}.fs-h .dce::after{margin:0;vertical-align:0;filter:drop-shadow(0 14px 22px rgba(0,0,0,.55))}
.fs-rang{position:relative;font-size:62px;font-weight:800;line-height:1;margin-top:6px;background:linear-gradient(180deg,#fff,var(--fsc));-webkit-background-clip:text;background-clip:text;color:transparent}
.fs-rang sup{font-size:25px}.fs-g small{position:relative;color:#9aa2b1;font-size:13px;margin-top:4px}
.fs-d{padding:30px 30px 26px;display:flex;flex-direction:column}
.fs-d .vi-sur{color:#e8a33d}.fs-d h2{font-size:24px;line-height:1.2;margin:8px 0 4px;font-weight:800;color:#fff}.fs-d p{color:#9aa2b1;font-size:13.5px;margin:0 0 16px;line-height:1.55}
.fs-l{display:flex;flex-direction:column;gap:8px}
.fs-i{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);opacity:0;transform:translateY(8px);animation:fsMonte .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.45s + var(--i) * .16s)}
@keyframes fsMonte{to{opacity:1;transform:none}}
.fs-ic{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:#1c212b;flex:none;overflow:hidden}
.fs-ic .dce{font-size:17px}.fs-ic .dce::after{margin:0;animation:none}.fs-ic .dc-t{font-size:7px;padding:2px 4px;letter-spacing:.04em}
.fs-ic .dc-ban{width:100%;height:100%;display:block}.fs-ic .bq-fx{width:26px;height:36px}.fs-ic svg{width:24px;height:24px}
.fs-i b{display:block;font-size:13.5px;color:#fff}.fs-i span.t{display:block;font-size:12px;color:#8b93a3}
.fs-bas{display:flex;gap:10px;margin-top:auto;padding-top:18px}.fs-bas .fs-b{flex:1 1 0;min-width:0;text-align:center;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center}
.fs-b{border:0;border-radius:12px;background:#e8a33d;color:#1a1206;font:inherit;font-size:14px;font-weight:700;padding:11px 20px;cursor:pointer;white-space:nowrap;box-shadow:0 10px 24px -10px rgba(232,163,61,.7);transition:filter .2s,transform .15s}
.fs-b:hover{filter:brightness(1.08)}.fs-b:active{transform:scale(.97)}.fs-b.f{background:transparent;color:#e9ecf2;border:1px solid rgba(255,255,255,.12);box-shadow:none}
.fs-x{position:absolute;right:14px;top:14px;z-index:3;width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.25);color:#cfd5df;cursor:pointer;display:grid;place-items:center}
.fs-x svg{width:14px;height:14px}
@media (max-width:720px){.fs-m{grid-template-columns:minmax(0,1fr);max-height:calc(100vh - 32px);overflow-y:auto}.fs-bas{flex-wrap:wrap}.fs-bas .fs-b{flex:1 1 140px;padding:11px 12px}.fs-d h2{font-size:21px}.fs-g{min-height:0;padding:26px 20px 18px}.fs-h{height:120px}.fs-h .dce{font-size:92px}.fs-rang{font-size:48px}.fs-d{padding:20px}}
@media (prefers-reduced-motion:reduce){.fs-ray{animation:none}}

/* accueil : vidéo en fond, Jouer au centre */
.hx{position:relative;min-height:min(720px,86vh);display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;isolation:isolate;padding:96px 0 120px}
.hx-fond{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hx-fond{background:radial-gradient(70% 80% at 50% 45%,#121621,#0b0d12 75%)}.hx-reseau{position:absolute;inset:0;width:100%;height:100%;display:block}
.hx-fond .hx-reseau~.hx-voile{background:radial-gradient(38% 34% at 50% 46%,rgba(11,13,18,.62),rgba(11,13,18,.18) 70%,transparent),linear-gradient(180deg,transparent 0,transparent 62%,var(--fond,#0b0d12) 100%)}
.hx-voile{position:absolute;inset:0;background:radial-gradient(46% 42% at 50% 46%,rgba(11,13,18,.78),rgba(11,13,18,.5) 60%,rgba(11,13,18,.72) 90%),linear-gradient(180deg,rgba(11,13,18,.5) 0,rgba(11,13,18,.08) 35%,rgba(11,13,18,.42) 70%,var(--fond,#0b0d12) 100%)}
.hx-grille{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask:radial-gradient(60% 55% at 50% 50%,#000,transparent);mask:radial-gradient(60% 55% at 50% 50%,#000,transparent)}
.hx-halo{position:absolute;left:50%;top:58%;width:900px;height:420px;margin:-210px 0 0 -450px;background:radial-gradient(closest-side,rgba(232,163,61,.22),transparent);filter:blur(10px)}
.hx-c{display:flex;flex-direction:column;align-items:center;max-width:980px}
.hx-tag{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:999px;border:1px solid rgba(232,163,61,.35);background:rgba(232,163,61,.08);color:var(--ambre);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hx-tag:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ambre);box-shadow:0 0 10px var(--ambre);animation:clignote 2.4s ease-in-out infinite}
.hx h1{font-size:clamp(44px,7vw,86px);line-height:1.02;letter-spacing:-.025em;margin:22px 0 18px;text-shadow:0 10px 40px rgba(0,0,0,.6)}
.hx h1 em{font-style:normal;color:var(--ambre)}
.hx-sous{font-size:clamp(16px,1.6vw,19px);color:#c9cfda;max-width:640px;line-height:1.6;margin:0}
.hx-actions{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:34px;flex-wrap:wrap}
.hx-jouer{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;height:64px;padding:0 64px;min-width:260px;border-radius:16px;background:linear-gradient(180deg,#f6bd5f,#e19a2f);color:#1a1206;font-size:21px;font-weight:800;letter-spacing:.01em;text-decoration:none;box-shadow:0 18px 50px -14px rgba(232,163,61,.85),inset 0 1px 0 rgba(255,255,255,.45);transition:transform .2s,box-shadow .2s;overflow:hidden;isolation:isolate}
.hx-jouer .ico{width:24px;height:24px}
.hx-jouer:hover{transform:translateY(-2px);box-shadow:0 24px 60px -14px rgba(232,163,61,1),inset 0 1px 0 rgba(255,255,255,.5);color:#1a1206}
.hx-jouer i{position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);animation:hxReflet 4s ease-in-out infinite}
@keyframes hxReflet{60%,100%{transform:translateX(120%)}}
.hx-disc{display:inline-flex;align-items:center;gap:10px;height:64px;padding:0 26px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(18,21,28,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e9ecf2;font-weight:700;font-size:16px;text-decoration:none;transition:border-color .2s,background .2s}
.hx-disc:hover{border-color:rgba(232,163,61,.5);background:rgba(232,163,61,.08);color:#fff}.hx-disc .ico{width:20px;height:20px}
.hx-enligne{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px;font-size:13.5px;color:#aab1bd}
.hx-enligne b{color:#e9ecf2;font-weight:600}.hx-enligne .point{width:9px;height:9px;border-radius:50%;background:#43c977;box-shadow:0 0 0 4px rgba(67,201,119,.18)}
.hx-enligne .sep{width:1px;height:16px;background:rgba(255,255,255,.15)}
.hx-conf{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.hx-conf span{display:inline-flex;align-items:center;gap:6px}.hx-conf .ico{width:15px;height:15px;color:var(--ambre)}
/* joueurs en ligne : petite pastille en verre, en haut à droite du bandeau */
.hx-haut{position:absolute;top:22px;left:0;right:0;z-index:3;pointer-events:none}.hx-haut .wrap{display:flex;justify-content:flex-end}
.hx-live{pointer-events:auto;display:inline-flex;align-items:center;gap:9px;padding:8px 15px 8px 13px;border-radius:999px;font-size:13px;color:#c4cad5;
 background:rgba(14,17,23,.55);border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 30px -16px rgba(0,0,0,.8)}
.hx-live b{color:#e9ecf2;font-weight:700;font-variant-numeric:tabular-nums}
.hx-live .point{width:8px;height:8px;border-radius:50%;background:#43c977;position:relative;flex:none;box-shadow:0 0 8px rgba(67,201,119,.6);animation:hxPoint 2.2s ease-in-out infinite}
.hx-live .point:after{content:"";position:absolute;inset:0;border-radius:50%;background:none;border:2px solid rgba(67,201,119,.7);animation:hxLive 2.2s ease-out infinite}
@keyframes hxLive{0%{transform:scale(1);opacity:.9}100%{transform:scale(3);opacity:0}}
@keyframes hxPoint{0%,100%{transform:scale(1);box-shadow:0 0 6px rgba(67,201,119,.5)}50%{transform:scale(1.15);box-shadow:0 0 12px rgba(67,201,119,.85)}}
/* chiffres sous le bandeau : quatre cartes en verre, icône ambrée, reflet lent */
.hx-stats{position:relative;z-index:2;margin:-72px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;container-type:inline-size}
.hx-stats .hs{display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:18px;position:relative;overflow:hidden;
 background:linear-gradient(160deg,rgba(28,32,42,.86),rgba(16,19,26,.82));border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
 box-shadow:0 26px 60px -30px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.05);transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
.hx-stats .hs:before{content:"";position:absolute;left:20px;right:20px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,163,61,.75),transparent);opacity:.55;transition:opacity .3s}
.hx-stats .hs:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.055) 50%,transparent 62%);transform:translateX(-110%);animation:hsReflet 9s ease-in-out infinite;animation-delay:calc(var(--i) * .7s + 1.2s)}
@keyframes hsReflet{0%{transform:translateX(-110%)}22%,100%{transform:translateX(110%)}}
.hx-stats .hs:hover{transform:translateY(-3px);border-color:rgba(232,163,61,.32);box-shadow:0 30px 60px -28px rgba(0,0,0,.9),0 0 0 1px rgba(232,163,61,.08),inset 0 1px 0 rgba(255,255,255,.06)}
.hx-stats .hs:hover:before{opacity:1}
.hs-ic{width:46px;height:46px;flex:none;border-radius:14px;display:grid;place-items:center;color:var(--ambre);background:radial-gradient(circle at 30% 25%,rgba(232,163,61,.26),rgba(232,163,61,.07));border:1px solid rgba(232,163,61,.24);transition:transform .3s}
.hs-ic .ico{width:21px;height:21px}.hx-stats .hs:hover .hs-ic{transform:scale(1.06) rotate(-4deg)}
.hx-stats .hs div{min-width:0}
.hx-stats b{display:block;font-size:30px;font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums}
.hx-stats span:not(.hs-ic){display:block;margin-top:5px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.js .hx-stats.revele{opacity:1;transform:none}.js .hx-stats.revele .hs{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s;transition-delay:calc(var(--i) * .08s),calc(var(--i) * .08s),0s,0s}
.js .hx-stats.revele.vu .hs{opacity:1;transform:none}.js .hx-stats.revele.vu .hs:hover{transform:translateY(-3px)}

@container (max-width:860px){.hx-stats .hs{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 18px}.hs-ic{width:40px;height:40px;border-radius:12px}.hx-stats b{font-size:26px}}

@media(max-width:700px){.hx{min-height:0;padding:64px 0 104px}.hx-actions{flex-direction:column;width:100%}.hx-jouer,.hx-disc{width:100%;max-width:340px}.hx-jouer{height:60px}
.hx-disc{height:52px;justify-content:center}.hx-enligne .sep,.hx-conf{display:none}.hx-stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:-60px}.hx-stats .hs{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.hs-ic{width:38px;height:38px;border-radius:12px}.hx-stats b{font-size:26px}
.hx-haut{top:14px}.hx-haut .wrap{justify-content:center}.hx-live{font-size:12px;padding:6px 12px 6px 11px}}
/* match privé */
.pm-prive{display:flex;align-items:center;gap:16px;margin:0 0 18px;padding:16px 18px;border-radius:16px;border:1px solid rgba(232,163,61,.3);background:linear-gradient(135deg,rgba(232,163,61,.1),rgba(232,163,61,.02))}
.pm-prive .ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(232,163,61,.14);color:var(--ambre);flex:none}.pm-prive .ic .ico{width:22px;height:22px}
.pm-prive div{flex:1;min-width:0}.pm-prive b{display:block;font-size:15px}.pm-prive small{display:block;color:var(--gris);font-size:13px;margin-top:2px;line-height:1.45}
.pm-prive .btn{flex:none;display:inline-flex;align-items:center;gap:8px}
@media(max-width:640px){.pm-prive{flex-wrap:wrap}.pm-prive .btn{width:100%;justify-content:center}}

/* objets de la boutique FANAL : contours d'avatar, couleurs de pseudo, titres, bannières */
.dc-c-braise{box-shadow:0 0 0 3px #e8a33d,0 0 12px rgba(232,163,61,.35)!important}
.dc-c-givre{box-shadow:0 0 0 3px #8fd3ff,0 0 14px rgba(143,211,255,.45)!important}
.dc-c-jade{box-shadow:0 0 0 3px #2fb36d,0 0 12px rgba(47,179,109,.35)!important}
.dc-c-double{box-shadow:0 0 0 2px #0b0d12,0 0 0 4px #e8a33d,0 0 0 6px #0b0d12,0 0 0 8px rgba(232,163,61,.6)!important}
.dc-c-neon{box-shadow:0 0 0 3px #ff4fd8,0 0 16px rgba(255,79,216,.6);animation:dcNeon 3s ease-in-out infinite!important}
.dc-c-aurore{box-shadow:0 0 0 3px #3dffa8,0 0 18px rgba(61,255,168,.5);animation:dcAurore 6s linear infinite!important}
.dc-c-phare{box-shadow:0 0 0 3px #ffcf7a,0 0 0 6px rgba(232,163,61,.3),0 0 14px 2px rgba(232,163,61,.45);animation:dcPhare 2.6s ease-in-out infinite!important}
.dc-c-eclipse{box-shadow:0 0 0 2px #050608,0 0 0 4px #f2f2f2,0 0 18px 2px rgba(255,255,255,.35)!important}
@keyframes dcNeon{0%,100%{box-shadow:0 0 0 3px #ff4fd8,0 0 16px rgba(255,79,216,.6)}50%{box-shadow:0 0 0 3px #3de0ff,0 0 16px rgba(61,224,255,.6)}}
@keyframes dcAurore{0%,100%{box-shadow:0 0 0 3px #3dffa8,0 0 18px rgba(61,255,168,.5)}33%{box-shadow:0 0 0 3px #3dc8ff,0 0 18px rgba(61,200,255,.5)}66%{box-shadow:0 0 0 3px #b06bff,0 0 18px rgba(176,107,255,.5)}}
@keyframes dcPhare{0%,100%{box-shadow:0 0 0 3px #ffcf7a,0 0 0 6px rgba(232,163,61,.3),0 0 14px 2px rgba(232,163,61,.45)}50%{box-shadow:0 0 0 3px #ffe2a8,0 0 0 7px rgba(232,163,61,.45),0 0 30px 8px rgba(232,163,61,.7)}}
.dc-n-ambre{color:#f2b95a!important}.dc-n-cyan{color:#5fd8ec!important}.dc-n-corail{color:#ff8a72!important}.dc-n-lilas{color:#bda3ff!important}
.dc-n-or,.dc-n-feu,.dc-n-aurore,.dc-n-plasma{-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent}
.dc-n-or{background-image:linear-gradient(100deg,#c98a1c,#ffe08a 45%,#d39a2a 70%,#fff0b8)}
.dc-n-feu{background-image:linear-gradient(90deg,#ff3d2e,#ff9a2e,#ffd84d,#ff9a2e,#ff3d2e);background-size:200% 100%;animation:dcDefile 3s linear infinite!important}
.dc-n-aurore{background-image:linear-gradient(90deg,#3dffa8,#3dc8ff,#b06bff,#3dc8ff,#3dffa8);background-size:200% 100%;animation:dcDefile 5s linear infinite!important}
.dc-n-plasma{background-image:linear-gradient(90deg,#ff4fd8,#5b6bff,#3de0ff,#5b6bff,#ff4fd8);background-size:200% 100%;animation:dcDefile 2.6s linear infinite!important}
@keyframes dcDefile{to{background-position:200% 0}}
.dc-t{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#e8a33d;background:rgba(232,163,61,.1);border:1px solid rgba(232,163,61,.28);border-radius:6px;padding:2px 8px;line-height:1.5;vertical-align:middle;white-space:nowrap}
.dc-ban{position:relative;overflow:hidden;isolation:isolate}
.dc-ban>*{position:relative;z-index:1}
.dc-b-nuit{background:radial-gradient(120% 140% at 100% 0,rgba(232,163,61,.32),transparent 55%),linear-gradient(160deg,#141a2b,#0b0d12)!important}
.dc-b-ocean{background:radial-gradient(100% 120% at 0 100%,rgba(40,170,190,.35),transparent 60%),linear-gradient(200deg,#0f2a36,#0a1018)!important}
.dc-b-braises{background:radial-gradient(4px 4px at 18% 70%,rgba(255,170,80,.9),transparent),radial-gradient(3px 3px at 62% 30%,rgba(255,120,60,.8),transparent),radial-gradient(3px 3px at 82% 76%,rgba(255,200,90,.8),transparent),radial-gradient(2px 2px at 40% 20%,rgba(255,150,70,.8),transparent),radial-gradient(120% 90% at 50% 120%,rgba(220,70,30,.5),transparent 60%),linear-gradient(180deg,#1a0f0c,#0b0d12)!important;background-size:auto!important}
.dc-b-tempete{background:repeating-linear-gradient(115deg,rgba(130,110,255,.08) 0 2px,transparent 2px 22px),radial-gradient(100% 120% at 100% 0,rgba(120,90,255,.4),transparent 60%),linear-gradient(160deg,#16132b,#0b0d12)!important}
.dc-b-phare{background:linear-gradient(105deg,transparent 30%,rgba(255,214,140,.22) 45%,rgba(255,214,140,.05) 55%,transparent 62%) 0 0/250% 100% no-repeat,radial-gradient(90% 120% at 0 50%,rgba(232,163,61,.35),transparent 60%),linear-gradient(160deg,#1b160d,#0b0d12)!important;animation:dcBalaie 6s ease-in-out infinite!important}
.dc-b-aube{background:radial-gradient(120% 100% at 50% 130%,rgba(255,140,120,.45),transparent 60%),linear-gradient(180deg,#1b1630,#2a1a2a 60%,#3a2028)!important}
/* apparence réservée au staff (automatique, jamais en boutique) */
.dc-c-fondateur{animation:dcFondateur 3.2s ease-in-out infinite!important;box-shadow:0 0 0 2px #120c03,0 0 0 4px #f5c451,0 0 0 6px #120c03,0 0 0 8px rgba(232,163,61,.55),0 0 22px 4px rgba(245,196,81,.45)}
@keyframes dcFondateur{0%,100%{box-shadow:0 0 0 2px #120c03,0 0 0 4px #f5c451,0 0 0 6px #120c03,0 0 0 8px rgba(232,163,61,.55),0 0 18px 2px rgba(245,196,81,.35)}50%{box-shadow:0 0 0 2px #120c03,0 0 0 4px #ffe39a,0 0 0 6px #120c03,0 0 0 8px rgba(255,214,120,.8),0 0 34px 8px rgba(245,196,81,.6)}}
.dc-c-modo{animation:dcModo 3s ease-in-out infinite!important;box-shadow:0 0 0 2px #04121a,0 0 0 4px #00d1ff,0 0 16px 2px rgba(0,209,255,.4)}
@keyframes dcModo{0%,100%{box-shadow:0 0 0 2px #04121a,0 0 0 4px #00d1ff,0 0 14px 1px rgba(0,209,255,.35)}50%{box-shadow:0 0 0 2px #04121a,0 0 0 4px #7fe9ff,0 0 26px 5px rgba(0,209,255,.55)}}
.dc-n-fondateur,.dc-n-modo{-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent;background-size:220% 100%;animation:dcDefile 4s linear infinite!important}
.dc-n-fondateur{background-image:linear-gradient(90deg,#f5c451,#fff1c2,#e8a33d,#fff1c2,#f5c451)}
.dc-n-modo{background-image:linear-gradient(90deg,#00d1ff,#c9f6ff,#3b9dff,#c9f6ff,#00d1ff)}
.dc-t-fondateur{color:#1a1206!important;background:linear-gradient(135deg,#ffe39a,#e8a33d)!important;border-color:#f5c451!important;box-shadow:0 0 14px rgba(245,196,81,.35)}
.dc-t-fondateur::before{content:"";display:inline-block;width:9px;height:9px;margin-right:5px;vertical-align:-1px;background:currentColor;clip-path:polygon(0 100%,0 30%,25% 60%,50% 0,75% 60%,100% 30%,100% 100%)}
.dc-t-modo{color:#00d1ff!important;background:rgba(0,209,255,.1)!important;border-color:rgba(0,209,255,.45)!important}
.dc-t-modo::before{content:"";display:inline-block;width:8px;height:9px;margin-right:5px;vertical-align:-1px;background:currentColor;clip-path:polygon(50% 0,100% 18%,100% 55%,50% 100%,0 55%,0 18%)}
.dc-b-fondateur{background:linear-gradient(115deg,transparent 35%,rgba(255,226,150,.16) 48%,transparent 60%) 0 0/260% 100% no-repeat,radial-gradient(90% 130% at 100% 0,rgba(245,196,81,.38),transparent 55%),radial-gradient(70% 90% at 0 100%,rgba(232,163,61,.18),transparent 60%),linear-gradient(160deg,#1d160a,#0b0d12)!important;animation:dcBalaie 7s ease-in-out infinite!important}
.dc-b-modo{background:repeating-linear-gradient(135deg,rgba(0,209,255,.05) 0 2px,transparent 2px 18px),radial-gradient(90% 130% at 100% 0,rgba(0,209,255,.3),transparent 55%),linear-gradient(160deg,#0a1820,#0b0d12)!important}
.dc-c-comete{animation:dcComete 2.4s linear infinite!important;box-shadow:0 0 0 2px #e8a33d}
@keyframes dcComete{0%{box-shadow:0 0 0 2px rgba(232,163,61,.7),-6px -6px 14px -2px #fff3c4}25%{box-shadow:0 0 0 2px rgba(232,163,61,.7),6px -6px 14px -2px #fff3c4}50%{box-shadow:0 0 0 2px rgba(232,163,61,.7),6px 6px 14px -2px #fff3c4}75%{box-shadow:0 0 0 2px rgba(232,163,61,.7),-6px 6px 14px -2px #fff3c4}100%{box-shadow:0 0 0 2px rgba(232,163,61,.7),-6px -6px 14px -2px #fff3c4}}
.dc-n-comete{-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent;background-image:linear-gradient(100deg,#e8a33d 0%,#e8a33d 40%,#fffbe8 50%,#e8a33d 60%,#e8a33d 100%);background-size:250% 100%;animation:dcDefile 2.8s linear infinite!important}
.dc-b-comete{background:linear-gradient(200deg,transparent 46%,rgba(255,240,200,.55) 49%,transparent 52%) 0 0/160% 160% no-repeat,linear-gradient(200deg,transparent 47%,rgba(255,226,160,.35) 49%,transparent 51%) 30% 0/120% 120% no-repeat,radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 85% 65%,#fff,transparent),radial-gradient(1px 1px at 40% 75%,#fff,transparent),linear-gradient(180deg,#141a2e,#0b0d12)!important;animation:dcEtoiles 5s linear infinite!important}
@keyframes dcEtoiles{0%{background-position:120% -60%,150% -40%,0 0,0 0,0 0,0 0,0 0}100%{background-position:-60% 140%,-40% 160%,0 0,0 0,0 0,0 0,0 0}}
@keyframes dcBalaie{0%,100%{background-position:100% 0,0 0,0 0}50%{background-position:0 0,0 0,0 0}}
/* récompenses de tournoi : contour, bannière et titre Champion (ne s'achètent pas) */
.dc-c-champion{animation:dcChampion 2.6s ease-in-out infinite!important;box-shadow:0 0 0 2px #1a1206,0 0 0 4px #f5c451,0 0 18px 3px rgba(245,196,81,.45)}
@keyframes dcChampion{0%,100%{box-shadow:0 0 0 2px #1a1206,0 0 0 4px #e8a33d,0 0 0 6px rgba(255,226,150,.0),0 0 14px 2px rgba(245,196,81,.35)}50%{box-shadow:0 0 0 2px #1a1206,0 0 0 4px #ffe39a,0 0 0 7px rgba(255,226,150,.35),0 0 26px 6px rgba(245,196,81,.6)}}
.dc-b-champion{background:linear-gradient(115deg,transparent 38%,rgba(255,236,180,.22) 48%,transparent 58%) 0 0/260% 100% no-repeat,
 radial-gradient(60% 120% at 50% 120%,rgba(245,196,81,.32),transparent 60%),repeating-conic-gradient(from 0deg at 50% 115%,rgba(245,196,81,.07) 0 6deg,transparent 6deg 14deg),linear-gradient(160deg,#21180a,#0b0d12)!important;animation:dcBalaie 6s ease-in-out infinite!important}
.dc-t-champion{color:#1a1206!important;background:linear-gradient(135deg,#fff1c2,#f5c451 45%,#e8a33d)!important;border-color:#ffe39a!important;box-shadow:0 0 16px rgba(245,196,81,.4)}
.dc-t-champion::before{content:"";display:inline-block;width:9px;height:9px;margin-right:5px;vertical-align:-1px;background:currentColor;clip-path:polygon(0 0,100% 0,100% 18%,84% 18%,78% 52%,58% 66%,58% 82%,76% 82%,76% 100%,24% 100%,24% 82%,42% 82%,42% 66%,22% 52%,16% 18%,0 18%)}

/* objets des caisses FANAL : contours dessinés (SVG), bannières illustrées, couleurs et titres animés */
.dc-c-forge:not(img),.dc-c-cristal:not(img),.dc-c-orbite:not(img),.dc-c-lauriers:not(img),.dc-c-ralliement:not(img),.dc-c-flammes:not(img),.dc-c-prisme:not(img),.dc-c-corona:not(img){overflow:visible!important;box-shadow:none!important;animation:none!important}
.dc-c-forge:not(img):not(.so-im),.dc-c-cristal:not(img):not(.so-im),.dc-c-orbite:not(img):not(.so-im),.dc-c-lauriers:not(img):not(.so-im),.dc-c-ralliement:not(img):not(.so-im),.dc-c-flammes:not(img):not(.so-im),.dc-c-prisme:not(img):not(.so-im),.dc-c-corona:not(img):not(.so-im){position:relative}
.dc-c-forge img,.dc-c-cristal img,.dc-c-orbite img,.dc-c-lauriers img,.dc-c-ralliement img,.dc-c-flammes img,.dc-c-prisme img,.dc-c-corona img{border-radius:50%}
.dc-c-forge:not(img)::after,.dc-c-cristal:not(img)::after,.dc-c-orbite:not(img)::after,.dc-c-lauriers:not(img)::after,.dc-c-ralliement:not(img)::after,.dc-c-flammes:not(img)::after,.dc-c-prisme:not(img)::after,.dc-c-corona:not(img)::after{content:"";position:absolute;inset:-11.5%;background:center/contain no-repeat;pointer-events:none;z-index:3}
.dc-c-forge:not(img)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='-75 -75 150 150'%3E%3Cdefs%3E%3ClinearGradient id='bronze' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ffd9a8'/%3E%3Cstop offset='.25' stop-color='%23c9843f'/%3E%3Cstop offset='.55' stop-color='%236e3d18'/%3E%3Cstop offset='.8' stop-color='%23d79a57'/%3E%3Cstop offset='1' stop-color='%238a5226'/%3E%3C/linearGradient%3E%3CradialGradient id='rivet' cx='.35' cy='.3'%3E%3Cstop offset='0' stop-color='%23fff2d9'/%3E%3Cstop offset='.45' stop-color='%23c58a4a'/%3E%3Cstop offset='1' stop-color='%234b2a10'/%3E%3C/radialGradient%3E%3C/defs%3E %3Ccircle r='62' fill='none' stroke='%23000' stroke-opacity='.55' stroke-width='16' transform='translate(0 3)'/%3E %3Ccircle r='62' fill='none' stroke='url(%23bronze)' stroke-width='15'/%3E %3Ccircle r='69' fill='none' stroke='%23ffe3bf' stroke-opacity='.5' stroke-width='1'/%3E %3Ccircle r='55' fill='none' stroke='%232a1405' stroke-opacity='.8' stroke-width='1.5'/%3E %3Cpath d='M-50 -36 A62 62 0 0 1 36 -50' fill='none' stroke='%23fff' stroke-opacity='.55' stroke-width='3' stroke-linecap='round'/%3E %3Cg fill='url(%23rivet)'%3E%3Ccircle cx='0' cy='-62' r='4.2'/%3E%3Ccircle cx='44' cy='-44' r='4.2'/%3E%3Ccircle cx='62' cy='0' r='4.2'/%3E%3Ccircle cx='44' cy='44' r='4.2'/%3E%3Ccircle cx='0' cy='62' r='4.2'/%3E%3Ccircle cx='-44' cy='44' r='4.2'/%3E%3Ccircle cx='-62' cy='0' r='4.2'/%3E%3Ccircle cx='-44' cy='-44' r='4.2'/%3E%3C/g%3E %3C/svg%3E")}
.dc-c-cristal:not(img)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='-75 -75 150 150'%3E%3Cdefs%3E%3ClinearGradient id='glace' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23eaffff'/%3E%3Cstop offset='.5' stop-color='%237fd4ff'/%3E%3Cstop offset='1' stop-color='%232a6fb8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='cristaux'%3E %3Ccircle r='58' fill='none' stroke='%237fd4ff' stroke-opacity='.5' stroke-width='2'/%3E %3Cg fill='url(%23glace)' stroke='%23eaffff' stroke-width='.8'%3E %3Cpath d='M0 -74 L7 -56 L0 -50 L-7 -56Z'/%3E%3Cpath d='M52 -52 L45 -33 L37 -38 L40 -46Z'/%3E%3Cpath d='M74 0 L56 7 L50 0 L56 -7Z'/%3E%3Cpath d='M52 52 L33 45 L38 37 L46 40Z'/%3E %3Cpath d='M0 74 L-7 56 L0 50 L7 56Z'/%3E%3Cpath d='M-52 52 L-45 33 L-37 38 L-40 46Z'/%3E%3Cpath d='M-74 0 L-56 -7 L-50 0 L-56 7Z'/%3E%3Cpath d='M-52 -52 L-33 -45 L-38 -37 L-46 -40Z'/%3E %3Cpath d='M27 -66 L28 -54 L22 -53Z'/%3E%3Cpath d='M66 27 L54 28 L53 22Z'/%3E%3Cpath d='M-27 66 L-28 54 L-22 53Z'/%3E%3Cpath d='M-66 -27 L-54 -28 L-53 -22Z'/%3E %3C/g%3E %3Cg fill='%23fff'%3E%3Ccircle cx='0' cy='-60' r='1.6'%3E%3Canimate attributeName='opacity' values='0;1;0' dur='2.2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='60' cy='0' r='1.6'%3E%3Canimate attributeName='opacity' values='0;1;0' dur='2.2s' begin='.7s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='-42' cy='42' r='1.6'%3E%3Canimate attributeName='opacity' values='0;1;0' dur='2.2s' begin='1.3s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E %3CanimateTransform attributeName='transform' type='rotate' from='0' to='360' dur='40s' repeatCount='indefinite'/%3E%3C/g%3E %3C/svg%3E")}
.dc-c-orbite:not(img)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='-75 -75 150 150'%3E%3Cdefs%3E%3Cfilter id='lueur' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='3' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3CradialGradient id='sphere' cx='.35' cy='.3'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.35' stop-color='%23d7b8ff'/%3E%3Cstop offset='1' stop-color='%236a2fd0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cdefs%3E%3Cmask id='der' maskUnits='userSpaceOnUse' x='-75' y='-75' width='150' height='150'%3E%3Crect x='-75' y='-75' width='150' height='150' fill='%23fff'/%3E%3Ccircle r='61' fill='%23000'/%3E%3C/mask%3E %3CclipPath id='avant'%3E%3Crect x='-80' y='0' width='160' height='80'/%3E%3C/clipPath%3E%3C/defs%3E %3Ccircle r='61' fill='none' stroke='%23b073ff' stroke-width='2.5' stroke-opacity='.85'/%3E%3Ccircle r='64' fill='none' stroke='%23d6b6ff' stroke-width='1' stroke-opacity='.35'/%3E %3Cg transform='rotate(-18)'%3E%3Cg mask='url(%23der)'%3E%3Cellipse rx='70' ry='22' fill='none' stroke='%23b073ff' stroke-opacity='.45' stroke-width='2'/%3E %3Ccircle r='7' fill='url(%23sphere)'%3E%3CanimateMotion dur='5s' repeatCount='indefinite' path='M70 0 A70 22 0 1 1 -70 0 A70 22 0 1 1 70 0'/%3E%3C/circle%3E%3C/g%3E %3Cg clip-path='url(%23avant)'%3E%3Cpath d='M70 0 A70 22 0 0 1 -70 0' fill='none' stroke='%23d6b6ff' stroke-width='3'/%3E%3C/g%3E %3Ccircle r='7' fill='url(%23sphere)' filter='url(%23lueur)'%3E%3CanimateMotion dur='5s' repeatCount='indefinite' path='M70 0 A70 22 0 1 1 -70 0 A70 22 0 1 1 70 0'/%3E %3Canimate attributeName='opacity' values='1;1;0;0;1' keyTimes='0;.5;.5;1;1' dur='5s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}
.dc-c-lauriers:not(img)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='-75 -75 150 150'%3E%3Cdefs%3E%3ClinearGradient id='feuille' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff0b8'/%3E%3Cstop offset='.5' stop-color='%23e3a73a'/%3E%3Cstop offset='1' stop-color='%237d4c0c'/%3E%3C/linearGradient%3E%3ClinearGradient id='orG' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff1c2'/%3E%3Cstop offset='.35' stop-color='%23f2b24a'/%3E%3Cstop offset='.65' stop-color='%239a6114'/%3E%3Cstop offset='1' stop-color='%23ffd27a'/%3E%3C/linearGradient%3E%3C/defs%3E %3Cg id='branche' fill='url(%23feuille)' stroke='%236a3f08' stroke-width='.5'%3E%3Cpath d='M-10 64 C-44 56 -68 26 -66 -14' fill='none' stroke='url(%23orG)' stroke-width='2.6'/%3E%3Cpath d='M0 0 C4 -6 12 -7 18 -2 C12 2 4 3 0 0Z' transform='translate(-10.9 62.0) rotate(392) scale(1.05)'/%3E%3Cpath d='M0 0 C4 -6 12 -7 18 -2 C12 2 4 3 0 0Z' transform='translate(-10.9 62.0) rotate(348) scale(1.05)'/%3E%3Cpath d='M0 0 C4 -6 12 -7 18 -2 C12 2 4 3 0 0Z' transform='translate(-27.1 56.9) rotate(407) scale(1.05)'/%3E%3Cpath d='M0 0 C4 -6 12 -7 18 -2 C12 2 4 3 0 0Z' transform='translate(-27.1 56.9) rotate(364) scale(1.05)'/%3E%3Cpath d='M0 0 C4 -6 12 -7 18 -2 C12 2 4 3 0 0Z' transform='translate(-41.3 47.5) rotate(423) scale(1.05)'/%3E%3Cpath d='M0 0 C4 -6 12 -7 18 -2 C12 2 4 3 0 0Z' transform='translate(-41.3 47.5) rotate(379) scale(1.05)'/%3E%3Cpath d='M0 0 C4 -6 12 -7 18 -2 C12 2 4 3 0 0Z' transform='translate(-52.5 34.8) rotate(438) scale(1.05)'/%3E%3Cpath d='M0 0 C4 -6 12 -7 18 -2 C12 2 4 3 0 0Z' transform='translate(-52.5 34.8) rotate(395) scale(1.05)'/%3E%3Cpath d='M0 0 C4 -6 12 -7 18 -2 C12 2 4 3 0 0Z' transform='translate(-59.9 19.5) rotate(454) scale(1.05)'/%3E%3Cpath d='M0 0 C4 -6 12 -7 18 -2 C12 2 4 3 0 0Z' transform='translate(-59.9 19.5) rotate(410) scale(1.05)'/%3E%3Cpath d='M0 0 C4 -6 12 -7 18 -2 C12 2 4 3 0 0Z' transform='translate(-62.9 2.7) rotate(469) scale(1.05)'/%3E%3Cpath d='M0 0 C4 -6 12 -7 18 -2 C12 2 4 3 0 0Z' transform='translate(-62.9 2.7) rotate(426) scale(1.05)'/%3E%3Cpath d='M0 0 C4 -6 12 -7 18 -2 C12 2 4 3 0 0Z' transform='translate(-61.4 -14.2) rotate(485) scale(1.05)'/%3E%3Cpath d='M0 0 C4 -6 12 -7 18 -2 C12 2 4 3 0 0Z' transform='translate(-61.4 -14.2) rotate(441) scale(1.05)'/%3E%3Cpath d='M0 0 C4 -6 12 -7 18 -2 C12 2 4 3 0 0Z' transform='translate(-55.4 -30.1) rotate(500) scale(1.05)'/%3E%3Cpath d='M0 0 C4 -6 12 -7 18 -2 C12 2 4 3 0 0Z' transform='translate(-55.4 -30.1) rotate(457) scale(1.05)'/%3E%3Cpath d='M0 0 C4 -6 12 -7 18 -2 C12 2 4 3 0 0Z' transform='translate(-45.3 -43.8) rotate(516) scale(1.05)'/%3E%3Cpath d='M0 0 C4 -6 12 -7 18 -2 C12 2 4 3 0 0Z' transform='translate(-45.3 -43.8) rotate(472) scale(1.05)'/%3E%3Cpath d='M0 0 C4 -6 12 -7 18 -2 C12 2 4 3 0 0Z' transform='translate(-32.0 -54.3) rotate(531) scale(1.05)'/%3E%3Cpath d='M0 0 C4 -6 12 -7 18 -2 C12 2 4 3 0 0Z' transform='translate(-32.0 -54.3) rotate(488) scale(1.05)'/%3E%3Cpath d='M0 0 C4 -6 12 -7 18 -2 C12 2 4 3 0 0Z' transform='translate(-16.3 -60.9) rotate(547) scale(1.05)'/%3E%3Cpath d='M0 0 C4 -6 12 -7 18 -2 C12 2 4 3 0 0Z' transform='translate(-16.3 -60.9) rotate(503) scale(1.05)'/%3E%3C/g%3E %3Cuse xlink:href='%23branche' transform='scale(-1 1)'/%3E %3Cpath d='M-14 64 Q0 72 14 64 L8 74 Q0 70 -8 74Z' fill='url(%23orG)'/%3E %3Crect x='-70' y='-70' width='40' height='140' fill='%23fff' opacity='.0'%3E%3Canimate attributeName='x' values='-90;70' dur='3s' repeatCount='indefinite'/%3E%3C/rect%3E %3C/svg%3E")}
.dc-c-ralliement:not(img)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='-75 -75 150 150'%3E%3Cdefs%3E%3Cfilter id='lueur' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='3' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cdefs%3E%3CradialGradient id='ralH'%3E%3Cstop offset='0' stop-color='%23ffe3a3'/%3E%3Cstop offset='.4' stop-color='%23e8a33d' stop-opacity='.7'/%3E%3Cstop offset='1' stop-color='%23e8a33d' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E %3Ccircle r='60' fill='none' stroke='%231b1f29' stroke-width='9'/%3E%3Ccircle r='60' fill='none' stroke='%23e8a33d' stroke-width='2' stroke-opacity='.7' stroke-dasharray='4 8'/%3E %3Ccircle r='60' fill='none' stroke='%23ffcf7a' stroke-width='3' stroke-dasharray='40 337' filter='url(%23lueur)'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0' to='360' dur='4s' repeatCount='indefinite'/%3E%3C/circle%3E %3Cg transform='rotate(0)'%3E%3Ccircle cx='0' cy='-60' r='9' fill='url(%23ralH)'%3E%3Canimate attributeName='opacity' values='0;1;0' dur='2.4s' begin='0.0s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='-60' r='3' fill='%23fff3c4'%3E%3Canimate attributeName='opacity' values='.3;1;.3' dur='2.4s' begin='0.0s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3Cg transform='rotate(120)'%3E%3Ccircle cx='0' cy='-60' r='9' fill='url(%23ralH)'%3E%3Canimate attributeName='opacity' values='0;1;0' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='-60' r='3' fill='%23fff3c4'%3E%3Canimate attributeName='opacity' values='.3;1;.3' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3Cg transform='rotate(240)'%3E%3Ccircle cx='0' cy='-60' r='9' fill='url(%23ralH)'%3E%3Canimate attributeName='opacity' values='0;1;0' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='-60' r='3' fill='%23fff3c4'%3E%3Canimate attributeName='opacity' values='.3;1;.3' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E %3C/svg%3E")}
.dc-c-flammes:not(img)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='-75 -75 150 150'%3E%3Cdefs%3E%3Cfilter id='feu' x='-30%25' y='-30%25' width='160%25' height='160%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.035 0.09' numOctaves='2' seed='3'%3E%3Canimate attributeName='baseFrequency' dur='3s' values='0.035 0.09;0.04 0.12;0.035 0.09' repeatCount='indefinite'/%3E%3C/feTurbulence%3E%3CfeDisplacementMap in='SourceGraphic' scale='9'/%3E%3CfeGaussianBlur stdDeviation='.6'/%3E%3C/filter%3E%3ClinearGradient id='flamme' x1='0' y1='1' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%23ff3d1f'/%3E%3Cstop offset='.45' stop-color='%23ff9a1f'/%3E%3Cstop offset='.85' stop-color='%23ffe27a'/%3E%3Cstop offset='1' stop-color='%23fff6d0' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='lueur' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='3' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E %3Ccircle r='58' fill='none' stroke='%23ff6a1f' stroke-width='18' opacity='.25' filter='url(%23lueur)'/%3E %3Cg filter='url(%23feu)'%3E%3Cg fill='url(%23flamme)'%3E %3Cdefs%3E%3Cpath id='fl' d='M0 -48 C12 -58 9 -72 1 -86 C-3 -74 -14 -62 0 -48Z'/%3E%3C/defs%3E%3Cuse xlink:href='%23fl' transform='rotate(0) scale(1)'/%3E%3Cuse xlink:href='%23fl' transform='rotate(15) scale(0.78)'/%3E%3Cuse xlink:href='%23fl' transform='rotate(30) scale(1)'/%3E%3Cuse xlink:href='%23fl' transform='rotate(45) scale(0.78)'/%3E%3Cuse xlink:href='%23fl' transform='rotate(60) scale(1)'/%3E%3Cuse xlink:href='%23fl' transform='rotate(75) scale(0.78)'/%3E%3Cuse xlink:href='%23fl' transform='rotate(90) scale(1)'/%3E%3Cuse xlink:href='%23fl' transform='rotate(105) scale(0.78)'/%3E%3Cuse xlink:href='%23fl' transform='rotate(120) scale(1)'/%3E%3Cuse xlink:href='%23fl' transform='rotate(135) scale(0.78)'/%3E%3Cuse xlink:href='%23fl' transform='rotate(150) scale(1)'/%3E%3Cuse xlink:href='%23fl' transform='rotate(165) scale(0.78)'/%3E%3Cuse xlink:href='%23fl' transform='rotate(180) scale(1)'/%3E%3Cuse xlink:href='%23fl' transform='rotate(195) scale(0.78)'/%3E%3Cuse xlink:href='%23fl' transform='rotate(210) scale(1)'/%3E%3Cuse xlink:href='%23fl' transform='rotate(225) scale(0.78)'/%3E%3Cuse xlink:href='%23fl' transform='rotate(240) scale(1)'/%3E%3Cuse xlink:href='%23fl' transform='rotate(255) scale(0.78)'/%3E%3Cuse xlink:href='%23fl' transform='rotate(270) scale(1)'/%3E%3Cuse xlink:href='%23fl' transform='rotate(285) scale(0.78)'/%3E%3Cuse xlink:href='%23fl' transform='rotate(300) scale(1)'/%3E%3Cuse xlink:href='%23fl' transform='rotate(315) scale(0.78)'/%3E%3Cuse xlink:href='%23fl' transform='rotate(330) scale(1)'/%3E%3Cuse xlink:href='%23fl' transform='rotate(345) scale(0.78)'/%3E %3Ccircle r='56' fill='none' stroke='%23ff8a1f' stroke-width='10'/%3E %3C/g%3E%3C/g%3E %3Ccircle r='51' fill='none' stroke='%23ffd27a' stroke-width='3' filter='url(%23lueur)'/%3E %3Ccircle r='49.5' fill='none' stroke='%23fff6d8' stroke-width='1'/%3E %3Cg fill='%23ffe7a8'%3E%3Ccircle cx='20' cy='-70' r='1.6'%3E%3Canimate attributeName='cy' values='-60;-90' dur='1.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0' dur='1.6s' repeatCount='indefinite'/%3E%3C/circle%3E %3Ccircle cx='-34' cy='-62' r='1.3'%3E%3Canimate attributeName='cy' values='-56;-88' dur='2.1s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0' dur='2.1s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E %3C/svg%3E")}
.dc-c-prisme:not(img)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='-75 -75 150 150'%3E%3Cdefs%3E%3ClinearGradient id='prisme' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%237ff'/%3E%3Cstop offset='.25' stop-color='%23a6f'/%3E%3Cstop offset='.5' stop-color='%23f7a'/%3E%3Cstop offset='.75' stop-color='%23ff8'/%3E%3Cstop offset='1' stop-color='%237ff'/%3E %3CanimateTransform attributeName='gradientTransform' type='rotate' from='0 .5 .5' to='360 .5 .5' dur='5s' repeatCount='indefinite'/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle r='60' fill='none' stroke='url(%23prisme)' stroke-width='10'/%3E %3Ccircle r='60' fill='none' stroke='%23fff' stroke-opacity='.25' stroke-width='10' stroke-dasharray='20 357'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0' to='360' dur='3s' repeatCount='indefinite'/%3E%3C/circle%3E %3Ccircle r='66' fill='none' stroke='%23fff' stroke-opacity='.35' stroke-width='1'/%3E%3Ccircle r='54' fill='none' stroke='%23000' stroke-opacity='.5' stroke-width='1'/%3E %3Cpath d='M-44 -40 A60 60 0 0 1 20 -57' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-opacity='.8'/%3E %3C/svg%3E")}
.dc-c-corona:not(img)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='-75 -75 150 150'%3E%3Cdefs%3E%3Cfilter id='lueur' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='3' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cdefs%3E%3CradialGradient id='ce' cx='0' cy='0' r='70' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.68' stop-color='%23ffd1dc'/%3E%3Cstop offset='.85' stop-color='%23ff4f7b' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%23ff4f7b' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E %3Ccircle r='62' fill='none' stroke='%23ff4f7b' stroke-width='14' opacity='.2' filter='url(%23lueur)'/%3E %3Cg fill='url(%23ce)'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0' to='360' dur='24s' repeatCount='indefinite'/%3E%3Cpath d='M0 -50 C6 -56 4 -64 0 -68 C-4 -64 -6 -56 0 -50Z' transform='rotate(0)'/%3E%3Cpath d='M0 -50 C6 -56 4 -64 0 -72 C-4 -64 -6 -56 0 -50Z' transform='rotate(20)'/%3E%3Cpath d='M0 -50 C6 -56 4 -64 0 -76 C-4 -64 -6 -56 0 -50Z' transform='rotate(40)'/%3E%3Cpath d='M0 -50 C6 -56 4 -64 0 -68 C-4 -64 -6 -56 0 -50Z' transform='rotate(60)'/%3E%3Cpath d='M0 -50 C6 -56 4 -64 0 -72 C-4 -64 -6 -56 0 -50Z' transform='rotate(80)'/%3E%3Cpath d='M0 -50 C6 -56 4 -64 0 -76 C-4 -64 -6 -56 0 -50Z' transform='rotate(100)'/%3E%3Cpath d='M0 -50 C6 -56 4 -64 0 -68 C-4 -64 -6 -56 0 -50Z' transform='rotate(120)'/%3E%3Cpath d='M0 -50 C6 -56 4 -64 0 -72 C-4 -64 -6 -56 0 -50Z' transform='rotate(140)'/%3E%3Cpath d='M0 -50 C6 -56 4 -64 0 -76 C-4 -64 -6 -56 0 -50Z' transform='rotate(160)'/%3E%3Cpath d='M0 -50 C6 -56 4 -64 0 -68 C-4 -64 -6 -56 0 -50Z' transform='rotate(180)'/%3E%3Cpath d='M0 -50 C6 -56 4 -64 0 -72 C-4 -64 -6 -56 0 -50Z' transform='rotate(200)'/%3E%3Cpath d='M0 -50 C6 -56 4 -64 0 -76 C-4 -64 -6 -56 0 -50Z' transform='rotate(220)'/%3E%3Cpath d='M0 -50 C6 -56 4 -64 0 -68 C-4 -64 -6 -56 0 -50Z' transform='rotate(240)'/%3E%3Cpath d='M0 -50 C6 -56 4 -64 0 -72 C-4 -64 -6 -56 0 -50Z' transform='rotate(260)'/%3E%3Cpath d='M0 -50 C6 -56 4 -64 0 -76 C-4 -64 -6 -56 0 -50Z' transform='rotate(280)'/%3E%3Cpath d='M0 -50 C6 -56 4 -64 0 -68 C-4 -64 -6 -56 0 -50Z' transform='rotate(300)'/%3E%3Cpath d='M0 -50 C6 -56 4 -64 0 -72 C-4 -64 -6 -56 0 -50Z' transform='rotate(320)'/%3E%3Cpath d='M0 -50 C6 -56 4 -64 0 -76 C-4 -64 -6 -56 0 -50Z' transform='rotate(340)'/%3E%3C/g%3E %3Ccircle r='52' fill='none' stroke='%23050204' stroke-width='7'/%3E %3Ccircle r='55.5' fill='none' stroke='%23ffd1dc' stroke-width='1.5' filter='url(%23lueur)'%3E%3Canimate attributeName='stroke-opacity' values='.6;1;.6' dur='3s' repeatCount='indefinite'/%3E%3C/circle%3E %3C/svg%3E")}
.dc-b-desert{background:linear-gradient(90deg,rgba(9,11,16,.72),rgba(9,11,16,.25) 60%,rgba(9,11,16,.05)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 600 200' preserveAspectRatio='xMidYMid slice'%3E %3Cdefs%3E%3ClinearGradient id='cielD' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%232a1a4a'/%3E%3Cstop offset='.55' stop-color='%23c2547a'/%3E%3Cstop offset='1' stop-color='%23ffb35a'/%3E%3C/linearGradient%3E%3C/defs%3E %3Crect width='600' height='200' fill='url(%23cielD)'/%3E %3Ccircle cx='420' cy='132' r='40' fill='%23ffe0a3' opacity='.95'%3E%3Canimate attributeName='cy' values='132;128;132' dur='8s' repeatCount='indefinite'/%3E%3C/circle%3E %3Cg fill='%235a2c3e' opacity='.85'%3E%3Crect x='60' y='96' width='38' height='70'/%3E%3Cpath d='M60 96 Q79 74 98 96Z'/%3E%3Crect x='112' y='110' width='26' height='56'/%3E%3Cpath d='M112 110 Q125 94 138 110Z'/%3E%3Crect x='470' y='102' width='44' height='64'/%3E%3Cpath d='M470 102 Q492 80 514 102Z'/%3E%3Crect x='146' y='124' width='70' height='42'/%3E%3Cpath d='M160 166 V140 Q181 122 202 140 V166Z' fill='%232e1520'/%3E%3C/g%3E %3Cpath d='M0 160 Q120 130 240 156 T480 150 T600 158 V200 H0Z' fill='%23a8562f'/%3E %3Cpath d='M0 176 Q150 150 300 174 T600 170 V200 H0Z' fill='%237a3a1f'/%3E %3Cpath d='M0 190 Q200 172 400 188 T600 186 V200 H0Z' fill='%234e2414'/%3E %3Cg fill='%23fff3d6' opacity='.7'%3E%3Ccircle cx='40' cy='30' r='1'/%3E%3Ccircle cx='120' cy='18' r='1.2'/%3E%3Ccircle cx='210' cy='40' r='.9'/%3E%3Ccircle cx='300' cy='22' r='1'/%3E%3C/g%3E %3C/svg%3E") center/cover no-repeat,#0b0d12!important}
.dc-b-fonderie{background:linear-gradient(90deg,rgba(9,11,16,.72),rgba(9,11,16,.25) 60%,rgba(9,11,16,.05)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 600 200' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3Cfilter id='lueur' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='3' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E %3Cdefs%3E%3ClinearGradient id='cielG' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230d0a0a'/%3E%3Cstop offset='1' stop-color='%232a1208'/%3E%3C/linearGradient%3E %3ClinearGradient id='fonte' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23ff3d1f'/%3E%3Cstop offset='.5' stop-color='%23ffd27a'/%3E%3Cstop offset='1' stop-color='%23ff3d1f'/%3E%3CanimateTransform attributeName='gradientTransform' type='translate' values='-.3 0;.3 0;-.3 0' dur='4s' repeatCount='indefinite'/%3E%3C/linearGradient%3E %3CradialGradient id='chaleur' cx='.5' cy='1'%3E%3Cstop offset='0' stop-color='%23ff7a1f' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23ff7a1f' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E %3Crect width='600' height='200' fill='url(%23cielG)'/%3E%3Cellipse cx='300' cy='200' rx='320' ry='120' fill='url(%23chaleur)'/%3E %3Cpath d='M200 200 L230 130 L370 130 L400 200Z' fill='%231a0f0a'/%3E%3Crect x='214' y='122' width='172' height='14' rx='3' fill='%232a1a12'/%3E %3Cpath d='M232 136 Q300 150 368 136 L362 150 Q300 162 238 150Z' fill='url(%23fonte)' filter='url(%23lueur)'/%3E %3Cpath d='M40 200 L60 110 L110 110 L130 200Z M470 200 L490 96 L540 96 L560 200Z' fill='%23120a07'/%3E %3Cpath d='M150 168 h70 v10 h-70z M160 158 h50 l6 10 h-62z' fill='%233a2a22'/%3E%3Cpath d='M420 170 l60 -40 l8 8 l-60 40z' fill='%234a505c'/%3E %3Ccircle cx='280' cy='150' r='1.6' fill='%23ffd27a'%3E%3Canimate attributeName='cy' values='150;60' dur='1.4s' begin='0.00s' repeatCount='indefinite'/%3E%3Canimate attributeName='cx' values='280;310' dur='1.4s' begin='0.00s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0' dur='1.4s' begin='0.00s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='300' cy='150' r='1.6' fill='%23ffd27a'%3E%3Canimate attributeName='cy' values='150;67' dur='1.7s' begin='0.25s' repeatCount='indefinite'/%3E%3Canimate attributeName='cx' values='300;270' dur='1.7s' begin='0.25s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0' dur='1.7s' begin='0.25s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='315' cy='150' r='1.6' fill='%23ffd27a'%3E%3Canimate attributeName='cy' values='150;74' dur='2.0s' begin='0.50s' repeatCount='indefinite'/%3E%3Canimate attributeName='cx' values='315;345' dur='2.0s' begin='0.50s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0' dur='2.0s' begin='0.50s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='290' cy='150' r='1.6' fill='%23ffd27a'%3E%3Canimate attributeName='cy' values='150;81' dur='2.3s' begin='0.75s' repeatCount='indefinite'/%3E%3Canimate attributeName='cx' values='290;260' dur='2.3s' begin='0.75s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0' dur='2.3s' begin='0.75s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='325' cy='150' r='1.6' fill='%23ffd27a'%3E%3Canimate attributeName='cy' values='150;88' dur='2.6s' begin='1.00s' repeatCount='indefinite'/%3E%3Canimate attributeName='cx' values='325;355' dur='2.6s' begin='1.00s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0' dur='2.6s' begin='1.00s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='305' cy='150' r='1.6' fill='%23ffd27a'%3E%3Canimate attributeName='cy' values='150;95' dur='2.9s' begin='1.25s' repeatCount='indefinite'/%3E%3Canimate attributeName='cx' values='305;275' dur='2.9s' begin='1.25s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0' dur='2.9s' begin='1.25s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='270' cy='150' r='1.6' fill='%23ffd27a'%3E%3Canimate attributeName='cy' values='150;102' dur='3.2s' begin='1.50s' repeatCount='indefinite'/%3E%3Canimate attributeName='cx' values='270;300' dur='3.2s' begin='1.50s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0' dur='3.2s' begin='1.50s' repeatCount='indefinite'/%3E%3C/circle%3E %3C/svg%3E") center/cover no-repeat,#0b0d12!important}
.dc-b-neon{background:linear-gradient(90deg,rgba(9,11,16,.72),rgba(9,11,16,.25) 60%,rgba(9,11,16,.05)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 600 200' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3Cfilter id='lueur' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='3' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E %3Cdefs%3E%3ClinearGradient id='cielN' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23070914'/%3E%3Cstop offset='1' stop-color='%231c1240'/%3E%3C/linearGradient%3E %3Cpattern id='fen' width='10' height='12' patternUnits='userSpaceOnUse'%3E%3Crect x='2' y='3' width='4' height='5' fill='%23ffd27a' opacity='.55'/%3E%3C/pattern%3E %3Cpattern id='pluie' width='14' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0 L6 14' stroke='%239fd4ff' stroke-opacity='.35'/%3E%3CanimateTransform attributeName='patternTransform' type='translate' from='0 0' to='-8 40' dur='.6s' repeatCount='indefinite'/%3E%3C/pattern%3E%3C/defs%3E %3Crect width='600' height='200' fill='url(%23cielN)'/%3E %3Cg fill='%230f1326'%3E%3Crect x='0' y='80' width='70' height='120'/%3E%3Crect x='80' y='40' width='50' height='160'/%3E%3Crect x='140' y='96' width='60' height='104'/%3E%3Crect x='210' y='60' width='44' height='140'/%3E%3Crect x='262' y='100' width='80' height='100'/%3E%3Crect x='350' y='30' width='56' height='170'/%3E%3Crect x='414' y='86' width='62' height='114'/%3E%3Crect x='484' y='54' width='48' height='146'/%3E%3Crect x='540' y='104' width='60' height='96'/%3E%3C/g%3E %3Cg fill='url(%23fen)'%3E%3Crect x='84' y='48' width='42' height='150'/%3E%3Crect x='214' y='68' width='36' height='130'/%3E%3Crect x='354' y='38' width='48' height='160'/%3E%3Crect x='488' y='62' width='40' height='136'/%3E%3C/g%3E %3Crect x='262' y='112' width='74' height='16' rx='3' fill='none' stroke='%23ff4fd8' stroke-width='2.5' filter='url(%23lueur)'%3E%3Canimate attributeName='stroke-opacity' values='1;.4;1;1;.2;1' dur='3s' repeatCount='indefinite'/%3E%3C/rect%3E %3Ctext x='299' y='124.5' text-anchor='middle' font-size='10' font-weight='800' fill='%23ff9bea' font-family='Poppins'%3EFANAL%3C/text%3E %3Crect x='418' y='120' width='54' height='10' rx='2' fill='%233fd3ff' opacity='.85' filter='url(%23lueur)'/%3E %3Crect width='600' height='200' fill='url(%23pluie)'/%3E %3Crect y='186' width='600' height='14' fill='%230a0d1a'/%3E%3Crect y='186' width='600' height='3' fill='%23ff4fd8' opacity='.25'/%3E %3C/svg%3E") center/cover no-repeat,#0b0d12!important}
.dc-b-fanal{background:linear-gradient(90deg,rgba(9,11,16,.72),rgba(9,11,16,.25) 60%,rgba(9,11,16,.05)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 600 200' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3Cfilter id='lueur' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='3' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E %3Cdefs%3E%3ClinearGradient id='cielF' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2305070d'/%3E%3Cstop offset='1' stop-color='%23141a2a'/%3E%3C/linearGradient%3E %3CradialGradient id='halo' cx='.5' cy='.5'%3E%3Cstop offset='0' stop-color='%23ffe3a3' stop-opacity='.95'/%3E%3Cstop offset='.25' stop-color='%23e8a33d' stop-opacity='.45'/%3E%3Cstop offset='1' stop-color='%23e8a33d' stop-opacity='0'/%3E%3C/radialGradient%3E %3ClinearGradient id='brume' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%238a96b0' stop-opacity='0'/%3E%3Cstop offset='.5' stop-color='%238a96b0' stop-opacity='.16'/%3E%3Cstop offset='1' stop-color='%238a96b0' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E %3Crect width='600' height='200' fill='url(%23cielF)'/%3E %3Cg fill='%23fff'%3E%3Ccircle cx='40' cy='26' r='1'/%3E%3Ccircle cx='110' cy='50' r='.8'/%3E%3Ccircle cx='180' cy='20' r='1.1'/%3E%3Ccircle cx='330' cy='36' r='.8'/%3E%3Ccircle cx='420' cy='18' r='1'/%3E%3Ccircle cx='520' cy='46' r='.9'/%3E%3Ccircle cx='570' cy='22' r='1.2'/%3E%3C/g%3E %3Cpath d='M0 150 L70 128 L130 140 L200 116 L270 132 L340 104 L400 122 L470 112 L540 128 L600 118 V200 H0Z' fill='%230d1220'/%3E %3Ccircle cx='400' cy='96' r='70' fill='url(%23halo)'%3E%3Canimate attributeName='r' values='62;78;62' dur='3.2s' repeatCount='indefinite'/%3E%3C/circle%3E %3Cpath d='M300 200 L330 140 L370 120 L430 118 L470 136 L500 200Z' fill='%23080b14'/%3E %3Cg transform='translate(400 96)'%3E%3Crect x='-1.5' y='10' width='3' height='18' fill='%232a2f3a'/%3E%3Cpath d='M-9 10 h18 l-3 -20 h-12z' fill='%232a2f3a'/%3E%3Crect x='-6' y='-8' width='12' height='16' rx='2' fill='%23ffd27a' filter='url(%23lueur)'%3E%3Canimate attributeName='opacity' values='1;.75;1;.9;1' dur='2s' repeatCount='indefinite'/%3E%3C/rect%3E%3Cpath d='M-8 -10 h16 l-8 -7z' fill='%232a2f3a'/%3E%3C/g%3E %3Cg fill='%2304060b'%3E%3Cg transform='translate(250 150)'%3E%3Ccircle cx='0' cy='-26' r='5'/%3E%3Cpath d='M-6 -20 h12 l3 22 h-5 l-2 18 h-4 l-2 -18 h-5z'/%3E%3Crect x='5' y='-18' width='16' height='3' rx='1' transform='rotate(-25 5 -18)'/%3E%3CanimateTransform attributeName='transform' type='translate' values='250 150;262 146;250 150' dur='5s' repeatCount='indefinite'/%3E%3C/g%3E %3Cg transform='translate(205 160) scale(.9)'%3E%3Ccircle cx='0' cy='-26' r='5'/%3E%3Cpath d='M-6 -20 h12 l3 22 h-5 l-2 18 h-4 l-2 -18 h-5z'/%3E%3Crect x='5' y='-18' width='16' height='3' rx='1' transform='rotate(-25 5 -18)'/%3E%3C/g%3E %3Cg transform='translate(540 156) scale(-.95 .95)'%3E%3Ccircle cx='0' cy='-26' r='5'/%3E%3Cpath d='M-6 -20 h12 l3 22 h-5 l-2 18 h-4 l-2 -18 h-5z'/%3E%3Crect x='5' y='-18' width='16' height='3' rx='1' transform='rotate(-25 5 -18)'/%3E%3C/g%3E%3C/g%3E %3Crect x='-200' y='150' width='600' height='40' fill='url(%23brume)'%3E%3Canimate attributeName='x' values='-200;200;-200' dur='18s' repeatCount='indefinite'/%3E%3C/rect%3E %3C/svg%3E") center/cover no-repeat,#0b0d12!important}
.dc-b-cimes{background:linear-gradient(90deg,rgba(9,11,16,.72),rgba(9,11,16,.25) 60%,rgba(9,11,16,.05)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 600 200' preserveAspectRatio='xMidYMid slice'%3E %3Cdefs%3E%3ClinearGradient id='cielA' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23040812'/%3E%3Cstop offset='1' stop-color='%230e1a2c'/%3E%3C/linearGradient%3E %3ClinearGradient id='aur' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%233fffb0' stop-opacity='0'/%3E%3Cstop offset='.3' stop-color='%233fffb0' stop-opacity='.55'/%3E%3Cstop offset='.6' stop-color='%233fd3ff' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23b073ff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E %3Crect width='600' height='200' fill='url(%23cielA)'/%3E %3Cg fill='%23fff' opacity='.8'%3E%3Ccircle cx='60' cy='20' r='1'/%3E%3Ccircle cx='160' cy='44' r='.8'/%3E%3Ccircle cx='300' cy='16' r='1'/%3E%3Ccircle cx='470' cy='30' r='.9'/%3E%3Ccircle cx='560' cy='60' r='1'/%3E%3C/g%3E %3Cpath d='M-20 80 C100 20 200 120 320 60 S520 40 640 70' fill='none' stroke='url(%23aur)' stroke-width='34' opacity='.8'%3E%3Canimate attributeName='d' values='M-20 80 C100 20 200 120 320 60 S520 40 640 70;M-20 70 C120 40 220 90 320 76 S520 20 640 60;M-20 80 C100 20 200 120 320 60 S520 40 640 70' dur='9s' repeatCount='indefinite'/%3E%3C/path%3E %3Cpath d='M-20 100 C120 60 240 130 360 90 S540 70 640 96' fill='none' stroke='url(%23aur)' stroke-width='18' opacity='.5'%3E%3Canimate attributeName='d' values='M-20 100 C120 60 240 130 360 90 S540 70 640 96;M-20 92 C140 80 230 110 360 100 S540 60 640 90;M-20 100 C120 60 240 130 360 90 S540 70 640 96' dur='7s' repeatCount='indefinite'/%3E%3C/path%3E %3Cpath d='M0 200 L0 150 L80 96 L130 130 L200 70 L270 128 L340 92 L410 140 L480 84 L550 132 L600 110 V200Z' fill='%23162236'/%3E %3Cpath d='M200 70 L218 90 L206 88 L196 96Z M480 84 L496 102 L484 100 L474 106Z' fill='%23dfe9ff' opacity='.8'/%3E %3Cpath d='M0 200 L0 172 L90 140 L170 166 L260 132 L360 170 L450 144 L530 168 L600 150 V200Z' fill='%230a1220'/%3E %3C/svg%3E") center/cover no-repeat,#0b0d12!important}
.dc-b-eclipse{background:linear-gradient(90deg,rgba(9,11,16,.72),rgba(9,11,16,.25) 60%,rgba(9,11,16,.05)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 600 200' preserveAspectRatio='xMidYMid slice'%3E %3Cdefs%3E%3CradialGradient id='couronne' cx='.5' cy='.5'%3E%3Cstop offset='.42' stop-color='%23000'/%3E%3Cstop offset='.47' stop-color='%23fff'/%3E%3Cstop offset='.6' stop-color='%23ff86a6' stop-opacity='.7'/%3E%3Cstop offset='1' stop-color='%23ff4f7b' stop-opacity='0'/%3E%3C/radialGradient%3E %3ClinearGradient id='cielE' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2305040a'/%3E%3Cstop offset='1' stop-color='%232a0d1a'/%3E%3C/linearGradient%3E%3C/defs%3E %3Crect width='600' height='200' fill='url(%23cielE)'/%3E %3Cg fill='%23fff'%3E%3Ccircle cx='40' cy='30' r='1'/%3E%3Ccircle cx='90' cy='70' r='.8'/%3E%3Ccircle cx='150' cy='24' r='1.1'/%3E%3Ccircle cx='220' cy='60' r='.7'/%3E%3Ccircle cx='470' cy='40' r='1'/%3E%3Ccircle cx='530' cy='90' r='.8'/%3E%3Ccircle cx='560' cy='30' r='1.2'/%3E%3Ccircle cx='410' cy='76' r='.7'/%3E%3C/g%3E %3Ccircle cx='300' cy='92' r='110' fill='url(%23couronne)'%3E%3Canimate attributeName='r' values='104;116;104' dur='4s' repeatCount='indefinite'/%3E%3C/circle%3E %3Ccircle cx='300' cy='92' r='46' fill='%23030205'/%3E %3Cpath d='M0 170 L80 150 L140 162 L220 138 L300 158 L380 136 L460 160 L540 146 L600 160 V200 H0Z' fill='%230d0509'/%3E %3Cpath d='M0 186 L120 172 L240 184 L360 170 L480 182 L600 174 V200 H0Z' fill='%2305020a'/%3E %3C/svg%3E") center/cover no-repeat,#0b0d12!important}
.dc-n-braisevive,.dc-n-orliquide,.dc-n-galaxie,.dc-n-holo{-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent}
.dc-n-braisevive{background-image:linear-gradient(100deg,#9a2a10,#ff5a1f 30%,#ffd27a 45%,#ff5a1f 60%,#9a2a10);background-size:240% 100%;animation:dcFile 4s ease-in-out infinite!important;filter:drop-shadow(0 0 8px rgba(255,90,31,.35))}
.dc-n-orliquide{background-image:linear-gradient(100deg,#a8701a,#f7d48b 30%,#fff3cf 45%,#d9982b 60%,#a8701a);background-size:220% 100%;animation:dcFile 3.2s linear infinite!important}
.dc-n-galaxie{background-image:radial-gradient(circle at 20% 40%,#fff 0 1px,transparent 2px),radial-gradient(circle at 70% 60%,#fff 0 1px,transparent 2px),linear-gradient(100deg,#6a4ce0,#9b85ff,#e07a86,#5fdcff,#6a4ce0);background-size:60px 40px,80px 50px,300% 100%;animation:dcGalaxie 6s linear infinite!important}
.dc-n-holo{background-image:linear-gradient(100deg,#9ff,#f9f,#ff9,#9ff);background-size:300% 100%;animation:dcFile 2.4s linear infinite!important;filter:drop-shadow(0 0 10px rgba(160,255,255,.45))}
@keyframes dcFile{to{background-position:-220% 0}}@keyframes dcGalaxie{to{background-position:-120px 0,-160px 0,-300% 0}}
.dc-t-mainfroide,.dc-t-miracles{display:inline-flex!important;align-items:center;gap:6px}
.dc-t-mainfroide::before,.dc-t-miracles::before{content:"";width:11px;height:11px;flex:none;background:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
.dc-t-mainfroide{color:#cfe6ff!important;background:rgba(79,163,255,.1)!important;border-color:rgba(79,163,255,.45)!important}
.dc-t-mainfroide::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 2v20M2 12h20M5 5l14 14M19 5L5 19'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 2v20M2 12h20M5 5l14 14M19 5L5 19'/%3E%3C/svg%3E")}
.dc-t-miracles{color:#ffc2d1!important;background:linear-gradient(180deg,rgba(255,79,123,.2),rgba(255,79,123,.07))!important;border-color:rgba(255,79,123,.5)!important;box-shadow:0 0 18px -4px rgba(255,79,123,.6);animation:dcMiracle 3s ease-in-out infinite}
.dc-t-miracles::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.6 6.6L21 9l-5 4.4L17.5 20 12 16.6 6.5 20 8 13.4 3 9l6.4-.4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.6 6.6L21 9l-5 4.4L17.5 20 12 16.6 6.5 20 8 13.4 3 9l6.4-.4z'/%3E%3C/svg%3E")}
@keyframes dcMiracle{50%{box-shadow:0 0 26px -2px rgba(255,79,123,.85)}}
.dc-c-gyroscope:not(img),.dc-c-radar:not(img),.dc-c-bouclier:not(img),.dc-c-viseur:not(img),.dc-c-fumigene:not(img),.dc-c-circuit:not(img){overflow:visible!important;box-shadow:none!important;animation:none!important}
.dc-c-gyroscope:not(img):not(.so-im),.dc-c-radar:not(img):not(.so-im),.dc-c-bouclier:not(img):not(.so-im),.dc-c-viseur:not(img):not(.so-im),.dc-c-fumigene:not(img):not(.so-im),.dc-c-circuit:not(img):not(.so-im){position:relative}
.dc-c-gyroscope img,.dc-c-radar img,.dc-c-bouclier img,.dc-c-viseur img,.dc-c-fumigene img,.dc-c-circuit img{border-radius:50%}
.dc-c-gyroscope:not(img)::after,.dc-c-radar:not(img)::after,.dc-c-bouclier:not(img)::after,.dc-c-viseur:not(img)::after,.dc-c-fumigene:not(img)::after,.dc-c-circuit:not(img)::after{content:"";position:absolute;inset:-11.5%;background:center/contain no-repeat;pointer-events:none;z-index:3}
.dc-c-gyroscope:not(img)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-75 -75 150 150'%3E%3Cdefs%3E%3ClinearGradient id='o' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff1c2'/%3E%3Cstop offset='.4' stop-color='%23f2b545'/%3E%3Cstop offset='.7' stop-color='%238a5a12'/%3E%3Cstop offset='1' stop-color='%23ffd77a'/%3E%3C/linearGradient%3E%3Cmask id='h' maskUnits='userSpaceOnUse' x='-75' y='-75' width='150' height='150'%3E%3Crect x='-75' y='-75' width='150' height='150' fill='white'/%3E%3Ccircle r='61.5' fill='black'/%3E%3C/mask%3E%3CclipPath id='hh'%3E%3Crect x='-75' y='-75' width='150' height='75'/%3E%3C/clipPath%3E%3CclipPath id='bb'%3E%3Crect x='-75' y='0' width='150' height='75'/%3E%3C/clipPath%3E%3Cg id='a'%3E%3Cellipse rx='70' ry='19' fill='none' stroke='url(%23o)' stroke-width='3.2'/%3E%3Cellipse rx='70' ry='19' fill='none' stroke='%23fff8dc' stroke-width='3.4' pathLength='100' stroke-dasharray='10 90' stroke-linecap='round'%3E%3Canimate attributeName='stroke-dashoffset' values='100;0' dur='2.8s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/g%3E%3Cg id='b'%3E%3Cellipse rx='19' ry='70' fill='none' stroke='url(%23o)' stroke-width='3'/%3E%3Cellipse rx='19' ry='70' fill='none' stroke='%23fff8dc' stroke-width='3.2' pathLength='100' stroke-dasharray='10 90' stroke-linecap='round'%3E%3Canimate attributeName='stroke-dashoffset' values='0;100' dur='3.6s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/g%3E%3C/defs%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' values='-14;14;-14' dur='9s' repeatCount='indefinite'/%3E%3Cg mask='url(%23h)' opacity='.75'%3E%3Cuse href='%23a' clip-path='url(%23hh)'/%3E%3C/g%3E%3Cuse href='%23a' clip-path='url(%23bb)'/%3E%3C/g%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' values='28;-8;28' dur='11s' repeatCount='indefinite'/%3E%3CclipPath id='gg'%3E%3Crect x='-75' y='-75' width='75' height='150'/%3E%3C/clipPath%3E%3CclipPath id='dd'%3E%3Crect x='0' y='-75' width='75' height='150'/%3E%3C/clipPath%3E%3Cg mask='url(%23h)' opacity='.75'%3E%3Cuse href='%23b' clip-path='url(%23dd)'/%3E%3C/g%3E%3Cuse href='%23b' clip-path='url(%23gg)'/%3E%3C/g%3E%3C/svg%3E")}
.dc-c-radar:not(img)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-75 -75 150 150'%3E%3Ccircle r='70' fill='none' stroke='%2346ffa0' stroke-opacity='.3' stroke-width='1.2'/%3E%3Ccircle r='65' fill='none' stroke='%2346ffa0' stroke-opacity='.55' stroke-width='1.6'/%3E%3Cg fill='none' stroke='%2346ffa0' stroke-width='9'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0' to='360' dur='2.4s' repeatCount='indefinite'/%3E%3Ccircle r='67.5' pathLength='360' stroke-dasharray='7 353' stroke-dashoffset='0' stroke-opacity='0.90'/%3E%3Ccircle r='67.5' pathLength='360' stroke-dasharray='7 353' stroke-dashoffset='7' stroke-opacity='0.76'/%3E%3Ccircle r='67.5' pathLength='360' stroke-dasharray='7 353' stroke-dashoffset='14' stroke-opacity='0.62'/%3E%3Ccircle r='67.5' pathLength='360' stroke-dasharray='7 353' stroke-dashoffset='21' stroke-opacity='0.48'/%3E%3Ccircle r='67.5' pathLength='360' stroke-dasharray='7 353' stroke-dashoffset='28' stroke-opacity='0.34'/%3E%3Ccircle r='67.5' pathLength='360' stroke-dasharray='7 353' stroke-dashoffset='35' stroke-opacity='0.20'/%3E%3C/g%3E%3Ccircle cx='44' cy='-52' r='3' fill='%23b8ffd9'%3E%3Canimate attributeName='opacity' values='0;1;0;0' keyTimes='0;.06;.45;1' dur='2.4s' begin='0.3s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='-62' cy='22' r='3' fill='%23b8ffd9'%3E%3Canimate attributeName='opacity' values='0;1;0;0' keyTimes='0;.06;.45;1' dur='2.4s' begin='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='18' cy='66' r='3' fill='%23b8ffd9'%3E%3Canimate attributeName='opacity' values='0;1;0;0' keyTimes='0;.06;.45;1' dur='2.4s' begin='0.9s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E")}
.dc-c-bouclier:not(img)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-75 -75 150 150'%3E%3Cdefs%3E%3ClinearGradient id='ac' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23eef2f7'/%3E%3Cstop offset='.5' stop-color='%237f8a9c'/%3E%3Cstop offset='1' stop-color='%23d5dce6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='scale' values='1 1;.965 1;1 1;.965 1;1 1' dur='7s' repeatCount='indefinite'/%3E%3Cpath d='M0-73.5 63.7-36.75v73.5L0 73.5-63.7 36.75v-73.5z' fill='none' stroke='%231b2230' stroke-width='5'/%3E%3Cpath d='M0-73.5 63.7-36.75v73.5L0 73.5-63.7 36.75v-73.5z' fill='none' stroke='url(%23ac)' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M0-73.5 63.7-36.75v73.5L0 73.5-63.7 36.75v-73.5z' fill='none' stroke='%237fd0ff' stroke-width='5' stroke-linejoin='round' stroke-linecap='round' pathLength='100' stroke-dasharray='12 88'%3E%3Canimate attributeName='stroke-dashoffset' values='0;-100' dur='2.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E")}
.dc-c-viseur:not(img)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-75 -75 150 150'%3E%3Ccircle r='65' fill='none' stroke='%23dfe8f2' stroke-opacity='.6' stroke-width='1.6' stroke-dasharray='3 5'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0' to='360' dur='14s' repeatCount='indefinite'/%3E%3C/circle%3E%3Cg transform='rotate(0)'%3E%3Crect x='-2' y='-75' width='4' height='12' rx='2' fill='%237ee1ff'%3E%3CanimateTransform attributeName='transform' type='translate' values='0 0;0 4;0 0' dur='2.2s' repeatCount='indefinite'/%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(90)'%3E%3Crect x='-2' y='-75' width='4' height='12' rx='2' fill='%237ee1ff'%3E%3CanimateTransform attributeName='transform' type='translate' values='0 0;0 4;0 0' dur='2.2s' repeatCount='indefinite'/%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(180)'%3E%3Crect x='-2' y='-75' width='4' height='12' rx='2' fill='%237ee1ff'%3E%3CanimateTransform attributeName='transform' type='translate' values='0 0;0 4;0 0' dur='2.2s' repeatCount='indefinite'/%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(270)'%3E%3Crect x='-2' y='-75' width='4' height='12' rx='2' fill='%237ee1ff'%3E%3CanimateTransform attributeName='transform' type='translate' values='0 0;0 4;0 0' dur='2.2s' repeatCount='indefinite'/%3E%3C/rect%3E%3C/g%3E%3C/svg%3E")}
.dc-c-fumigene:not(img)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-75 -75 150 150'%3E%3Cdefs%3E%3Cfilter id='f' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='3.4'/%3E%3C/filter%3E%3CradialGradient id='n'%3E%3Cstop offset='0' stop-color='%23f4f6f9' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23c8ced8' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle r='62.5' fill='none' stroke='%23dfe4ec' stroke-opacity='.5' stroke-width='3'/%3E%3Cg filter='url(%23f)'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0' to='360' dur='9s' repeatCount='indefinite'/%3E%3Ccircle cx='60' cy='0' r='13' fill='url(%23n)'%3E%3Canimate attributeName='r' values='10;14;10' dur='3.4s' begin='0s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='52' cy='26' r='9' fill='url(%23n)' opacity='.8'/%3E%3C/g%3E%3Cg filter='url(%23f)'%3E%3CanimateTransform attributeName='transform' type='rotate' from='130' to='490' dur='12s' repeatCount='indefinite'/%3E%3Ccircle cx='60' cy='0' r='13' fill='url(%23n)'%3E%3Canimate attributeName='r' values='10;14;10' dur='3.4s' begin='1.1s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='52' cy='26' r='9' fill='url(%23n)' opacity='.8'/%3E%3C/g%3E%3Cg filter='url(%23f)'%3E%3CanimateTransform attributeName='transform' type='rotate' from='250' to='-110' dur='15s' repeatCount='indefinite'/%3E%3Ccircle cx='60' cy='0' r='13' fill='url(%23n)'%3E%3Canimate attributeName='r' values='10;14;10' dur='3.4s' begin='2.2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='52' cy='26' r='9' fill='url(%23n)' opacity='.8'/%3E%3C/g%3E%3C/svg%3E")}
.dc-c-circuit:not(img)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-75 -75 150 150'%3E%3Cdefs%3E%3Cfilter id='l' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='1.6' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Ccircle r='65' fill='none' stroke='%231d4e5c' stroke-width='2'/%3E%3Cg stroke='%231d4e5c' stroke-width='2' fill='%232aa7b8'%3E%3Cg transform='rotate(0)'%3E%3Cpath d='M0-65V-71h8'/%3E%3Ccircle cx='9' cy='-71' r='2.2'/%3E%3C/g%3E%3Cg transform='rotate(45)'%3E%3Cpath d='M0-65V-71h8'/%3E%3Ccircle cx='9' cy='-71' r='2.2'/%3E%3C/g%3E%3Cg transform='rotate(90)'%3E%3Cpath d='M0-65V-71h8'/%3E%3Ccircle cx='9' cy='-71' r='2.2'/%3E%3C/g%3E%3Cg transform='rotate(135)'%3E%3Cpath d='M0-65V-71h8'/%3E%3Ccircle cx='9' cy='-71' r='2.2'/%3E%3C/g%3E%3Cg transform='rotate(180)'%3E%3Cpath d='M0-65V-71h8'/%3E%3Ccircle cx='9' cy='-71' r='2.2'/%3E%3C/g%3E%3Cg transform='rotate(225)'%3E%3Cpath d='M0-65V-71h8'/%3E%3Ccircle cx='9' cy='-71' r='2.2'/%3E%3C/g%3E%3Cg transform='rotate(270)'%3E%3Cpath d='M0-65V-71h8'/%3E%3Ccircle cx='9' cy='-71' r='2.2'/%3E%3C/g%3E%3Cg transform='rotate(315)'%3E%3Cpath d='M0-65V-71h8'/%3E%3Ccircle cx='9' cy='-71' r='2.2'/%3E%3C/g%3E%3C/g%3E%3Cg filter='url(%23l)' fill='none' stroke='%235ff3ff' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle r='65' pathLength='100' stroke-dasharray='5 20'%3E%3Canimate attributeName='stroke-dashoffset' values='0;-25' dur='1.6s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3Ccircle r='61.5' fill='none' stroke='%232aa7b8' stroke-width='2.4'/%3E%3C/svg%3E")}
img.dc-c-gyroscope{box-shadow:0 0 0 3px #f2b545!important}img.dc-c-radar{box-shadow:0 0 0 3px #46ffa0!important}img.dc-c-bouclier{box-shadow:0 0 0 3px #b9c2cf!important}img.dc-c-viseur{box-shadow:0 0 0 3px #7ee1ff!important}img.dc-c-fumigene{box-shadow:0 0 0 3px #dfe4ec!important}img.dc-c-circuit{box-shadow:0 0 0 3px #2aa7b8!important}

/* couleurs de pseudo en relief */
.dc-n-chrome,.dc-n-lingot,.dc-n-thermique{-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent}
.dc-n-chrome{background-image:linear-gradient(180deg,#fff 0%,#c8d0dc 45%,#6d7686 53%,#e9eef5 100%);filter:drop-shadow(0 1px 0 #3a414d) drop-shadow(0 1px 0 #1d222b) drop-shadow(0 3px 4px rgba(0,0,0,.5))}
.dc-n-lingot{background-image:linear-gradient(180deg,#fff4c9 0%,#f2c055 45%,#a8701c 53%,#ffd77a 100%);filter:drop-shadow(0 1px 0 #6b440d) drop-shadow(0 1px 0 #3d2506) drop-shadow(0 3px 6px rgba(245,177,61,.3))}
.dc-n-thermique{background-image:linear-gradient(90deg,#2b3cff,#00d0ff,#4dff7a,#ffe74d,#ff6a2b,#ff2bd0,#2b3cff);background-size:300% 100%;animation:dcDefile 6s linear infinite!important}
.dc-n-interference{color:#eef0f4!important;animation:dcGlitch 3.2s steps(1) infinite!important}
@keyframes dcGlitch{0%,86%,100%{text-shadow:none}88%{text-shadow:-2px 0 #ff2d55,2px 0 #00e5ff}91%{text-shadow:2px 1px #ff2d55,-2px -1px #00e5ff}94%{text-shadow:-1px 0 #ff2d55,1px 0 #00e5ff}}
/* titres : une matière chacun */
.dc-t-plaque,.dc-t-plaqueor,.dc-t-plaquear,.dc-t-plaquebr,.dc-t-top10{position:relative;overflow:hidden;color:#2b313b!important;border:0!important;
 background:linear-gradient(180deg,#e9edf2,#9aa4b2 55%,#c9d0da)!important;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(0,0,0,.25),0 2px 6px rgba(0,0,0,.35);text-shadow:0 1px 0 rgba(255,255,255,.6);font-weight:800!important}
.dc-t-plaqueor{color:#4a3208!important;background:linear-gradient(180deg,#fff0bf,#e2a73c 55%,#ffd37a)!important;text-shadow:0 1px 0 rgba(255,245,210,.7)}
.dc-t-plaquebr{color:#3a1f0c!important;background:linear-gradient(180deg,#f5c9a1,#b86d36 55%,#e0a06c)!important;text-shadow:0 1px 0 rgba(255,225,200,.6)}
.dc-t-top10{color:#e6f1ff!important;background:linear-gradient(180deg,#5d97e6,#24529c 55%,#3f78c9)!important;text-shadow:0 -1px 0 rgba(0,0,0,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 0 rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.35)}
.dc-t-plaque::after,.dc-t-plaqueor::after,.dc-t-plaquear::after,.dc-t-plaquebr::after,.dc-t-top10::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%);transform:translateX(-130%);animation:dcPlaque 4.5s ease-in-out infinite;pointer-events:none}
@keyframes dcPlaque{0%,55%{transform:translateX(-130%)}85%,100%{transform:translateX(130%)}}
.dc-t-neon{color:#ffd6f4!important;border:1.5px solid #ff5bd1!important;background:rgba(40,8,30,.6)!important;box-shadow:0 0 8px rgba(255,91,209,.55),inset 0 0 6px rgba(255,91,209,.35);text-shadow:0 0 5px #ff5bd1,0 0 12px #ff5bd1;animation:dcGresil 5s steps(1) infinite}
@keyframes dcGresil{0%,40%,44%,47%,100%{opacity:1}42%,45.5%{opacity:.5}}
.dc-t-tampon{color:#ff6a55!important;border:2px solid #ff6a55!important;background:transparent!important;border-radius:4px!important;letter-spacing:.18em!important;transform:rotate(-3deg);
 -webkit-mask:repeating-radial-gradient(circle at 30% 40%,#000 0 2px,rgba(0,0,0,.72) 2px 3px);mask:repeating-radial-gradient(circle at 30% 40%,#000 0 2px,rgba(0,0,0,.72) 2px 3px)}
.dc-t-holo{color:#0d0f14!important;border:0!important;background:linear-gradient(90deg,#9cf3ff,#c8a8ff,#ffb3e6,#fff1a8,#9cffc8,#9cf3ff)!important;background-size:300% 100%!important;animation:dcDefile 5s linear infinite;font-weight:800!important}
.dc-t-ruban{color:#fff!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,#d2384f,#9c1f33)!important;padding-left:14px!important;padding-right:14px!important;
 clip-path:polygon(0 0,100% 0,calc(100% - 7px) 50%,100% 100%,0 100%,7px 50%);filter:drop-shadow(0 2px 0 #5e0f1d)}
/* emblèmes : un petit objet à côté du pseudo, qui pivote au survol (taille relative au pseudo) */
.dce::after{content:"";display:inline-block;overflow:hidden;font:800 .4em/2.6em Poppins,sans-serif;width:2.6em;height:2.6em;margin-left:.75em;vertical-align:-.45em;text-align:center;letter-spacing:0;
 background:center/contain no-repeat;-webkit-text-fill-color:currentColor;-webkit-background-clip:border-box;background-clip:border-box;text-shadow:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55));
 animation:dcEmb 6s ease-in-out infinite;transition:transform .7s cubic-bezier(.2,.8,.2,1);font-style:normal}
.dce:hover::after{animation:dcEmbT .8s cubic-bezier(.2,.8,.2,1)}
@keyframes dcEmb{0%,100%{transform:perspective(60px) rotateY(-22deg)}50%{transform:perspective(60px) rotateY(22deg)}}
@keyframes dcEmbT{from{transform:perspective(60px) rotateY(0)}to{transform:perspective(60px) rotateY(360deg)}}
[class*="dc-e-flash"]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%237d8696'/%3E%3Cstop offset='.45' stop-color='%23eef2f7'/%3E%3Cstop offset='1' stop-color='%235d6676'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='20' y='14' width='24' height='42' rx='5' fill='url(%23g)'/%3E%3Crect x='24' y='5' width='16' height='11' rx='2' fill='%234a5262'/%3E%3Cpath d='M40 8l11-4' stroke='%23bfc6d2' stroke-width='3.5' stroke-linecap='round'/%3E%3Crect x='20' y='29' width='24' height='5' fill='%233c4452'/%3E%3Cpath d='M25 18v34' stroke='%23fff' stroke-width='2' opacity='.6'/%3E%3C/svg%3E")}
[class*="dc-e-fumi"]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3CradialGradient id='g' cx='.35' cy='.3'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%238a93a3'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='21' cy='38' r='14' fill='url(%23g)'/%3E%3Ccircle cx='37' cy='29' r='17' fill='url(%23g)'/%3E%3Ccircle cx='47' cy='41' r='12' fill='url(%23g)'/%3E%3Crect x='11' y='40' width='46' height='13' rx='6.5' fill='url(%23g)'/%3E%3C/svg%3E")}
[class*="dc-e-charge"]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%238a7650'/%3E%3Cstop offset='1' stop-color='%233b3020'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='6' y='15' width='52' height='36' rx='4' fill='url(%23g)'/%3E%3Crect x='12' y='21' width='24' height='15' rx='2' fill='%230f1a12'/%3E%3Cpath d='M16 29h4M22 29h4M28 29h4' stroke='%235cff8a' stroke-width='3'/%3E%3Ccircle cx='47' cy='28' r='4.5' fill='%23ff3b3b'/%3E%3Cpath d='M12 43h22M40 43h12' stroke='%2321190f' stroke-width='3'/%3E%3C/svg%3E")}
[class*="dc-e-couronne"]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff0bf'/%3E%3Cstop offset='.5' stop-color='%23e2a73c'/%3E%3Cstop offset='1' stop-color='%238a5a12'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M7 47l4-30 12 13 9-20 9 20 12-13 4 30z' fill='url(%23g)'/%3E%3Crect x='7' y='47' width='50' height='9' rx='2' fill='%23b47a1e'/%3E%3Ccircle cx='32' cy='39' r='4.5' fill='%23ff4f7b'/%3E%3Ccircle cx='18' cy='41' r='2.8' fill='%234f9dff'/%3E%3Ccircle cx='46' cy='41' r='2.8' fill='%234f9dff'/%3E%3C/svg%3E")}
[class*="dc-e-trophee"]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23a8701c'/%3E%3Cstop offset='.35' stop-color='%23ffe6a3'/%3E%3Cstop offset='.6' stop-color='%23f2b545'/%3E%3Cstop offset='1' stop-color='%238a5a12'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M16 4h32v11c0 13-7 21-16 22-9-1-16-9-16-22z' fill='url(%23g)'/%3E%3Cpath d='M16 8H9c0 9 4 14 10 16M48 8h7c0 9-4 14-10 16' fill='none' stroke='url(%23g)' stroke-width='3.4'/%3E%3Cpath d='M29 37h6v8h-6z' fill='url(%23g)'/%3E%3Cpath d='M20 45h24l3 5H17z' fill='url(%23g)'/%3E%3Crect x='14' y='50' width='36' height='13' rx='2' fill='%232a1d0a' stroke='%23c9922c' stroke-width='1.2'/%3E%3Cpath d='M23 8c1 9 4 15 8 18' stroke='%23fff' stroke-width='2.4' opacity='.55' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}
[class*="dc-e-argent"]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f4f7fb'/%3E%3Cstop offset='.5' stop-color='%239aa5b4'/%3E%3Cstop offset='1' stop-color='%23dfe5ee'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M14 0h10l12 26H26z' fill='%232c5bd6'/%3E%3Cpath d='M50 0H40L28 26h10z' fill='%231f45a8'/%3E%3Ccircle cx='32' cy='42' r='20' fill='url(%23g)'/%3E%3Ccircle cx='32' cy='42' r='14.5' fill='none' stroke='%236f7a8a' stroke-width='1.6'/%3E%3C/svg%3E")}
[class*="dc-e-bronze"]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f5c9a1'/%3E%3Cstop offset='.5' stop-color='%23a85f2c'/%3E%3Cstop offset='1' stop-color='%23e0a06c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M14 0h10l12 26H26z' fill='%23c0392b'/%3E%3Cpath d='M50 0H40L28 26h10z' fill='%23922b21'/%3E%3Ccircle cx='32' cy='42' r='20' fill='url(%23g)'/%3E%3Ccircle cx='32' cy='42' r='14.5' fill='none' stroke='%236e3a17' stroke-width='1.6'/%3E%3C/svg%3E")}
[class*="dc-e-top"]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%239fd0ff'/%3E%3Cstop offset='.5' stop-color='%232f6fd6'/%3E%3Cstop offset='1' stop-color='%23173a7a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M32 2l27 15.5v29L32 62 5 46.5v-29z' fill='url(%23g)'/%3E%3Cpath d='M32 9l21 12v22L32 55 11 43V21z' fill='%230e1830' stroke='%237fb9ff' stroke-width='1.2'/%3E%3Ctext x='32' y='38.5' text-anchor='middle' font-family='Poppins,Arial' font-weight='800' font-size='17' fill='%23cfe6ff'%3E10%3C/text%3E%3C/svg%3E")}
[class*="dc-e-pin"]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffd58a'/%3E%3Cstop offset='1' stop-color='%23a86a16'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='32' cy='32' r='29' fill='url(%23g)'/%3E%3Ccircle cx='32' cy='32' r='23' fill='%231b1f28'/%3E%3Cpath d='M13 24a21 21 0 0 1 12-12' stroke='%23fff' stroke-width='2.4' opacity='.55' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}
[class*="dc-e-trophee-"]::after{color:#f5c451;-webkit-text-fill-color:#f5c451;line-height:calc(2.6em + .98em * 2)}
[class*="dc-e-argent-"]::after{color:#4a5361;-webkit-text-fill-color:#4a5361;line-height:calc(2.6em + .55em * 2)}
[class*="dc-e-bronze-"]::after{color:#4a2510;-webkit-text-fill-color:#4a2510;line-height:calc(2.6em + .55em * 2)}
[class*="dc-e-pin-"]::after{color:#f5c451;-webkit-text-fill-color:#f5c451;line-height:calc(2.6em + 0 * 2)}
[class*="dc-e-trophee-"]::after{font-size:.2em;width:5.2em;height:5.2em;line-height:9.15em;margin-left:1.5em;vertical-align:-.9em}
[class*="dc-e-pin-"]::after{font-size:.34em;width:3.06em;height:3.06em;line-height:3.06em;margin-left:.88em;vertical-align:-.53em}
.dc-e-trophee-1::after{content:"S1"}.dc-e-pin-1::after{content:"S1"}.dc-e-trophee-2::after{content:"S2"}.dc-e-pin-2::after{content:"S2"}.dc-e-trophee-3::after{content:"S3"}.dc-e-pin-3::after{content:"S3"}.dc-e-trophee-4::after{content:"S4"}.dc-e-pin-4::after{content:"S4"}.dc-e-trophee-5::after{content:"S5"}.dc-e-pin-5::after{content:"S5"}.dc-e-trophee-6::after{content:"S6"}.dc-e-pin-6::after{content:"S6"}.dc-e-trophee-7::after{content:"S7"}.dc-e-pin-7::after{content:"S7"}.dc-e-trophee-8::after{content:"S8"}.dc-e-pin-8::after{content:"S8"}.dc-e-trophee-9::after{content:"S9"}.dc-e-pin-9::after{content:"S9"}.dc-e-trophee-10::after{content:"S10"}.dc-e-pin-10::after{content:"S10"}.dc-e-trophee-11::after{content:"S11"}.dc-e-pin-11::after{content:"S11"}.dc-e-trophee-12::after{content:"S12"}.dc-e-pin-12::after{content:"S12"}.dc-e-trophee-13::after{content:"S13"}.dc-e-pin-13::after{content:"S13"}.dc-e-trophee-14::after{content:"S14"}.dc-e-pin-14::after{content:"S14"}.dc-e-trophee-15::after{content:"S15"}.dc-e-pin-15::after{content:"S15"}.dc-e-trophee-16::after{content:"S16"}.dc-e-pin-16::after{content:"S16"}.dc-e-trophee-17::after{content:"S17"}.dc-e-pin-17::after{content:"S17"}.dc-e-trophee-18::after{content:"S18"}.dc-e-pin-18::after{content:"S18"}.dc-e-trophee-19::after{content:"S19"}.dc-e-pin-19::after{content:"S19"}.dc-e-trophee-20::after{content:"S20"}.dc-e-pin-20::after{content:"S20"}.dc-e-trophee-21::after{content:"S21"}.dc-e-pin-21::after{content:"S21"}.dc-e-trophee-22::after{content:"S22"}.dc-e-pin-22::after{content:"S22"}.dc-e-trophee-23::after{content:"S23"}.dc-e-pin-23::after{content:"S23"}.dc-e-trophee-24::after{content:"S24"}.dc-e-pin-24::after{content:"S24"}.dc-e-trophee-25::after{content:"S25"}.dc-e-pin-25::after{content:"S25"}.dc-e-trophee-26::after{content:"S26"}.dc-e-pin-26::after{content:"S26"}.dc-e-trophee-27::after{content:"S27"}.dc-e-pin-27::after{content:"S27"}.dc-e-trophee-28::after{content:"S28"}.dc-e-pin-28::after{content:"S28"}.dc-e-trophee-29::after{content:"S29"}.dc-e-pin-29::after{content:"S29"}.dc-e-trophee-30::after{content:"S30"}.dc-e-pin-30::after{content:"S30"}.dc-e-trophee-31::after{content:"S31"}.dc-e-pin-31::after{content:"S31"}.dc-e-trophee-32::after{content:"S32"}.dc-e-pin-32::after{content:"S32"}.dc-e-trophee-33::after{content:"S33"}.dc-e-pin-33::after{content:"S33"}.dc-e-trophee-34::after{content:"S34"}.dc-e-pin-34::after{content:"S34"}.dc-e-trophee-35::after{content:"S35"}.dc-e-pin-35::after{content:"S35"}.dc-e-trophee-36::after{content:"S36"}.dc-e-pin-36::after{content:"S36"}.dc-e-trophee-37::after{content:"S37"}.dc-e-pin-37::after{content:"S37"}.dc-e-trophee-38::after{content:"S38"}.dc-e-pin-38::after{content:"S38"}.dc-e-trophee-39::after{content:"S39"}.dc-e-pin-39::after{content:"S39"}.dc-e-trophee-40::after{content:"S40"}.dc-e-pin-40::after{content:"S40"}
[class*="dc-e-argent-"]::after{content:"2"}[class*="dc-e-bronze-"]::after{content:"3"}
.dc-b-remparts{background:linear-gradient(90deg,rgba(9,11,16,.72),rgba(9,11,16,.25) 60%,rgba(9,11,16,.05)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='c' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%233a2140'/%3E%3Cstop offset='.62' stop-color='%23c4593b'/%3E%3Cstop offset='1' stop-color='%23f7b26a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='600' height='200' fill='url(%23c)'/%3E%3Ccircle cx='430' cy='96' r='34' fill='%23ffd9a0'/%3E%3Ccircle cx='430' cy='96' r='52' fill='%23ffd9a0' opacity='.18'/%3E%3Cg fill='%237a3d3c'%3E%3CanimateTransform attributeName='transform' type='translate' values='0 0;-600 0' dur='60s' repeatCount='indefinite'/%3E%3Cpath d='M0 132h50v-16h20v16h70v-36h28v-14h30v14h28v36h70v-22h34v22h80v-30h20v30h80v68H0z'/%3E%3Cpath d='M0 132h50v-16h20v16h70v-36h28v-14h30v14h28v36h70v-22h34v22h80v-30h20v30h80v68H0z' transform='translate(600 0)'/%3E%3C/g%3E%3Cg fill='%233d1f2a'%3E%3CanimateTransform attributeName='transform' type='translate' values='0 0;-600 0' dur='28s' repeatCount='indefinite'/%3E%3Cpath d='M0 160h80v-38h16v-10h18v10h16v38h100v-20h50v20h50v-48h24v48h76v40H0z'/%3E%3Cpath d='M0 160h80v-38h16v-10h18v10h16v38h100v-20h50v20h50v-48h24v48h76v40H0z' transform='translate(600 0)'/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat,#0b0d12!important}
.dc-b-douilles{background:linear-gradient(90deg,rgba(9,11,16,.72),rgba(9,11,16,.25) 60%,rgba(9,11,16,.05)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3CradialGradient id='c' cx='1' cy='0' r='1'%3E%3Cstop offset='0' stop-color='%23e8a33d' stop-opacity='.22'/%3E%3Cstop offset='1' stop-color='%23e8a33d' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='l' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%238a5a1c'/%3E%3Cstop offset='.45' stop-color='%23ffd27a'/%3E%3Cstop offset='1' stop-color='%23b77b26'/%3E%3C/linearGradient%3E%3Cg id='d'%3E%3Crect x='-5.5' y='-12' width='11' height='24' rx='5.5' fill='url(%23l)'/%3E%3Crect x='-5.5' y='7' width='11' height='5' fill='%236b4512'/%3E%3C/g%3E%3C/defs%3E%3Crect width='600' height='200' fill='%230f1117'/%3E%3Crect width='600' height='200' fill='url(%23c)'/%3E%3Cg transform='translate(60 0)'%3E%3Cuse href='%23d'%3E%3CanimateTransform attributeName='transform' type='translate' values='0 -20;0 230' dur='3.2s' begin='-0.4s' repeatCount='indefinite'/%3E%3C/use%3E%3C/g%3E%3Cg transform='translate(150 0)'%3E%3Cuse href='%23d'%3E%3CanimateTransform attributeName='transform' type='translate' values='0 -20;0 230' dur='4.1s' begin='-2.1s' repeatCount='indefinite'/%3E%3C/use%3E%3C/g%3E%3Cg transform='translate(240 0)'%3E%3Cuse href='%23d'%3E%3CanimateTransform attributeName='transform' type='translate' values='0 -20;0 230' dur='3.6s' begin='-1.2s' repeatCount='indefinite'/%3E%3C/use%3E%3C/g%3E%3Cg transform='translate(330 0)'%3E%3Cuse href='%23d'%3E%3CanimateTransform attributeName='transform' type='translate' values='0 -20;0 230' dur='4.6s' begin='-3.1s' repeatCount='indefinite'/%3E%3C/use%3E%3C/g%3E%3Cg transform='translate(410 0)'%3E%3Cuse href='%23d'%3E%3CanimateTransform attributeName='transform' type='translate' values='0 -20;0 230' dur='3.0s' begin='-0.9s' repeatCount='indefinite'/%3E%3C/use%3E%3C/g%3E%3Cg transform='translate(490 0)'%3E%3Cuse href='%23d'%3E%3CanimateTransform attributeName='transform' type='translate' values='0 -20;0 230' dur='3.9s' begin='-2.6s' repeatCount='indefinite'/%3E%3C/use%3E%3C/g%3E%3Cg transform='translate(560 0)'%3E%3Cuse href='%23d'%3E%3CanimateTransform attributeName='transform' type='translate' values='0 -20;0 230' dur='3.4s' begin='-1.7s' repeatCount='indefinite'/%3E%3C/use%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat,#0b0d12!important}
.dc-b-topo{background:linear-gradient(90deg,rgba(9,11,16,.72),rgba(9,11,16,.25) 60%,rgba(9,11,16,.05)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200' preserveAspectRatio='xMidYMid slice'%3E%3Crect width='600' height='200' fill='%230d1210'/%3E%3Cg fill='none' stroke='%23e8a33d' stroke-width='1.3'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 420 100' to='360 420 100' dur='120s' repeatCount='indefinite'/%3E%3Cpath d='M394 100c0-16 13-26 26-26s26 10 26 25-12 27-26 27-26-12-26-27z' stroke-opacity='0.75'/%3E%3Cpath d='M370 100c0-31 25-50 50-50s50 20 50 48-22 52-50 52-50-22-50-52z' stroke-opacity='0.67'/%3E%3Cpath d='M344 100c0-47 38-76 76-76s76 30 76 72-34 80-76 80-76-34-76-80z' stroke-opacity='0.59'/%3E%3Cpath d='M316 100c0-64 52-104 104-104s104 42 104 99-47 109-104 109-104-47-104-109z' stroke-opacity='0.51'/%3E%3Cpath d='M286 100c0-83 67-134 134-134s134 54 134 127-60 141-134 141-134-60-134-141z' stroke-opacity='0.43'/%3E%3Cpath d='M254 100c0-103 83-166 166-166s166 66 166 158-75 174-166 174-166-75-166-174z' stroke-opacity='0.35'/%3E%3Cpath d='M220 100c0-124 100-200 200-200s200 80 200 190-90 210-200 210-200-90-200-210z' stroke-opacity='0.27'/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat,#0b0d12!important}
.dc-b-horizon{background:linear-gradient(90deg,rgba(9,11,16,.72),rgba(9,11,16,.25) 60%,rgba(9,11,16,.05)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='c' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230c0a14'/%3E%3Cstop offset='1' stop-color='%232a1426'/%3E%3C/linearGradient%3E%3CradialGradient id='h' cx='.5' cy='1' r='.6'%3E%3Cstop offset='0' stop-color='%23ffaa5a' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%23ffaa5a' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='100' fill='url(%23c)'/%3E%3Crect y='100' width='600' height='100' fill='%230c0a14'/%3E%3Crect y='60' width='600' height='42' fill='url(%23h)'/%3E%3Cg stroke='%23e8a33d' stroke-opacity='.55' stroke-width='1.2'%3E%3Cpath d='M300 100L-510 200'/%3E%3Cpath d='M300 100L-420 200'/%3E%3Cpath d='M300 100L-330 200'/%3E%3Cpath d='M300 100L-240 200'/%3E%3Cpath d='M300 100L-150 200'/%3E%3Cpath d='M300 100L-60 200'/%3E%3Cpath d='M300 100L30 200'/%3E%3Cpath d='M300 100L120 200'/%3E%3Cpath d='M300 100L210 200'/%3E%3Cpath d='M300 100L300 200'/%3E%3Cpath d='M300 100L390 200'/%3E%3Cpath d='M300 100L480 200'/%3E%3Cpath d='M300 100L570 200'/%3E%3Cpath d='M300 100L660 200'/%3E%3Cpath d='M300 100L750 200'/%3E%3Cpath d='M300 100L840 200'/%3E%3Cpath d='M300 100L930 200'/%3E%3Cpath d='M300 100L1020 200'/%3E%3Cpath d='M300 100L1110 200'/%3E%3C/g%3E%3Cpath d='M0 100H600' stroke='%23ffcf8a' stroke-width='1.4' stroke-opacity='.8'/%3E%3C/svg%3E") center/cover no-repeat,#0b0d12!important}
.dc-b-sacre{background:linear-gradient(90deg,rgba(9,11,16,.72),rgba(9,11,16,.25) 60%,rgba(9,11,16,.05)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3CradialGradient id='c' cx='.5' cy='1.1' r='.9'%3E%3Cstop offset='0' stop-color='%23f5c451' stop-opacity='.45'/%3E%3Cstop offset='1' stop-color='%23f5c451' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='200' fill='%2317110a'/%3E%3Crect width='600' height='200' fill='url(%23c)'/%3E%3Cg fill='%23ffe6a3'%3E%3Ccircle cx='80' cy='40' r='1.6' opacity='0.9'/%3E%3Ccircle cx='190' cy='120' r='1.2' opacity='0.6'/%3E%3Ccircle cx='330' cy='30' r='1.8' opacity='0.8'/%3E%3Ccircle cx='460' cy='90' r='1.4' opacity='0.7'/%3E%3Ccircle cx='540' cy='30' r='1.2' opacity='0.9'/%3E%3Ccircle cx='260' cy='70' r='1' opacity='0.5'/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat,#0b0d12!important}
.dc-b-sacre::after{content:"";position:absolute;left:50%;top:115%;width:260%;aspect-ratio:1;margin-left:-130%;transform:translateY(-50%) rotate(0);z-index:0;pointer-events:none;
 background:repeating-conic-gradient(rgba(245,196,81,.13) 0 7deg,transparent 7deg 20deg);border-radius:50%;-webkit-mask:radial-gradient(circle,#000 8%,transparent 46%);mask:radial-gradient(circle,#000 8%,transparent 46%);
 animation:dcSacre 80s linear infinite;will-change:transform}
@keyframes dcSacre{to{transform:translateY(-50%) rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.dc-b-sacre::after{animation:none}}
.dc-n-chrome.dce::after,.dc-n-lingot.dce::after{animation:none}
.dc-b-horizon::after{content:"";position:absolute;left:-60%;right:-60%;top:50%;height:160%;z-index:0;pointer-events:none;transform-origin:50% 0;
 background:linear-gradient(rgba(232,163,61,.8) 1.3px,transparent 1.3px) 0 0/100% 26px;-webkit-mask:linear-gradient(transparent,#000 30%);mask:linear-gradient(transparent,#000 30%);
 transform:perspective(140px) rotateX(64deg) translateY(0);animation:dcHorizon 1.8s linear infinite;will-change:transform}
@keyframes dcHorizon{to{transform:perspective(140px) rotateX(64deg) translateY(26px)}}
@media (prefers-reduced-motion:reduce){.dc-b-horizon::after{animation:none}}

/* finitions de carte : matière du cadre (--fx) et du dos (--fxd), servies partout (carte, aperçus, boutique) */
.cf-x-carbone{--fx:repeating-linear-gradient(45deg,#1b1e24 0 3px,#2c3139 3px 6px);--fxd:radial-gradient(90% 60% at 50% 30%,rgba(255,255,255,.06),transparent 70%),repeating-linear-gradient(45deg,#15181d 0 5px,#20242b 5px 10px)}
.cf-x-or{--fx:repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,transparent 1px 3px),linear-gradient(160deg,#ffe2a0,#b5832d 45%,#f1c86a 70%,#8a5a12);
 --fxd:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px),radial-gradient(80% 60% at 50% 30%,rgba(255,214,140,.35),transparent 70%),linear-gradient(170deg,#3a2a10,#140e05)}
.cf-x-verre{--fx:linear-gradient(160deg,rgba(255,255,255,.55),rgba(255,255,255,.12) 40%,rgba(160,200,255,.35) 70%,rgba(255,255,255,.2));
 --fxd:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.02) 50%),radial-gradient(80% 60% at 70% 20%,rgba(160,200,255,.25),transparent 70%),#151a24}
.cf-x-saison{--fx:linear-gradient(160deg,#cdb8ff,#7a55e6 45%,#3a2470 70%,#a98bff);--fxd:radial-gradient(80% 60% at 50% 30%,rgba(140,107,255,.4),transparent 70%),linear-gradient(170deg,#24183f,#0c0916)}

/* inventaire (/moi/inventaire/) : caisses gardées et objets du joueur */
.iv-tete{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:18px}
.iv-st{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.iv-st>div{position:relative;overflow:hidden;border:1px solid var(--bq-b);border-radius:16px;background:linear-gradient(160deg,#171b25,#0e1117);padding:16px 14px;display:flex;flex-direction:column;justify-content:center}
.iv-st b{font-size:28px;font-weight:800;line-height:1.1}.iv-st small{font-size:12px;color:var(--bq-g)}
.iv-st i{position:absolute;left:0;bottom:0;height:3px;width:var(--p);background:linear-gradient(90deg,#e8a33d,#ffd58a)}
.bq .iv-s{margin-top:30px;padding-top:0;scroll-margin-top:90px}
.iv-cx{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.iv-c{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--c) 35%,transparent);background:radial-gradient(90% 120% at 0 50%,color-mix(in srgb,var(--c) 16%,transparent),transparent 60%),#11141b}
.iv-cv{position:relative;width:64px;height:64px;flex:none;display:grid;place-items:center;animation:ivFlotte 4s ease-in-out infinite}.iv-cv svg{width:64px;height:64px}
@keyframes ivFlotte{50%{transform:translateY(-3px) rotate(-2deg)}}
.iv-cv em{position:absolute;right:-6px;top:-4px;font-style:normal;font-size:11.5px;font-weight:800;color:#1a1206;background:var(--c);border-radius:9px;padding:1px 7px}
.iv-c .bq-b{flex:none;width:auto}.iv-ci{flex:1;min-width:0}.iv-ci b{display:block;font-size:15px}.iv-ci small{display:block;font-size:11.5px;color:var(--bq-g);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iv-vc{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:16px;border:1px dashed rgba(255,255,255,.1);background:rgba(255,255,255,.02)}
.iv-vc p{margin:0;font-size:13.5px;color:var(--bq-g);line-height:1.55}.iv-vc p b{color:var(--bq-t)}.iv-vc .bq-b{flex:none;text-decoration:none}
.iv-outils{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.iv-outils .bq-filtres{margin:0}
.iv-outils .bq-fi i{font-style:normal;font-size:11px;opacity:.6;margin-left:3px}
.iv-r{display:flex;gap:8px}.iv-q,.iv-t{font:inherit;font-size:13px;color:var(--bq-t);background:#11141b;border:1px solid var(--bq-b);border-radius:11px;padding:8px 12px;outline:none}
.iv-q{width:200px}.iv-q:focus,.iv-t:focus{border-color:rgba(232,163,61,.5)}
.iv-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.iv-o{position:relative;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;border:1px solid var(--bq-b);background:#12151c;transition:border-color .2s,transform .2s}
.iv-o:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.14)}.iv-o.eq{border-color:rgba(232,163,61,.55);box-shadow:0 0 0 1px rgba(232,163,61,.25)}
.iv-o:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:2;background:var(--rc,#9aa3b2)}
.iv-o.r-rare{--rc:#4f9dff}.iv-o.r-epique{--rc:#a56bff}.iv-o.r-legendaire{--rc:#f5b13d}.iv-o.r-mythique{--rc:#ff4f7b}
.iv-v{height:104px;overflow:hidden;display:flex}.iv-v .bq-ap{flex:1;height:auto!important;min-height:0!important;margin:0!important;border-radius:0!important;width:auto!important}
.iv-i{padding:10px 12px 4px;min-width:0}.iv-i b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iv-i small{font-size:11.5px;color:var(--bq-g)}
.iv-b{padding:6px 12px 12px;display:flex}.iv-b .bq-b{width:100%;justify-content:center}
.iv-vide{grid-column:1/-1;padding:10px 2px}
@media(max-width:900px){.iv-tete{grid-template-columns:1fr}}
@media(max-width:560px){.bq-mcx .bq-mb{flex-wrap:wrap}.bq-mcx .bq-mb .bq-b{flex:1 1 auto}.iv-st b{font-size:22px}.iv-g{grid-template-columns:repeat(2,minmax(0,1fr))}.iv-r{width:100%;min-width:0}.iv-q{flex:1;width:auto;min-width:0}.iv-t{flex:none;max-width:42%}.iv-c{padding:12px}.iv-cv,.iv-cv svg{width:52px;height:52px}.iv-vc{flex-direction:column;align-items:flex-start}}
.bq-fx{position:relative;display:block;width:52px;height:72px;border-radius:7px;overflow:hidden;transform:rotate(-5deg);background:var(--fx);box-shadow:0 10px 20px -8px rgba(0,0,0,.7);animation:bqFx 6s ease-in-out infinite}
.bq-fx.g{width:92px;height:128px;border-radius:11px}
.bq-fx i{position:absolute;inset:5px;border-radius:4px;background:var(--fxd)}.bq-fx.g i{inset:8px;border-radius:6px}
.bq-fx b{position:absolute;left:0;right:0;bottom:9px;text-align:center;font-size:7px;font-weight:800;letter-spacing:.24em;color:rgba(255,255,255,.85)}.bq-fx.g b{font-size:11px;bottom:16px}
@keyframes bqFx{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-3px)}}
/* boutique FANAL (page Jouer et /moi/boutique/) */
.bq{--bq-a:#e8a33d;--bq-f:#12151c;--bq-b:rgba(255,255,255,.07);--bq-t:#e9ecf2;--bq-g:#8b93a3;color:var(--bq-t);font-family:Poppins,system-ui,sans-serif}
.bq .gris{color:var(--bq-g)}
.bq-lu{width:1.05em;height:1.05em;color:var(--bq-a);vertical-align:-.15em;flex:none;filter:drop-shadow(0 0 6px rgba(232,163,61,.45))}
.bq-tete{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-bottom:18px}
.bq-moi{border:1px solid var(--bq-b);border-radius:18px;background:linear-gradient(160deg,#171b25,#0e1117);padding:22px;min-height:120px;display:flex;align-items:center;transition:background .4s}
.bq-moi-i{display:flex;align-items:center;gap:18px;min-width:0}
.bq-moi-i>div{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.bq-moi small{color:var(--bq-g);font-size:12px}
.bq-ps{font-size:20px;font-weight:700;line-height:1.2;color:#fff}
.bq-av{position:relative;flex:none;border-radius:50%;background:#262b36;display:grid;place-items:center;overflow:hidden;font-weight:700;color:#cfd5df}
.bq-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bq-solde{border:1px solid rgba(232,163,61,.25);border-radius:18px;padding:18px 20px;background:radial-gradient(120% 120% at 100% 0,rgba(232,163,61,.18),transparent 60%),#11141b;display:flex;flex-direction:column;gap:4px}
.bq-solde .sur{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--bq-a);font-weight:600}
.bq-s{display:flex;align-items:center;gap:10px;font-size:34px;font-weight:800;line-height:1.1}
.bq-s .bq-lu{width:30px;height:30px;animation:bqLueur 3s ease-in-out infinite}
@keyframes bqLueur{0%,100%{filter:drop-shadow(0 0 4px rgba(232,163,61,.4))}50%{filter:drop-shadow(0 0 12px rgba(232,163,61,.85))}}
.bq-solde small{color:var(--bq-g);font-size:12px}
.bq-l{background:none;border:0;padding:0;color:var(--bq-a);font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;align-self:flex-start;margin-top:4px}
.bq-l:hover{text-decoration:underline}
.bq-moi .bq-l{font-size:12px;margin:0}
.bq-msg{max-height:0;overflow:hidden;opacity:0;transition:.3s;border-radius:12px;font-size:14px;font-weight:500}
.bq-msg.on{max-height:60px;opacity:1;padding:11px 16px;margin-bottom:16px;background:rgba(67,201,119,.12);border:1px solid rgba(67,201,119,.3);color:#8fe3b0}
.bq-msg.on.non{background:rgba(240,82,90,.1);border-color:rgba(240,82,90,.3);color:#ff9aa0}
.bq-st{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.bq h3{font-size:16px;font-weight:700;margin:0}
.bq-st .gris{font-size:13px}.bq-st b{color:var(--bq-t)}
.bq-sem{margin-bottom:22px}
.bq-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:14px}
.bq-g.sem{grid-template-columns:1.35fr repeat(3,1fr)}
.bq-c{--rc:#9aa4b2;position:relative;display:flex;flex-direction:column;border:1px solid var(--bq-b);border-radius:16px;background:#12151c;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s;animation:bqEntre .45s both}
.bq-c:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--rc) 55%,transparent);box-shadow:0 10px 30px -12px color-mix(in srgb,var(--rc) 60%,transparent)}
.bq-c::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--rc);opacity:.85}
.bq-c.r-rare{--rc:#5b9bf0}.bq-c.r-epique{--rc:#a46cf2}.bq-c.r-legendaire{--rc:#e8a33d}
.bq-c.r-legendaire{background:linear-gradient(180deg,rgba(232,163,61,.07),transparent 40%),#12151c}
.bq-c.grand{border-color:rgba(164,108,242,.35)}
@keyframes bqEntre{from{opacity:0;transform:translateY(8px)}}
.bq-ap{height:112px;display:flex;align-items:center;justify-content:center;gap:8px;background:radial-gradient(80% 90% at 50% 40%,color-mix(in srgb,var(--rc) 16%,transparent),transparent 70%),#0e1016;border-bottom:1px solid var(--bq-b)}
.bq-c.grand .bq-ap{height:140px}
.bq-ap.col{flex-direction:column}
.bq-ap.ban{margin:12px;height:88px;border-radius:12px;border:1px solid var(--bq-b)}
.bq-c.grand .bq-ap.ban{height:116px}
.bq-ap.ban>span{display:flex;align-items:center;gap:10px}
.bq-ap.ban .bq-ps{font-size:15px}
.bq-ap .bq-gros .bq-ps{font-size:22px}
.bq-ap.skin img{max-height:96px;max-width:85%;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
.bq-tags{position:absolute;top:10px;left:10px;display:flex;gap:6px;z-index:2}
.bq-tag{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:6px}
.bq-tag.pr{background:var(--bq-a);color:#1a1206}
.bq-tag.ex{background:#a46cf2;color:#fff}
.bq-i{padding:12px 14px 4px;display:flex;flex-direction:column;gap:2px;flex:1}
.bq-r{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--rc)}
.bq-i b{font-size:15px;font-weight:700}
.bq-i small{font-size:12px;color:var(--bq-g);line-height:1.45}
.bq-f{display:flex;align-items:center;gap:8px;padding:10px 14px 14px}
.bq-p{display:flex;align-items:center;gap:6px;margin-right:auto;font-size:15px;white-space:nowrap}
.bq-p s{font-size:12px;color:var(--bq-g)}
.bq-p.moi{font-size:12px;color:#8fe3b0;font-weight:600}
.bq-b{border:0;border-radius:10px;background:var(--bq-a);color:#1a1206;font:inherit;font-size:13px;font-weight:700;padding:8px 14px;cursor:pointer;white-space:nowrap;transition:filter .2s,transform .1s}
.bq-b:hover:not(:disabled){filter:brightness(1.1)}.bq-b:active:not(:disabled){transform:scale(.97)}
.bq-b:disabled{background:#262b36;color:#6c7383;cursor:default}
.bq-b.fant{background:transparent;color:var(--bq-t);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.bq-b.on{background:rgba(67,201,119,.14);color:#8fe3b0;box-shadow:inset 0 0 0 1px rgba(67,201,119,.35)}
.bq-b.on:not(:disabled):hover{background:rgba(240,82,90,.12);color:#ff9aa0;box-shadow:inset 0 0 0 1px rgba(240,82,90,.35)}
.bq-e{position:absolute;top:10px;right:10px;z-index:2;background:rgba(11,13,18,.7);border:1px solid rgba(255,255,255,.14);border-radius:8px;color:var(--bq-t);font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;padding:4px 10px;opacity:.75;transition:.2s;backdrop-filter:blur(4px)}
.bq-c:hover .bq-e{opacity:1}.bq-e:hover{border-color:var(--bq-a);color:var(--bq-a)}
.bq-mq{height:3px;margin:0 14px;border-radius:3px;background:#232733;overflow:hidden}
.bq-mq i{display:block;height:100%;background:linear-gradient(90deg,#9c6a1e,var(--bq-a));border-radius:3px;transition:width .8s}
.bq-mqt{display:block;font-size:11px;color:var(--bq-g);padding:5px 14px 12px}
.bq-filtres{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 18px;position:sticky;top:0;z-index:5;padding:8px 0;background:linear-gradient(180deg,rgba(11,13,18,.96) 70%,transparent)}
.bq-fi{border:1px solid var(--bq-b);background:#141821;color:var(--bq-g);border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:.2s}
.bq-fi:hover{color:var(--bq-t)}.bq-fi.on{background:rgba(232,163,61,.14);border-color:rgba(232,163,61,.45);color:var(--bq-a)}
.bq-cat{margin-bottom:26px}.bq-cat h3{margin-bottom:12px}
.bq-av-e{font-size:13px;color:var(--bq-g);margin:-4px 0 12px}.bq-av-e a{color:var(--bq-a)}
.bq-vide{grid-column:1/-1;padding:24px 0}
.bq-sk{display:flex;flex-direction:column;gap:8px}
.bq-skl{display:flex;align-items:center;gap:12px;border:1px solid var(--bq-b);border-radius:12px;padding:8px 14px;background:#12151c}
.bq-skl img{width:58px;height:40px;object-fit:contain}.bq-skl b{flex:1;font-size:14px}
.bq-skl span{font-size:12px;font-weight:600;color:var(--bq-a)}.bq-skl span.envoye{color:#8fe3b0}.bq-skl span.rembourse{color:var(--bq-g)}
.bq-note{font-size:12px;color:var(--bq-g);margin:6px 0 0}
.bq-ov{position:fixed;inset:0;z-index:80;background:rgba(5,6,9,.72);backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px;animation:bqFond .2s}
@keyframes bqFond{from{opacity:0}}
.bq-m{width:min(380px,100%);border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#12151c;overflow:hidden;text-align:center;padding-bottom:18px;animation:bqEntre .25s;--rc:var(--bq-a)}
.bq-m>b{display:block;font-size:18px;margin:16px 18px 4px}
.bq-m p{margin:4px 18px;font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px}
.bq-m p.gris{font-size:12px}
.bq-mb{display:flex;gap:10px;justify-content:center;margin-top:14px}
@media (max-width:980px){.bq-g.sem{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.bq-tete{grid-template-columns:1fr}.bq-g,.bq-g.sem{grid-template-columns:1fr 1fr;gap:10px}.bq-ap{height:96px}.bq-f{flex-wrap:wrap}.bq-p{width:100%}.bq-b{flex:1}.bq-moi{padding:16px}}
@media (max-width:380px){.bq-g,.bq-g.sem{grid-template-columns:1fr}}

/* caisses FANAL, ouverture, cadeaux */
.bq-c.r-mythique{--rc:#ff4f7b;background:linear-gradient(180deg,rgba(255,79,123,.08),transparent 40%),#12151c}
.bq-tag.cx{background:#ff4f7b;color:#fff}.bq-tag.cd{background:#43c977;color:#062012}
.bq-of{padding:8px 9px!important;display:inline-grid;place-items:center}.bq-of svg{width:16px;height:16px}
.bq-of:hover:not(:disabled){color:var(--bq-a);box-shadow:inset 0 0 0 1px rgba(232,163,61,.55)}
.bq-cxs{margin:4px 0 26px}
.bq-cxg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bq-cx{--c:#e8a33d;position:relative;display:flex;flex-direction:column;border-radius:20px;padding:18px 18px 16px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),#11141b;border:1px solid var(--bq-b);overflow:hidden;isolation:isolate;transition:transform .25s,border-color .25s,box-shadow .25s;animation:bqEntre .45s both}
.bq-cx::before{content:"";position:absolute;inset:-40% -20% auto;height:280px;background:radial-gradient(closest-side,var(--c),transparent);opacity:.22;z-index:-1;transition:opacity .3s}
.bq-cx:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 50%,transparent);box-shadow:0 18px 40px -20px color-mix(in srgb,var(--c) 70%,transparent)}
.bq-cx:hover::before{opacity:.34}
.bq-cx-v{height:170px;display:grid;place-items:center}
.bq-cx-v svg{width:200px;height:172px;filter:drop-shadow(0 20px 24px rgba(0,0,0,.6));animation:bqFlotte 4.5s ease-in-out infinite}
.bq-cx:nth-child(2) .bq-cx-v svg{animation-delay:-1.5s}.bq-cx:nth-child(3) .bq-cx-v svg{animation-delay:-3s}
.bq-cx-v.petit{height:120px;margin-top:14px}.bq-cx-v.petit svg{width:140px;height:120px}
@keyframes bqFlotte{50%{transform:translateY(-7px) rotate(-1.2deg)}}
.bq-cx-k{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--c);margin-top:4px}
.bq-cx h4{font-size:19px;font-weight:800;margin:2px 0 4px}
.bq-cx p{color:var(--bq-g);font-size:12.5px;line-height:1.5;margin:0 0 12px;min-height:56px}
.bq-tx{display:flex;height:7px;gap:3px;border-radius:5px;overflow:hidden;margin-bottom:8px}.bq-tx i{display:block;border-radius:3px;background:var(--k)}
.bq-txl{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--bq-g);margin-bottom:12px}
.bq-txl span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--k);margin-right:6px;vertical-align:0}
.bq-ct{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}
.bq-ct span{font-size:11px;font-weight:600;color:#cfd5df;padding:3px 9px 3px 8px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.bq-ct span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--k);margin-right:6px;box-shadow:0 0 6px var(--k);vertical-align:1px}
.bq-ct span.eu{color:var(--bq-g);border-color:rgba(67,201,119,.3)}.bq-ct span.eu::before{background:#43c977;box-shadow:none}
.bq-cx-n{font-size:11.5px;color:var(--bq-g);margin-bottom:12px}
.bq-cx-b{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.bq-cx-b .bq-p{font-size:18px;font-weight:800;margin:0}.bq-cx-b .bq-lu{width:20px;height:20px}
.bq-cx-b .bq-b{padding:10px 22px;font-size:14px;background:linear-gradient(180deg,#f2b655,#df982e);box-shadow:0 10px 24px -10px rgba(232,163,61,.7)}
.bq-cx-b .bq-b:disabled{background:#262b36;box-shadow:none}
.bq-cx .bq-mq{margin:10px 0 0}.bq-cx .bq-mqt{padding:5px 0 0}
.r-rare{--k:#4fa3ff}.r-epique{--k:#b073ff}.r-legendaire{--k:#f2b24a}.r-mythique{--k:#ff4f7b}.r-commun{--k:#9aa4b2}
.bq-mcx .bq-cx-v svg{animation:none}
/* ouverture */
.bq-ou{background:radial-gradient(60% 50% at 50% 45%,color-mix(in srgb,var(--c) 22%,transparent),transparent 70%),rgba(5,6,9,.9);backdrop-filter:blur(6px)}
.bq-ou{grid-template-columns:minmax(0,1fr);justify-items:center}
.bq-ou-i{position:relative;width:min(860px,100%);min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}
.bq-son{position:fixed;top:18px;right:18px;width:38px;height:38px;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:rgba(18,21,28,.8);color:#cfd5df;display:grid;place-items:center;cursor:pointer;z-index:3}
.bq-son svg{width:18px;height:18px}.bq-son:hover{color:var(--bq-a);border-color:rgba(232,163,61,.5)}
.bq-ou-t{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--c);margin:10px 0 18px}
.bq-ou-cf{position:relative;width:260px;height:225px;animation:bqSecoue .6s ease-in-out 2}
.bq-ou-cf svg{width:100%;height:100%;filter:drop-shadow(0 26px 30px rgba(0,0,0,.7));overflow:visible}
.bq-ou-cf .cx-couv{transition:transform .7s cubic-bezier(.3,1.6,.5,1);transform-origin:110px 66px}
.bq-ou-cf.ouvre .cx-couv{transform:translateY(-30px) rotate(-7deg)}
.bq-ou-cf .eclat{position:absolute;left:50%;top:38%;width:30px;height:30px;margin:-15px;border-radius:50%;background:radial-gradient(closest-side,#fff,var(--c),transparent);opacity:0;transform:scale(.2)}
.bq-ou-cf.ouvre .eclat{animation:bqEclat .9s ease-out .2s forwards}
@keyframes bqSecoue{20%{transform:rotate(-3deg) translateY(-2px)}40%{transform:rotate(3deg)}60%{transform:rotate(-2deg) translateY(-3px)}80%{transform:rotate(2deg)}}
@keyframes bqEclat{40%{opacity:1}100%{opacity:0;transform:scale(14)}}
.bq-ru{position:relative;width:100%;height:168px;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0f1218,#0b0d12);
  -webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);animation:bqEntre .35s}
.bq-ru-m{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--bq-a);z-index:3;box-shadow:0 0 14px 2px rgba(232,163,61,.7)}
.bq-ru-m::before,.bq-ru-m::after{content:"";position:absolute;left:50%;margin-left:-7px;border:7px solid transparent}
.bq-ru-m::before{top:0;border-top-color:var(--bq-a)}.bq-ru-m::after{bottom:0;border-bottom-color:var(--bq-a)}
.bq-rl{display:flex;gap:10px;padding:14px 0;will-change:transform}
.bq-tu{flex:none;width:122px;height:138px;border-radius:13px;background:radial-gradient(90% 80% at 50% 35%,color-mix(in srgb,var(--k) 22%,transparent),transparent 70%),#151922;border:1px solid rgba(255,255,255,.06);border-bottom:3px solid var(--k);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:8px;transition:transform .4s,box-shadow .4s}
.bq-tu .v{height:72px;display:grid;place-items:center;max-width:100%;overflow:visible}
.bq-tu .v .bq-ps{font-size:15px;max-width:106px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bq-tu small{font-size:11px;font-weight:600;color:#cfd5df;line-height:1.25;max-width:106px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bq-tu .dc-t{font-size:9.5px;padding:2px 6px}
.bq-tb{display:block;width:100px;height:46px;border-radius:8px;border:1px solid rgba(255,255,255,.08)}
.bq-tu.g.on{transform:scale(1.08);box-shadow:0 0 0 2px var(--k),0 0 34px -2px var(--k)}
.bq-passer{margin-top:14px;color:var(--bq-g)!important;font-size:12.5px!important;align-self:center}
.bq-rv{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:28px 34px 24px;border-radius:24px;background:#12151c;border:1px solid color-mix(in srgb,var(--k) 45%,transparent);box-shadow:0 30px 80px -30px color-mix(in srgb,var(--k) 80%,transparent);min-width:min(420px,100%);animation:bqRv .6s cubic-bezier(.2,1.4,.4,1);overflow:hidden;isolation:isolate}
.bq-rv-l{position:absolute;left:50%;top:92px;width:520px;height:520px;margin:-260px;z-index:-1;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--k) 30%,transparent) 0 8deg,transparent 8deg 22deg);-webkit-mask:radial-gradient(closest-side,#000,transparent);mask:radial-gradient(closest-side,#000,transparent);animation:bqTourne 14s linear infinite;opacity:.7}
@keyframes bqTourne{to{transform:rotate(360deg)}}
@keyframes bqRv{from{opacity:0;transform:scale(.7) translateY(20px)}}
.bq-rv-v{height:150px;display:grid;place-items:center;margin-bottom:8px}
.bq-rv-v.cat-banniere .bq-tb{width:320px;height:110px;border-radius:14px;display:flex;align-items:center;padding:0 18px}
.bq-rv-v.cat-banniere .bq-tb>span{display:flex;align-items:center;gap:10px}
.bq-rv-v.cat-titre .dc-t{font-size:15px;padding:6px 14px}
.bq-rv .bq-r{color:var(--k);font-size:11px}.bq-rv>b{font-size:24px;font-weight:800}.bq-rv>small{color:var(--bq-g);font-size:13px;margin-top:2px}
.bq-rv .bq-mb{margin-top:18px;flex-wrap:wrap}
.bq-ou-i.r-mythique .bq-rv{animation:bqRv .6s cubic-bezier(.2,1.4,.4,1),bqPulse 2.4s ease-in-out .6s infinite}
@keyframes bqPulse{50%{box-shadow:0 30px 90px -20px rgba(255,79,123,.95)}}
/* cadeau */
.bq-gift{width:min(420px,100%)}
.bq-gl{display:flex;flex-direction:column;gap:6px;max-height:228px;overflow:auto;margin:12px 18px 10px;text-align:left}
.bq-ga{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:inherit;font:inherit;cursor:pointer;transition:border-color .2s,background .2s}
.bq-ga:hover:not(:disabled){border-color:rgba(232,163,61,.45)}.bq-ga b{flex:1;font-size:14px;font-weight:600;text-align:left}
.bq-ga i{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.25);flex:none}
.bq-ga.on{border-color:var(--bq-a);background:rgba(232,163,61,.08)}.bq-ga.on i{border-color:var(--bq-a);background:radial-gradient(circle,var(--bq-a) 45%,transparent 50%)}
.bq-ga:disabled{opacity:.5;cursor:default}.bq-ga em{font-style:normal;font-size:11.5px;color:var(--bq-g)}
.bq-gm{display:block;width:calc(100% - 36px);margin:0 18px 6px;min-height:58px;resize:none;background:#0e1117;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 12px;color:#e9ecf2;font:inherit;font-size:13.5px;box-sizing:border-box}
.bq-gm:focus{outline:none;border-color:rgba(232,163,61,.6)}
@media (max-width:980px){.bq-cxg{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.bq-cxg{grid-template-columns:1fr}.bq-cx p{min-height:0}.bq-rv{padding:22px 18px 18px}.bq-rv-v.cat-banniere .bq-tb{width:260px;height:90px}.bq-ou-cf{width:210px;height:182px}}
/* enveloppe d'avatar pour les contours dessinés */
.dcw{display:inline-flex;flex:none;border-radius:50%;vertical-align:middle}

.es-solde{display:flex;align-items:center;gap:10px;margin:8px 0 12px}.es-solde .bq-lu{width:28px;height:28px}
.es-solde b{font-size:34px;font-weight:800;line-height:1}.es-solde span{color:var(--gris,#8b93a3);font-size:14px}
.tete-j.dc-ban{padding:24px;border-radius:22px;border:1px solid rgba(255,255,255,.07)}
.tete-j .dc-t,.es-hero .dc-t{margin:2px 0 8px}
.bv-n{float:right;font-weight:600;color:var(--gris);font-variant-numeric:tabular-nums}.bv-n.plein{color:var(--ambre,#e8a33d)}
.es-nom{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;letter-spacing:-.01em;line-height:1.08}
.es-nom.long{font-size:clamp(28px,4.2vw,46px)}.es-nom.tres-long{font-size:clamp(24px,3.4vw,38px)}
@media (max-width:640px){.es-nom{font-size:30px}.es-nom.long{font-size:26px}.es-nom.tres-long{font-size:22px}}
.am-btn{cursor:pointer}
.lu-nav{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 14px 0 12px;border-radius:12px;border:1px solid rgba(232,163,61,.35);
background:linear-gradient(135deg,rgba(232,163,61,.14),rgba(232,163,61,.04));color:var(--blanc,#fff);text-decoration:none;font-weight:700;font-size:14px;
font-variant-numeric:tabular-nums;transition:border-color .2s,background .2s,transform .15s;position:relative;overflow:hidden}
.lu-nav[hidden]{display:none!important}html.co .lu-nav[hidden]{display:inline-flex!important}html.co .nav-d .am-btn[hidden]{display:grid!important}
.lu-nav svg{width:18px;height:18px;color:var(--ambre,#e8a33d);filter:drop-shadow(0 0 6px rgba(232,163,61,.55));animation:luNav 3.2s ease-in-out infinite}
@keyframes luNav{50%{filter:drop-shadow(0 0 11px rgba(232,163,61,.9));transform:rotate(12deg) scale(1.06)}}
.lu-nav span{font-size:12px;font-weight:600;color:var(--gris,#8b93a3);padding-left:8px;border-left:1px solid rgba(232,163,61,.25)}
.lu-nav:hover,.lu-nav.actif{border-color:rgba(232,163,61,.7);background:linear-gradient(135deg,rgba(232,163,61,.22),rgba(232,163,61,.07))}
.lu-nav:hover span,.lu-nav.actif span{color:var(--ambre,#e8a33d)}
.lu-nav::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,226,160,.18),transparent);transform:skewX(-18deg);animation:luReflet 6s ease-in-out infinite}
@keyframes luReflet{0%,70%{left:-60%}100%{left:130%}}
@media (max-width:1100px){.lu-nav span{display:none}}@media (max-width:640px){.lu-nav{padding:0 10px;height:38px}}
.j-ami svg,.j-ami svg{width:16px;height:16px}.j-ami .btn{display:inline-flex;align-items:center;gap:7px}
.es-ami{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--trait)}
.es-ami>span{flex:1;display:flex;flex-direction:column;min-width:0}.es-ami small{color:var(--gris);font-size:12.5px}
.es-ami-a{display:flex;gap:8px}
.es-id code{font-family:ui-monospace,Consolas,monospace;font-size:15px;font-weight:700;letter-spacing:.08em;color:var(--ambre,#e8a33d);background:rgba(232,163,61,.08);border:1px solid rgba(232,163,61,.25);border-radius:8px;padding:5px 10px}.es-st{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);margin:6px 0 4px}

/* onglets fixes (tableau de bord staff, Mon espace) */
.sb-ong{position:sticky;top:76px;z-index:6;display:flex;gap:4px;padding:6px;margin:24px 0 26px;border-radius:14px;background:rgba(14,17,23,.9);border:1px solid var(--trait);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-x:auto;scrollbar-width:none}
.sb-ong::-webkit-scrollbar{display:none}
.sb-ong a{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13.5px;font-weight:600;color:var(--gris);padding:9px 13px;flex:1 0 auto;justify-content:center;border-radius:10px;text-decoration:none;transition:background .2s,color .2s}
.sb-ong a:hover{color:#e9ecf2;background:rgba(255,255,255,.04)}.sb-ong a.on{background:var(--ambre,#e8a33d);color:#1a1206}.sb-ong .ico{width:16px;height:16px}
.sb-ong em{font-style:normal;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;background:rgba(255,123,123,.18);color:#ff9b9b;padding:0 5px}.sb-ong a.on em{background:rgba(26,18,6,.18);color:#1a1206}
.sb-p{display:none}.sb-p.on{display:block;animation:sbIn .35s cubic-bezier(.2,.9,.3,1)}
@keyframes sbIn{from{opacity:0;transform:translateY(8px)}}
.sb-p section:first-child{padding-top:0}.sb-p>section>h2:first-child,.sb-p>h2:first-child{margin-top:0}
html:not(.js) .sb-p{display:block}html:not(.js) .sb-ong{display:none}
/* avatar du joueur connecté, tout à droite, avec son menu */
.nv-moi{position:relative;margin-left:2px}html.co .nav-d .moi-lien{display:none}
.nav-sep{width:1px;height:26px;background:rgba(255,255,255,.1);margin:0 4px;flex:none}
@media (max-width:440px){.nav-sep{display:none}}html.co .nv-moi[hidden]{display:block!important}
.nv-av{width:42px;height:42px;border-radius:50%;padding:0;border:0;background:none;cursor:pointer;position:relative;display:grid;place-items:center;transition:transform .22s cubic-bezier(.3,1.5,.5,1)}
.nv-av:hover{transform:scale(1.06)}.nv-av:active{transform:scale(.94)}.nv-av:focus-visible{outline:2px solid var(--ambre);outline-offset:3px}
.nv-im{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#1b202b;color:var(--ambre);font-weight:800;font-size:15px;position:relative;box-shadow:0 0 0 2px rgba(232,163,61,.85),0 0 12px rgba(232,163,61,.3)}
.nv-im img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}
.nv-pt{position:absolute;right:1px;bottom:1px;width:11px;height:11px;border-radius:50%;background:#43c977;box-shadow:0 0 0 2.5px #0b0d12;transition:background .3s}
.nv-pt.absent{background:#e8a33d}.nv-pt.invisible{background:#0b0d12;box-shadow:0 0 0 2.5px #0b0d12,inset 0 0 0 2px #6c7383}
.nv-menu{position:absolute;right:0;top:calc(100% + 12px);width:270px;padding:8px;border-radius:16px;background:rgba(17,20,27,.98);border:1px solid rgba(255,255,255,.09);box-shadow:0 30px 60px -20px #000,0 0 0 1px rgba(232,163,61,.06);transform-origin:top right;z-index:60}
.nv-menu.on{animation:nvIn .28s cubic-bezier(.2,1.2,.4,1)}.nv-menu.sort{animation:nvOut .16s ease forwards}
@keyframes nvIn{from{opacity:0;transform:translateY(-6px) scale(.96)}}@keyframes nvOut{to{opacity:0;transform:translateY(-4px) scale(.97)}}
.nv-h{display:flex;align-items:center;gap:12px;padding:10px 10px 14px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:6px}.nv-h>div{min-width:0}
.nv-h .nv-im{width:44px;height:44px;flex:none}.nv-h b{display:block;font-size:15px;color:#f2c47a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nv-h small{display:block;font-size:12px;color:#7d8595;font-family:ui-monospace,Consolas,monospace;letter-spacing:.05em}
.nv-menu a,.nv-menu button{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border-radius:10px;font:600 14px Poppins,sans-serif;color:#cfd5df;text-decoration:none;background:none;border:0;cursor:pointer;text-align:left;transition:background .15s,color .15s}
.nv-menu a[hidden]{display:none}.nv-menu a:hover,.nv-menu button:hover,.nv-menu a.sur,.nv-menu a:focus-visible,.nv-menu button:focus-visible{background:rgba(232,163,61,.08);color:#f2c47a;outline:none}
.nv-menu .ico{width:17px;height:17px;color:#8b93a3;flex:none}.nv-menu a:hover .ico,.nv-menu a.sur .ico{color:var(--ambre)}
.nv-menu em{margin-left:auto;font-style:normal;font-size:12px;font-weight:700;color:var(--ambre)}.nv-menu em:empty{display:none}
.nv-sep{height:1px;background:rgba(255,255,255,.07);margin:6px 4px}.nv-menu .nv-dec,.nv-menu .nv-dec .ico{color:#ff9b9b}.nv-menu .nv-dec:hover{background:rgba(255,123,123,.08);color:#ffb0b0}
@media (max-width:440px){.nv-av{width:38px;height:38px}.nv-av .nv-im{width:34px;height:34px}.nv-menu{width:min(270px,calc(100vw - 24px));right:-6px}}
/* retour au clic sur tout le site : on sent le bouton s'enfoncer */
.btn:active,.btn2:active,.chip-btn:active,.onglets button:active,.prm-btn:active,.sb-ong a:active{transform:scale(.96)!important;transition-duration:.08s!important}
.btn,.btn2{transition:transform .22s cubic-bezier(.3,1.6,.5,1),filter .2s,box-shadow .25s,background-color .2s,border-color .2s,color .2s}
/* interrupteurs : la pastille bascule en douceur (même quand l'interrupteur est redessiné juste après le clic) */
.rg-sw,.prm-sw,.am-pref button{--kx:15px}.prm-sw{--kx:16px}.am-pref button{--kx:14px}.lx-sw{--kx:13px}.st-tog{--kx:16px}
.rg-sw:after,.prm-sw:after,.am-pref button::after,.lx-sw i::after,.st-tog i:after{transition:transform .32s cubic-bezier(.3,1.45,.5,1),background .25s,width .18s!important}
.rg-sw,.prm-sw,.am-pref button,.lx-sw i,.st-tog i{transition:background .3s ease,border-color .3s ease,box-shadow .3s!important}
.rg-sw:active:after,.prm-sw:active:after,.am-pref button:active::after{width:19px}.rg-sw.on:active:after,.prm-sw.on:active:after{transform:translateX(calc(var(--kx) - 4px))}
.sw-on:after,.sw-on i:after,.sw-on i::after,.am-pref .sw-on::after{animation:swOn .34s cubic-bezier(.3,1.45,.5,1)}
.sw-off:after,.sw-off i:after,.sw-off i::after,.am-pref .sw-off::after{animation:swOff .34s cubic-bezier(.3,1.45,.5,1)}
@keyframes swOn{from{transform:translateX(0)}to{transform:translateX(var(--kx))}}
@keyframes swOff{from{transform:translateX(var(--kx))}to{transform:translateX(0)}}
/* réglages du joueur : moins d'animations, mode streamer (infos sensibles floutées) */
html.moins-anim *,html.moins-anim *:before,html.moins-anim *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
html.streamer .es-id code,html.streamer .am-id button,html.streamer .so-id button,html.streamer #s-droite .copie code,html.streamer #s-droite .ipbar code,html.streamer .es-f[data-api="/moi/compte/echange"] input[name="lien"],html.streamer .masque-stream{filter:blur(7px);user-select:none}

.ta-dm{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}.ta-dm.ok{color:var(--vert,#3dd68c)}.ta-dm.r{color:#ff7b7b}
.chip.ambre .point{background:var(--ambre)}
.ta-emb{position:relative;width:34px;height:37px;flex:none;display:grid;place-items:center}.ta-emb svg{position:absolute;inset:0;width:100%;height:100%}
.ta-emb path{fill:color-mix(in srgb,var(--ambre) 20%,#12151c);stroke:var(--ambre);stroke-width:2}
.ta-emb b{position:relative;font-size:8.5px;font-weight:800;color:var(--ambre);letter-spacing:0}
.ta-emb.g{width:56px;height:62px}.ta-emb.g b{font-size:13px}
.ta-emb.adv path{fill:color-mix(in srgb,#a98bff 20%,#12151c);stroke:#a98bff}.ta-emb.adv b{color:#a98bff}
.ta-hg{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:stretch;margin-top:22px}
.ta-hg:has(.ta-moi[hidden]){grid-template-columns:minmax(0,420px)}
.ta-moi{padding:20px 22px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid var(--trait)}
.ta-moi h3{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris2);margin:0 0 14px}
.ta-moi h3 em{font-style:normal;color:var(--ambre)}
.ta-eq{display:flex;align-items:center;gap:14px;margin-bottom:16px}.ta-eq>div>b{font-size:18px}.ta-eq>div>small{display:block;color:var(--gris);font-size:13px;margin-top:2px}
.ta-avs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.ta-av{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:16px;color:#14110a;background:var(--c,#f4b955);box-shadow:0 0 0 3px #12151c;flex:none}
.ta-av img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}
.ta-av.off{background:#2a303c;color:var(--gris2)}.ta-av.off img{filter:grayscale(1);opacity:.45}
.ta-av i{position:absolute;right:-4px;bottom:-4px;width:19px;height:19px;border-radius:50%;background:var(--vert,#3dd68c);color:#062615;display:grid;place-items:center;box-shadow:0 0 0 3px #161a22;z-index:1}
.ta-av i svg{width:12px;height:12px;stroke-width:3}
.ta-act{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ta-btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 26px;border-radius:12px;background:var(--ambre);color:#1a1205;font-weight:700;font-size:15px;transition:transform .15s,filter .15s}
.ta-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.ta-btn:focus-visible{outline:2px solid var(--blanc);outline-offset:3px}
.ta-btn svg{width:18px;height:18px}.ta-btn[disabled]{cursor:default;transform:none;filter:none}
.ta-btn.fait{background:rgba(61,214,140,.12);color:var(--vert,#3dd68c);border:1px solid rgba(61,214,140,.4)}
.ta-btn.fant{background:var(--carte2);color:var(--blanc);border:1px solid var(--trait)}
.ta-note{color:var(--gris);font-size:13px;line-height:1.5;max-width:420px;margin:0}
.ta-cd{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px;border-radius:16px;background:radial-gradient(120% 100% at 50% 0,rgba(232,163,61,.13),transparent 70%),rgba(255,255,255,.02);border:1px solid rgba(232,163,61,.3)}
.ta-cd small{color:var(--gris);font-size:13px}
.ta-cd .n{font-size:56px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--blanc);line-height:1.1;margin:6px 0}
.ta-cd .n span{color:var(--ambre)}.ta-cd p{color:var(--gris);font-size:13px;margin:4px 0 0}
.ta-cd .bar{width:100%;height:5px;border-radius:5px;background:var(--carte2);margin-top:16px;overflow:hidden}.ta-cd .bar i{display:block;height:100%;width:0;background:var(--ambre);border-radius:5px}
.ta-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ta-st{position:relative;padding:18px 18px 20px;border-radius:16px;background:var(--carte);border:1px solid var(--trait)}
.ta-st .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--carte2);color:var(--gris);margin-bottom:12px}
.ta-st .ic svg{width:19px;height:19px}
.ta-st b{display:block;font-size:15px;margin-bottom:4px}.ta-st p{color:var(--gris);font-size:12.5px;line-height:1.5;margin:0}
.ta-st .k{position:absolute;right:16px;top:14px;font-size:12px;font-weight:700;color:var(--gris2)}
.ta-st.fait .ic{background:rgba(61,214,140,.12);color:var(--vert,#3dd68c)}
.ta-st.on{border-color:rgba(232,163,61,.5);background:linear-gradient(180deg,rgba(232,163,61,.08),transparent 60%),var(--carte)}
.ta-st.on .ic{background:rgba(232,163,61,.15);color:var(--ambre)}.ta-st.on .k{color:var(--ambre)}
.ta-pr{display:flex;gap:5px;margin-top:12px}.ta-pr i{flex:1;height:5px;border-radius:5px;background:#2a303c}.ta-pr i.on{background:var(--vert,#3dd68c)}
.ta-e{display:flex;justify-content:space-between;margin-top:8px;font-size:12.5px;color:var(--gris)}.ta-e.ok{color:var(--vert,#3dd68c)}
.ta-pmc{padding:0}
.ta-pm-t{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 26px;border-bottom:1px solid var(--trait)}
.ta-pm-t span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris2);font-weight:600}.ta-pm-t em{font-style:normal;color:var(--ambre);font-size:13px;font-weight:600}
.ta-pm{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) 300px;align-items:center;gap:22px;padding:24px 26px}
.ta-pm .eqx{display:flex;align-items:center;gap:14px;min-width:0}.ta-pm .eqx.d{flex-direction:row-reverse;text-align:right}
.ta-pm .eqx b{display:block;font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ta-pm .eqx small{color:var(--gris);font-size:13px}
.ta-pm .rd{display:flex;gap:4px;margin-top:8px}.ta-pm .eqx.d .rd{justify-content:flex-end}
.ta-pm .rd i{width:9px;height:9px;border-radius:50%;background:#2a303c}.ta-pm .rd i.on{background:var(--vert,#3dd68c)}
.ta-pm .vs{font-weight:700;color:var(--gris2);font-size:14px}
.ta-pm .st{border-left:1px solid var(--trait);padding-left:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.ta-pm .st small{color:var(--gris);font-size:13px}.ta-pm .st .t{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ambre);line-height:1}
.ta-pm .st .msg{font-size:15px;font-weight:600;color:var(--blanc);line-height:1.4}
.ta-pm-b{padding:0 26px 18px;color:var(--gris);font-size:13px;margin:0}
.arbre .ta-ft{margin:0;padding:7px 12px;font-size:11.5px;color:var(--gris);background:rgba(0,0,0,.18);border-top:1px solid var(--trait)}
.arbre .ta-ft.am{color:var(--ambre)}.arbre .ta-ft.r{color:#ff7b7b}
.arbre .m.appel{border-color:rgba(232,163,61,.55);box-shadow:0 0 0 3px rgba(232,163,61,.08)}
.ta-ov{position:fixed;inset:0;z-index:240;background:rgba(6,8,12,.66);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px;animation:taOv .2s ease-out}
@keyframes taOv{from{opacity:0}}
.ta-mo{position:relative;box-sizing:border-box;width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:22px;padding:28px;background:radial-gradient(120% 70% at 50% 0,rgba(232,163,61,.12),transparent 60%),#161a22;border:1px solid rgba(232,163,61,.35);box-shadow:0 30px 80px rgba(0,0,0,.6);text-align:center;animation:taIn .28s cubic-bezier(.2,.8,.2,1)}
@keyframes taIn{from{opacity:0;transform:translateY(14px) scale(.98)}}
.ta-x{all:unset;cursor:pointer;position:absolute;right:16px;top:16px;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:var(--gris)}
.ta-x:hover{background:var(--carte2);color:var(--blanc)}.ta-x svg{width:16px;height:16px}
.ta-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding:0 34px}
.ta-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:600;background:var(--carte2);color:var(--blanc);border:1px solid var(--trait)}
.ta-chip.ambre{color:var(--ambre);border-color:rgba(232,163,61,.45);background:rgba(232,163,61,.1)}
.ta-chip .pt{width:7px;height:7px;border-radius:50%;background:currentColor;animation:taPt 1.6s infinite}
@keyframes taPt{50%{opacity:.35}}
.ta-mo h2{font-size:26px;margin:0 0 4px}.ta-mo .sous{color:var(--gris);font-size:14px;margin:0 0 22px}
.ta-ring{position:relative;width:96px;height:96px;margin:0 auto 18px}
.ta-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ta-ring circle{fill:none;stroke-width:7}
.ta-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}
.ta-vsm{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;margin-bottom:22px}
.ta-vsm .c{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.ta-vsm .c>b{font-size:16px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ta-vsm .c .avs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.ta-vsm .ta-av{width:32px;height:32px;font-size:12px}.ta-vsm .ta-av i{width:15px;height:15px;right:-3px;bottom:-3px}.ta-vsm .ta-av i svg{width:9px;height:9px}
.ta-vsm .vs{color:var(--gris2);font-weight:700}
.ta-mo .ta-btn{width:100%;padding:15px}.ta-mo .bas{color:var(--gris);font-size:13px;margin:14px 0 0}
.ta-toast{position:fixed;right:20px;bottom:20px;z-index:230;width:min(360px,calc(100vw - 32px));box-sizing:border-box;padding:16px 18px;border-radius:16px;background:#161a22;border:1px solid rgba(232,163,61,.4);box-shadow:0 20px 50px rgba(0,0,0,.5);display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;animation:taIn .28s cubic-bezier(.2,.8,.2,1)}
.ta-toast .ic{grid-row:span 2;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(232,163,61,.14);color:var(--ambre)}
.ta-toast .ic svg{width:20px;height:20px}.ta-toast b{font-size:14.5px;padding-right:22px}.ta-toast small{color:var(--gris);font-size:12.5px}
.ta-toast .ta-btn{grid-column:1/-1;margin-top:10px;padding:11px;font-size:14px}.ta-toast .ta-x{right:8px;top:8px;width:28px;height:28px}
.ta-als{display:grid;gap:14px}
.ta-al{padding:20px 22px;border-color:rgba(255,123,123,.35)}
.ta-al-h{display:flex;align-items:center;gap:12px;margin-bottom:10px}.ta-al-h .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(255,123,123,.12);color:#ff7b7b}
.ta-al-h .ic svg{width:19px;height:19px}.ta-al-h b{display:block;font-size:15.5px}.ta-al-h small{color:var(--gris2);font-size:12px}
.ta-al>p{color:var(--blanc);font-size:14px;line-height:1.55;margin:0 0 12px}
.ta-al-s{padding:12px 14px;border-radius:12px;background:var(--carte2);margin-bottom:14px}.ta-al-s small{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ambre)}
.ta-al-s p{color:var(--gris);font-size:13.5px;line-height:1.55;margin:4px 0 0}
.ta-al-b{display:flex;flex-wrap:wrap;gap:8px}.ta-al-b form{margin:0}
@media (max-width:900px){.ta-hg{grid-template-columns:1fr}.ta-steps{grid-template-columns:1fr 1fr}
.ta-pm{grid-template-columns:1fr auto 1fr;padding:20px}.ta-pm .st{grid-column:1/-1;border-left:0;border-top:1px solid var(--trait);padding:16px 0 0;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}}
@media (max-width:560px){.ta-steps{grid-template-columns:1fr}.ta-avs{gap:7px}.ta-av{width:38px;height:38px}
.ta-pm{gap:12px}.ta-pm .eqx,.ta-pm .eqx.d{flex-direction:column;text-align:center;gap:8px}.ta-pm .eqx .rd,.ta-pm .eqx.d .rd{justify-content:center}
.ta-pm .eqx b{white-space:normal;font-size:15px}.ta-pm .eqx small{display:none}.ta-emb.g{width:44px;height:48px}
.ta-pm-t{flex-direction:column;align-items:flex-start;gap:4px;padding:14px 20px}.ta-pm-b{padding:0 20px 18px}.ta-pm .st .ta-btn{width:100%}
.ta-mo{padding:22px 18px}.ta-mo h2{font-size:22px}.ta-vsm{gap:8px}.ta-vsm .c>b{font-size:14px}
.ta-vsm .ta-av{width:28px;height:28px;font-size:11px;margin-left:-6px;box-shadow:0 0 0 2px #161a22}.ta-vsm .ta-av:first-child{margin-left:0}
.ta-vsm .c .avs{gap:0;flex-wrap:nowrap}.ta-vsm .ta-av i{width:13px;height:13px;right:-2px;bottom:-3px}.ta-vsm .ta-av i svg{width:8px;height:8px}
.ta-toast{right:16px;bottom:16px}}


/* barre des amis, fiche et chat privé (page Jouer) */
.social{position:sticky;top:0;height:100vh;border-left:1px solid #191d26;background:rgba(9,11,15,.88);backdrop-filter:blur(10px);display:flex;flex-direction:column;z-index:15;min-width:0}
.social svg{width:18px;height:18px}
.so-t{display:flex;align-items:center;gap:8px;padding:22px 16px 14px}
.so-t>div{flex:1;min-width:0}.so-t b{display:block;font-size:15px;font-weight:700;letter-spacing:.02em}
.so-t small{color:#7d8595;font-size:12px}
.so-plier,.so-fermer{width:32px;height:32px;border-radius:9px;border:1px solid #232835;background:#12151c;color:#9aa2b1;display:grid;place-items:center;cursor:pointer;transition:.2s;flex:none}
.so-plier:hover,.so-fermer:hover{color:var(--a);border-color:rgba(232,163,61,.45)}
.so-fermer{display:none}
body.soc-reduit .so-t{justify-content:center;padding:22px 0 14px}
.so-aj{position:relative;margin:0 14px 6px}
.so-aj input{width:100%;background:#0f1218;border:1px solid #232835;border-radius:11px;padding:10px 12px 10px 38px;color:#e9ecf2;font:inherit;font-size:13px;outline:none;transition:.2s}
.so-aj input:focus{border-color:rgba(232,163,61,.55);box-shadow:0 0 0 3px rgba(232,163,61,.1)}
.so-loupe{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#6c7383;display:grid}
.so-loupe svg{width:17px;height:17px}
#so-res{margin:0 14px}
.so-r{display:flex;align-items:center;gap:10px;padding:7px 4px;border-bottom:1px solid #171b23;animation:soEntre .25s both}
.so-r b{flex:1;font-size:13px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.so-aj-b{border:0;border-radius:8px;background:var(--a);color:#1a1206;font:inherit;font-size:12px;font-weight:700;padding:5px 10px;cursor:pointer}
.so-ec-b{display:inline-flex;align-items:center;justify-content:center;width:28px;height:27px;margin-right:6px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.04);color:#c9cfd9;cursor:pointer;transition:background .2s,color .2s}
.so-ec-b:hover{background:rgba(232,163,61,.14);color:var(--a)}.so-ec-b svg{width:15px;height:15px}
.so-tag{font-size:11px;color:#7d8595;font-weight:600}
.so-rien{font-size:12px;color:#7d8595;margin:8px 4px}
.so-liste{flex:1;overflow-y:auto;padding:4px 8px 18px;scrollbar-width:thin;scrollbar-color:#262b36 transparent}
body.soc-reduit .so-liste{padding:4px 0;display:flex;flex-direction:column;align-items:center;gap:6px}
.so-sec{display:flex;justify-content:space-between;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6c7383;padding:16px 8px 6px}
.so-sec span{color:#9aa2b1}
.so-l{position:relative;display:flex;align-items:center;gap:11px;padding:8px;border-radius:12px;cursor:pointer;transition:background .2s;animation:soEntre .3s both}
.so-l:hover{background:#141821}
.so-l.mini{padding:4px;border:0;background:none;width:52px;justify-content:center}
.so-l.mini.dem{width:44px;height:44px;border-radius:12px;border:1px dashed rgba(232,163,61,.45);color:var(--a);display:grid;place-items:center}
.so-i{flex:1;min-width:0;display:flex;flex-direction:column}
.so-nm{font-size:13.5px;font-weight:600;color:#e9ecf2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.so-i small{font-size:11.5px;color:#6c7383}
small.en_ligne{color:#43c977}small.recherche{color:var(--a)}small.match{color:#e8664d}
.so-av{position:relative;width:var(--t);height:var(--t);flex:none}
.so-im{position:absolute;inset:0;border-radius:50%;background:#262b36;display:grid;place-items:center;font-weight:700;font-size:calc(var(--t)*.38);color:#cfd5df;overflow:hidden}
.so-im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.so-av i{position:absolute;right:-1px;bottom:-1px;width:calc(var(--t)*.3);height:calc(var(--t)*.3);min-width:10px;min-height:10px;border-radius:50%;border:2.5px solid #0b0d12;background:#4b515f;z-index:2}
.so-av.st-en_ligne i{background:#43c977}.so-av.st-absent i{background:#e8a33d}
.so-av.st-recherche i{background:var(--a);animation:soPulse 1.6s ease-in-out infinite}
.so-av.st-match i{background:#e8664d}
.so-av.st-hors_ligne .so-im{filter:grayscale(.6) brightness(.75)}
@keyframes soPulse{50%{box-shadow:0 0 0 4px rgba(232,163,61,.25)}}
@keyframes soEntre{from{opacity:0;transform:translateX(6px)}}
.so-b{min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--a);color:#1a1206;font-size:11px;font-weight:800;display:grid;place-items:center}
.so-l.mini .so-b{position:absolute;top:0;right:2px}
.so-act{display:flex;gap:4px;opacity:0;transition:opacity .2s}
.so-l:hover .so-act,.so-act.on{opacity:1}
.so-act button{width:30px;height:30px;border-radius:9px;border:1px solid #262b36;background:#171b24;color:#aeb4c0;display:grid;place-items:center;cursor:pointer;transition:.15s}
.so-act button:hover{color:var(--a);border-color:rgba(232,163,61,.5)}
.so-act button.ok{color:#43c977}.so-act button svg{width:16px;height:16px}
.so-vide{text-align:center;padding:30px 14px;color:#7d8595}
.so-vide span{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;background:rgba(232,163,61,.1);color:var(--a);margin-bottom:10px}
.so-vide span svg{width:24px;height:24px}.so-vide b{display:block;color:#e9ecf2;font-size:14px;margin-bottom:4px}.so-vide p{font-size:12.5px;line-height:1.5;margin:0}
.so-bl-t{display:block;margin:18px 8px 6px;background:none;border:0;color:#6c7383;font:inherit;font-size:12px;cursor:pointer;padding:0}
.so-bl{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;font-size:12.5px;color:#9aa2b1}
.so-bl button{background:none;border:0;color:var(--a);font:inherit;font-size:12px;font-weight:600;cursor:pointer}
/* fiche d'un ami */
.so-pop{position:fixed;top:86px;right:316px;width:290px;z-index:60;border:1px solid #232835;border-radius:18px;background:#11141b;box-shadow:0 24px 60px -18px rgba(0,0,0,.8);overflow:hidden;animation:soPop .2s both}
body.soc-reduit .so-pop{right:88px}
@keyframes soPop{from{opacity:0;transform:translateY(-6px) scale(.98)}}
.so-fi{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 18px 16px;background:linear-gradient(160deg,#171b25,#0f1218)}
.so-fi .so-nm{font-size:17px;margin-top:6px}
.so-fi small{display:flex;align-items:center;gap:6px;font-size:12px}
.so-fi small i{width:7px;height:7px;border-radius:50%;background:currentColor}
.so-fi small.hors_ligne{color:#7d8595}
.so-rang{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--a);border:1px solid rgba(232,163,61,.35);border-radius:7px;padding:3px 9px}
.so-rang.gris{color:#7d8595;border-color:#262b36}
.so-fi-x{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:8px;border:0;background:rgba(0,0,0,.35);color:#cfd5df;display:grid;place-items:center;cursor:pointer}
.so-fi-x svg{width:15px;height:15px}
.so-fi-b{display:flex;flex-direction:column;gap:6px;padding:14px}
.so-fi-b>*{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;border:1px solid #232835;background:#151922;color:#e9ecf2;font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;transition:.15s}
.so-fi-b>*:first-child{background:var(--a);border-color:var(--a);color:#1a1206}
.so-fi-b>*:hover:not(:disabled){filter:brightness(1.1);border-color:rgba(232,163,61,.5)}
.so-fi-b>*:disabled{opacity:.45;cursor:default}
.so-fi-b svg{width:17px;height:17px}
.so-fi-p{display:flex;justify-content:center;gap:4px;padding:0 14px 14px}
.so-fi-p button{background:none;border:0;color:#7d8595;font:inherit;font-size:12px;padding:4px 7px;border-radius:6px;cursor:pointer}
.so-fi-p button:hover{color:#ff9aa0;background:rgba(240,82,90,.08)}
/* chat privé */
.so-chat{position:fixed;bottom:0;right:316px;width:350px;height:470px;max-height:calc(100vh - 80px);z-index:55;display:flex;flex-direction:column;border:1px solid #232835;border-bottom:0;border-radius:16px 16px 0 0;background:#0f1218;box-shadow:0 -10px 50px -12px rgba(0,0,0,.7);animation:soMonte .25s both}
body.soc-reduit .so-chat{right:88px}
@keyframes soMonte{from{transform:translateY(20px);opacity:0}}
.so-c-t{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;border-bottom:1px solid #1b1f29;background:#12151c;border-radius:16px 16px 0 0}
.so-c-t>a,.so-c-t>button{width:30px;height:30px;border-radius:8px;border:0;background:none;color:#8b93a3;display:grid;place-items:center;cursor:pointer}
.so-c-t>a:hover,.so-c-t>button:hover:not(:disabled){background:#1a1e28;color:#e9ecf2}.so-c-t>button:disabled{opacity:.35;cursor:default}.so-c-t>button.fait{color:#43c977;opacity:.8}
.so-c-t svg{width:17px;height:17px}
.so-c-corps{flex:1;overflow-y:auto;padding:14px 14px 6px;display:flex;flex-direction:column;gap:3px;scrollbar-width:thin;scrollbar-color:#262b36 transparent}
.so-jour{align-self:center;font-size:11px;color:#6c7383;margin:10px 0 6px;font-weight:600}
.so-m{max-width:80%;align-self:flex-start;display:flex;flex-direction:column;margin-top:6px}
.so-m.suite{margin-top:0}
.so-m p{margin:0;padding:8px 12px;border-radius:14px 14px 14px 4px;background:#1a1e28;color:#e9ecf2;font-size:13.5px;line-height:1.45;word-wrap:break-word;overflow-wrap:anywhere}
.so-m.moi{align-self:flex-end;align-items:flex-end}
.so-m.moi p{background:linear-gradient(135deg,#f0b452,#e39a2c);color:#1a1206;border-radius:14px 14px 4px 14px}
.so-m time{font-size:10px;color:#5d6472;margin:2px 4px 0}
.so-m.suite time{display:none}
.so-m:last-child time{display:block}
.so-m-vide{margin:auto;text-align:center;color:#7d8595;display:flex;flex-direction:column;align-items:center;gap:6px}
.so-m-vide b{color:#e9ecf2}.so-m-vide p{margin:0;font-size:12.5px}
.so-c-f{display:flex;align-items:flex-end;gap:8px;padding:10px 12px 12px;border-top:1px solid #1b1f29}
.so-c-f textarea{flex:1;resize:none;max-height:110px;background:#151922;border:1px solid #232835;border-radius:12px;padding:9px 12px;color:#e9ecf2;font:inherit;font-size:13.5px;outline:none;line-height:1.4}
.so-c-f textarea:focus{border-color:rgba(232,163,61,.5)}
.so-c-f button{width:38px;height:38px;border-radius:11px;border:0;background:var(--a);color:#1a1206;display:grid;place-items:center;cursor:pointer;flex:none}
.so-c-f button svg{width:18px;height:18px}

/* panneau Amis du site */
.am-btn{position:relative}.am-btn[hidden],.am-pop[hidden],.am-chat[hidden]{display:none!important}
.am-c{display:flex;flex-direction:column;flex:1;min-height:0}
.am-c>.rg{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#262b36 transparent}
.am-l{overscroll-behavior:contain}
.am-pop.libre,.am-chat.libre{right:auto!important;bottom:auto!important;max-height:none!important}
.am-chat.libre{border-bottom:1px solid #232835!important;border-radius:16px!important}
.am-pop .am-t,.am-chat .so-c-t{cursor:grab;user-select:none;touch-action:none}
.am-pop.bouge,.am-chat.bouge{animation:none!important;user-select:none;box-shadow:0 40px 90px -20px rgba(0,0,0,.95),0 0 0 1px rgba(232,163,61,.35)!important}
.am-pop.bouge .am-t,.am-chat.bouge .so-c-t{cursor:grabbing}
.am-poi{position:absolute;bottom:0;width:18px;height:18px;z-index:5;touch-action:none;opacity:.35;transition:opacity .2s}
.am-poi.d{right:0;cursor:nwse-resize;background:linear-gradient(135deg,transparent 55%,#e8a33d 55%,#e8a33d 62%,transparent 62%,transparent 72%,#e8a33d 72%,#e8a33d 79%,transparent 79%)}
.am-poi.g{left:0;cursor:nesw-resize;background:linear-gradient(225deg,transparent 55%,#e8a33d 55%,#e8a33d 62%,transparent 62%,transparent 72%,#e8a33d 72%,#e8a33d 79%,transparent 79%)}
.am-pop:hover .am-poi,.am-chat:hover .am-poi,.bouge .am-poi{opacity:.8}.am-btn svg{width:20px;height:20px}
.am-btn em{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e8a33d;color:#1a1206;font-size:10.5px;font-weight:800;font-style:normal;display:grid;place-items:center;border:2px solid #0d0f14;animation:amBadge .4s cubic-bezier(.3,1.6,.5,1) both}
@keyframes amBadge{from{transform:scale(0)}}
.am-btn.on{border-color:rgba(232,163,61,.6)!important;color:#e8a33d!important;background:rgba(232,163,61,.08)!important}
.am-pop{--a:#e8a33d;position:fixed;top:74px;right:max(16px,calc((100vw - 1120px)/2));width:370px;max-height:min(640px,calc(100vh - 96px));display:flex;flex-direction:column;z-index:90;
 border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(13,16,22,.78);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);
 box-shadow:0 30px 80px -24px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden;font-family:Poppins,sans-serif;color:#e9ecf2;
 transform-origin:calc(100% - 120px) -10px;animation:amOuvre .32s cubic-bezier(.2,.9,.25,1.04) both}
.am-pop.ferme{animation:amFerme .18s ease both}
@keyframes amOuvre{from{opacity:0;transform:translateY(-10px) scale(.92);filter:blur(6px)}}
@keyframes amFerme{to{opacity:0;transform:translateY(-6px) scale(.96);filter:blur(3px)}}
.am-pop::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#e8a33d,transparent);opacity:.75;animation:amTrait 1.2s ease both}
@keyframes amTrait{from{transform:scaleX(0)}}
.am-pop svg{width:18px;height:18px}
.am-pop .so-l,.am-pop .so-sec,.am-pop .so-vide{animation:amLigne .38s cubic-bezier(.2,.9,.3,1) both}
.am-pop .am-l>*:nth-child(1){animation-delay:.04s}.am-pop .am-l>*:nth-child(2){animation-delay:.07s}.am-pop .am-l>*:nth-child(3){animation-delay:.1s}.am-pop .am-l>*:nth-child(4){animation-delay:.13s}.am-pop .am-l>*:nth-child(5){animation-delay:.16s}.am-pop .am-l>*:nth-child(n+6){animation-delay:.19s}
@keyframes amLigne{from{opacity:0;transform:translateY(6px)}}
.am-pop small,.am-chat small{background:none;padding:0;border:0;margin:0;display:block;box-shadow:none;max-width:none}
.am-t{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 10px}.am-t b{display:block;font-size:16px}.am-t small{font-size:12px;color:#7d8595}
.am-t-d{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin:-8px -6px 0 0}.am-rang{display:flex;gap:2px}
.am-x{width:28px;height:28px;border-radius:8px;border:0;background:none;color:#7d8595;display:grid;place-items:center;cursor:pointer;transition:color .15s,background .15s,transform .15s}
.am-x:hover{color:#e9ecf2;background:rgba(255,255,255,.07)}.am-x:active{transform:scale(.9)}.am-x svg{width:16px;height:16px}
.am-jouer{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#1a1206!important;background:#e8a33d;border-radius:9px;padding:6px 11px;text-decoration:none!important;transition:filter .2s}.am-jouer:hover{filter:brightness(1.1)}.am-jouer svg{width:14px;height:14px}
.am-inv{display:flex;align-items:center;gap:11px;margin:0 14px 10px;padding:10px 10px 10px 12px;border-radius:13px;background:linear-gradient(135deg,rgba(232,163,61,.13),rgba(232,163,61,.05));border:1px solid rgba(232,163,61,.32);animation:amInv .35s cubic-bezier(.2,.8,.2,1)}
.am-inv>.so-av{flex:none}.am-inv-t{flex:1;min-width:0}.am-inv-t b{display:block;font-size:13px;color:#e9ecf2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.am-inv-t small{font-size:11.5px;color:#c9a46a}
.am-inv-b{display:flex;gap:6px;flex:none}.am-inv-b button{height:30px;border-radius:9px;border:1px solid #2a2f3a;background:#171b24;color:#aeb4c0;display:grid;place-items:center;cursor:pointer;font:inherit;transition:.15s;width:30px}
.am-inv-b button svg{width:15px;height:15px}.am-inv-b button:hover{color:#e9ecf2;border-color:#3a414f}
.am-inv-b button.ok{width:auto;padding:0 12px;background:#e8a33d;border-color:#e8a33d;color:#1a1206;font-size:12px;font-weight:700}.am-inv-b button.ok:hover{filter:brightness(1.08);color:#1a1206}
@keyframes amInv{from{opacity:0;transform:translateY(-6px)}}
.am-l .so-act button.fait{color:#43c977;border-color:rgba(67,201,119,.35);opacity:1;cursor:default}
.am-tabs{display:flex;gap:4px;margin:0 14px 10px;padding:4px;border-radius:11px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.05)}
.am-tabs button{flex:1;border:0;background:none;color:#8b93a3;font:inherit;font-size:12.5px;font-weight:600;padding:7px;border-radius:8px;cursor:pointer;display:flex;justify-content:center;gap:6px;align-items:center;transition:.2s}
.am-tabs button.on{background:rgba(255,255,255,.07);color:#e9ecf2}.am-tabs span{color:#6c7383}.am-tabs em{font-style:normal;background:#e8a33d;color:#1a1206;border-radius:8px;padding:0 6px;font-size:10.5px;font-weight:800}
#am-res{margin:0 14px}
.am-l{overflow-y:auto;padding:2px 8px 8px;flex:1;scrollbar-width:thin;scrollbar-color:#262b36 transparent}
.am-l .so-act a{width:30px;height:30px;border-radius:9px;border:1px solid #262b36;background:#171b24;color:#aeb4c0;display:grid;place-items:center;transition:.15s}
.am-l .so-act a:hover{color:#e8a33d;border-color:rgba(232,163,61,.5)}.am-l .so-act svg{width:16px;height:16px}
.am-l .so-l:hover{background:rgba(255,255,255,.04)}
.am-vide{font-size:13px;color:#7d8595;text-align:center;padding:26px 10px}
.am-id{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:#6c7383}
.am-id button{display:flex;gap:8px;align-items:center;background:none;border:0;color:#e8a33d;font-family:ui-monospace,Consolas,monospace;font-weight:700;font-size:13px;letter-spacing:.06em;cursor:pointer}
.am-id button span{font-family:Poppins,sans-serif;font-size:11px;color:#7d8595;letter-spacing:0}.am-id button:hover span{color:#e9ecf2}
.am-chat{--a:#e8a33d;right:max(16px,calc((100vw - 1120px)/2))!important;bottom:0!important;font-family:Poppins,sans-serif;color:#e9ecf2;background:rgba(13,16,22,.9)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:95!important}
.am-chat svg{width:17px;height:17px}.am-chat .so-c-t{background:rgba(255,255,255,.03)}
.am-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;z-index:99;background:rgba(17,20,27,.95);border:1px solid rgba(232,163,61,.35);color:#e9ecf2;font-family:Poppins,sans-serif;font-size:13.5px;font-weight:600;padding:11px 18px;border-radius:12px;box-shadow:0 18px 40px -12px rgba(0,0,0,.8);transition:.3s;pointer-events:none}
.am-toast.on{opacity:1;transform:translate(-50%,0)}.am-toast.act{pointer-events:auto;cursor:pointer;max-width:min(520px,calc(100vw - 32px));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.am-toast.act:hover{border-color:rgba(232,163,61,.7)}
@media (max-width:700px){.am-poi{display:none}.am-pop .am-t,.am-chat .so-c-t{cursor:default}.am-pop{left:10px;right:10px;width:auto;top:68px;max-height:calc(100vh - 84px)}.am-chat{left:0!important;right:0!important;width:auto!important;height:78vh!important}}


.vi-ov{position:fixed;inset:0;z-index:200;background:rgba(6,8,12,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px;font-family:Poppins,sans-serif;color:#e9ecf2;animation:viFond .3s both}
.vi-ov.fin{animation:viFin .26s both}@keyframes viFond{from{opacity:0}}@keyframes viFin{to{opacity:0}}
.vi-m{width:min(780px,100%);border-radius:24px;border:1px solid rgba(255,255,255,.08);background:rgba(14,17,23,.88);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 40px 100px -30px rgba(0,0,0,.9);overflow:hidden;position:relative;animation:viMonte .45s cubic-bezier(.2,.9,.25,1.04) both}
@keyframes viMonte{from{opacity:0;transform:translateY(16px) scale(.96)}}
.vi-m::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#e8a33d,transparent)}
.vi-g{display:grid;grid-template-columns:1.05fr 1fr;min-height:410px}
.vi-vis{position:relative;background:radial-gradient(90% 90% at 30% 20%,rgba(232,163,61,.2),transparent 60%),linear-gradient(160deg,#171b25,#0c0e13);display:grid;place-items:center;padding:28px;overflow:hidden;border-right:1px solid rgba(255,255,255,.05)}
.vi-vis .grille{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000,transparent 75%);mask-image:radial-gradient(circle at 50% 40%,#000,transparent 75%)}
.vi-anim{animation:viEtape .45s cubic-bezier(.2,.8,.2,1) both;width:100%;display:flex;flex-direction:column;align-items:center}.vi-txt .vi-anim{align-items:flex-start}
@keyframes viEtape{from{opacity:0;transform:translateX(14px)}}
.vi-txt{padding:34px 34px 26px;display:flex;flex-direction:column}
.vi-sur{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#e8a33d}
.vi-txt h2{font-size:27px;line-height:1.15;margin:8px 0 10px;font-weight:800;color:#fff}.vi-txt h2 em{font-style:normal;color:#e8a33d}
.vi-txt p{font-size:14px;line-height:1.6;color:#9aa2b1;margin:0 0 14px}
.vi-pts{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:10px}
.vi-pts li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:#cfd5df}
.vi-pts li span{width:24px;height:24px;border-radius:8px;flex:none;display:grid;place-items:center;background:rgba(232,163,61,.12);color:#e8a33d;font-size:12px;font-weight:800}
.vi-bas{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:22px}
.vi-dots{display:flex;gap:6px}.vi-dots i{width:8px;height:8px;border-radius:5px;background:#2a2f3a;transition:.3s}.vi-dots i.on{width:26px;background:#e8a33d}
.vi-act{display:flex;gap:12px;align-items:center}
.vi-passer{background:none;border:0;color:#7d8595;font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.vi-passer:hover{color:#e9ecf2}
.vi-suiv{border:0;border-radius:12px;background:#e8a33d;color:#1a1206;font:inherit;font-size:14px;font-weight:700;padding:11px 20px;cursor:pointer;white-space:nowrap;box-shadow:0 10px 24px -10px rgba(232,163,61,.7);transition:filter .2s,transform .15s}
.vi-suiv:hover{filter:brightness(1.08)}.vi-suiv:active{transform:scale(.97)}
.vi-ov .ill{position:relative;width:100%;max-width:300px}
.vi-ov .c{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(18,21,28,.92);box-shadow:0 20px 40px -18px rgba(0,0,0,.8)}
.vi-ov .ill-av{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px}
.vi-ov .ill-av .a{position:relative;overflow:hidden;width:84px;height:84px;border-radius:50%;background:#262b36;display:grid;place-items:center;font-size:32px;font-weight:800;color:#cfd5df;box-shadow:0 0 0 3px #e8a33d,0 0 30px rgba(232,163,61,.45)}
.vi-ov .ill-av .a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vi-ov .ill-av b{font-size:20px}.vi-ov .ill-id{font-family:ui-monospace,Consolas,monospace;font-weight:700;color:#e8a33d;border:1px solid rgba(232,163,61,.3);background:rgba(232,163,61,.08);border-radius:8px;padding:4px 10px;letter-spacing:.08em}
.vi-ov .ill-chip{position:absolute;padding:7px 11px;font-size:12px;font-weight:700;display:flex;gap:6px;align-items:center}.vi-ov .ill-chip svg{width:15px;height:15px;color:#e8a33d}
.vi-ov .ill-mt{padding:18px;text-align:center}.vi-ov .ill-mt .t{font-size:11px;letter-spacing:.16em;color:#e8a33d;font-weight:700}
.vi-ov .ill-mt h4{font-size:30px;margin:6px 0 12px;font-weight:800}.vi-ov .ill-mt .ac{display:flex;gap:6px;justify-content:center;margin-bottom:14px}
.vi-ov .ill-mt .ac i{width:22px;height:22px;border-radius:50%;background:#262b36;border:2px solid #43c977}.vi-ov .ill-mt .ac i.n{border-color:#3a4150}
.vi-ov .ill-mt .b{border-radius:12px;background:#e8a33d;color:#1a1206;font-weight:800;padding:12px;letter-spacing:.1em;font-size:14px}
.vi-ov .ill-maps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.vi-ov .ill-maps span{height:34px;border-radius:8px;background:linear-gradient(135deg,#3a2c18,#1a1e28);font-size:10px;display:grid;place-items:center;color:#cfd5df;font-weight:700}
.vi-ov .ill-maps span.x{opacity:.35;text-decoration:line-through}
.vi-ov .ill-df{display:flex;flex-direction:column;gap:8px;padding:14px}
.vi-ov .ill-df .d{border-radius:12px;padding:10px 12px;background:#151922;border:1px solid rgba(255,255,255,.06);border-left:3px solid #43c977}
.vi-ov .ill-df .d.m{border-left-color:#e8a33d}.vi-ov .ill-df .d.f{border-left-color:#e8664d}
.vi-ov .ill-df .d b{font-size:12.5px;display:flex;justify-content:space-between}.vi-ov .ill-df .d b em{font-style:normal;color:#e8a33d;display:flex;gap:4px;align-items:center}
.vi-ov .ill-df .d b em svg{width:13px;height:13px}
.vi-ov .ill-df .bar{height:4px;border-radius:3px;background:#232733;margin-top:8px;overflow:hidden}.vi-ov .ill-df .bar i{display:block;height:100%;background:#43c977}
.vi-ov .ill-lu{position:absolute;right:-18px;top:-16px;padding:9px 13px;display:flex;align-items:center;gap:7px;font-weight:800;font-size:16px}
.vi-ov .ill-lu svg{width:20px;height:20px;color:#e8a33d;filter:drop-shadow(0 0 8px rgba(232,163,61,.7))}
.vi-ov .ill-am{padding:14px}.vi-ov .ill-am .r{display:flex;align-items:center;gap:10px;padding:8px 6px}
.vi-ov .ill-am .r .a{width:34px;height:34px;border-radius:50%;background:#262b36;display:grid;place-items:center;font-weight:700;position:relative;font-size:13px}
.vi-ov .ill-am .r .a::after{content:"";position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;border:2px solid #12151c;background:#43c977}
.vi-ov .ill-am .r .a.o::after{background:#e8a33d}.vi-ov .ill-am .r .a.h::after{background:#4b515f}
.vi-ov .ill-am .r b{font-size:13px;display:block}.vi-ov .ill-am .r small{font-size:11px;color:#43c977;display:block}.vi-ov .ill-am .r small.o{color:#e8a33d}.vi-ov .ill-am .r small.h{color:#6c7383}
.vi-ov .ill-bulle{position:absolute;right:-14px;bottom:-22px;padding:10px 13px;font-size:12.5px;max-width:190px;border-radius:14px 14px 4px 14px;background:linear-gradient(135deg,#f0b452,#e39a2c);color:#1a1206;font-weight:600;box-shadow:0 14px 30px -12px rgba(232,163,61,.6)}
@media (max-width:700px){.vi-g{grid-template-columns:1fr}.vi-vis{min-height:230px;border-right:0;border-bottom:1px solid rgba(255,255,255,.05)}.vi-txt{padding:22px}.vi-txt h2{font-size:22px}.vi-ov .ill-chip,.vi-ov .ill-lu,.vi-ov .ill-bulle{display:none}}
.am-pref{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:#7d8595}
.am-pref button{width:34px;height:20px;border-radius:12px;border:0;background:#2a2f3a;position:relative;cursor:pointer;transition:background .2s}
.am-pref button::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#cfd5df;transition:transform .2s}
.am-pref button.on{background:#e8a33d}.am-pref button.on::after{transform:translateX(14px);background:#1a1206}

/* ---------- cadre du site : barre de gauche (navigation) et barre de droite (compte, notifications, amis), en verre */
:root{--sgw:236px;--sdw:68px;--bord:14px;--panw:356px}
body{padding-left:calc(var(--sgw) + var(--bord) * 2);padding-right:calc(var(--sdw) + var(--bord) * 2)}
/* les panneaux de droite (Amis, Messages, Notifications) passent par-dessus la page : elle ne se redimensionne jamais */
.sg,.sd{position:fixed;top:var(--bord);bottom:var(--bord);z-index:60;border-radius:22px;
 background:linear-gradient(180deg,#161a23,#0f1218);
 border:1px solid rgba(255,255,255,.07);box-shadow:0 24px 60px -24px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.06)}
.sg{left:var(--bord);width:var(--sgw);padding:18px 12px 14px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;scrollbar-width:none}
.sg::-webkit-scrollbar{display:none}
.sg-logo{display:flex;align-items:center;gap:11px;padding:2px 10px 14px;color:var(--blanc)!important;text-decoration:none!important}
.sg-logo img{width:34px;height:34px;border-radius:50%}.sg-logo b{font-size:18px;font-weight:800;letter-spacing:3px}
.sg-rech{display:flex;align-items:center;gap:10px;width:100%;font:inherit;font-size:13px;color:var(--gris2);background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.06);border-radius:11px;padding:9px 11px;cursor:pointer;margin-bottom:10px;transition:border-color .2s,color .2s}
.sg-rech:hover{color:var(--gris);border-color:rgba(232,163,61,.35)}.sg-rech .ico{width:16px;height:16px}.sg-rech span{flex:1;text-align:left}
.sg-rech kbd{font:inherit;font-size:10.5px;border:1px solid #2a2f3a;border-radius:6px;padding:0 6px;color:var(--gris2)}
.sg-jouer{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:13px;background:linear-gradient(135deg,#f0b357,#e09a2f);color:#1a1206!important;font-weight:700;font-size:14px;
 margin-bottom:12px;text-decoration:none!important;box-shadow:0 10px 26px -12px rgba(232,163,61,.75);transition:filter .2s,transform .2s}
.sg-jouer:hover{filter:brightness(1.06);transform:translateY(-1px)}.sg-jouer .ico{width:18px;height:18px}
.sg-jouer i{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;background:rgba(26,18,6,.14);padding:2px 8px;border-radius:9px}
.sg-l{display:flex;flex-direction:column;gap:2px}
.sg-s{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gris2);padding:14px 12px 6px}
.sg-i{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:11px;font-size:13.5px;font-weight:500;color:#aab1be!important;text-decoration:none!important;position:relative;transition:background .18s,color .18s}
.sg-i .ico{width:18px;height:18px;color:#7d8494;flex:none;transition:color .18s}.sg-i:hover{background:rgba(255,255,255,.04);color:var(--blanc)!important}.sg-i:hover .ico{color:var(--blanc)}
.sg-i.on{background:rgba(232,163,61,.1);color:var(--blanc)!important}.sg-i.on .ico{color:var(--ambre)}
.sg-i.on:before{content:"";position:absolute;left:-12px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--ambre)}
.sg-bas{margin-top:auto;padding-top:14px;display:flex;flex-direction:column;gap:2px}
.sg-coins{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:13px;background:rgba(232,163,61,.07);border:1px solid rgba(232,163,61,.18);margin-bottom:6px;text-decoration:none!important;transition:border-color .2s}
.sg-coins:hover,.sg-coins.on{border-color:rgba(232,163,61,.45)}.sg-coins svg{width:26px;height:26px;flex:none}
.sg-coins b{display:block;font-size:15px;color:var(--blanc);line-height:1.2}.sg-coins small{display:block;font-size:11px;color:var(--gris)}.sg-coins em{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:700;color:var(--ambre)}
.sd{right:var(--bord);width:var(--sdw);padding:14px 0;display:flex;flex-direction:column;align-items:center;gap:8px}
.sd .nv-moi{margin-bottom:6px}.sd .nv-av{width:44px;height:44px}
.sd .nv-menu{left:auto;right:calc(100% + 14px);top:0}
.sd-co{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:var(--ambre);background:rgba(232,163,61,.1);border:1px solid rgba(232,163,61,.3)}
.sd-co .ico{width:20px;height:20px}html.co .sd-co{display:none}
.sd-b{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#9aa2b1!important;background:none;border:0;cursor:pointer;position:relative;transition:background .18s,color .18s}
.sd-b .ico{width:21px;height:21px}.sd-b:hover{background:rgba(255,255,255,.05);color:var(--blanc)!important}.sd-b.on{background:rgba(232,163,61,.12);color:var(--ambre)!important}
.sd-b em{position:absolute;top:4px;right:3px;min-width:17px;height:17px;border-radius:9px;background:#e8664d;color:#fff;font-size:10px;font-weight:700;font-style:normal;display:grid;place-items:center;padding:0 4px;border:2px solid #141821}
.sd-b em.a{background:var(--ambre);color:#1a1206}
.sd-sep{width:28px;height:1px;background:rgba(255,255,255,.08);margin:6px 0}
.sd-grp{display:flex;flex-direction:column;align-items:center;gap:8px}
.sd-m{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;position:relative;background:#232835;color:var(--blanc);border:2px solid #2a2f3a;text-decoration:none!important}
.sd-m img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}.sd-m.chef{border-color:var(--ambre)}
.sd-m:after{content:"";position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:50%;background:#43c977;border:2px solid #12151c}.sd-m.hors:after{background:#5d6472}
.sd-m.plus{border:1.5px dashed #3a414f;color:var(--gris);background:none;font:inherit;font-size:15px;padding:0;cursor:pointer;transition:border-color .18s,color .18s}.sd-m.plus:after{display:none}.sd-m.plus:hover,.sd-m.plus.on{border-color:var(--ambre);color:var(--ambre)}.sd-m.plus.on{border-style:solid;background:rgba(232,163,61,.1)}
.sd-disc{margin-top:auto}
.sm-haut,.sg-voile{display:none}
.sd-b[hidden],.sg-coins[hidden],.sd-sep[hidden],.sg-jouer i[hidden],.nv-moi[hidden],.sg-i[hidden]{display:none!important}
html.co .sd-b[hidden],html.co .sd-sep[hidden]{display:grid!important}html.co .sd-sep[hidden]{display:block!important}html.co .sg-coins[hidden]{display:flex!important}html.co .nv-moi[hidden]{display:block!important}
.sg-i.sg-staff{color:var(--ambre)!important}.sg-i.sg-staff .ico{color:var(--ambre)}.sg-i.sg-staff em{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:700;color:#1a1206;background:var(--ambre);padding:1px 7px;border-radius:8px}.sg-i.sg-staff em:empty{display:none}
/* barres de défilement : jamais blanches. Celle de la page est masquée (la molette et le doigt suffisent), les autres sont fines et sombres */
html{scrollbar-width:none}html::-webkit-scrollbar{display:none}
*{scrollbar-width:thin;scrollbar-color:#2a303c transparent}
*::-webkit-scrollbar{width:8px;height:8px;background:transparent}*::-webkit-scrollbar-thumb{background:#2a303c;border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:#3a414f}*::-webkit-scrollbar-corner{background:transparent}
.table td[colspan]{white-space:normal}
/* liste d'amis : le nombre de messages non lus reste au bout de la ligne, les boutons prennent sa place au survol */
@media (hover:hover){.am-pop .so-l:not(.mini){position:relative}.am-pop .so-l:not(.mini) .so-act{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}
 .am-pop .so-l:not(.mini):hover .so-act,.am-pop .so-l:not(.mini) .so-act.on{pointer-events:auto}.am-pop .so-l:not(.mini):hover>.so-b{opacity:0}.am-pop .so-l>.so-b{transition:opacity .2s}}
@media (hover:hover){.social .so-l:not(.mini){position:relative}.social .so-l:not(.mini) .so-act{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}
 .social .so-l:not(.mini):hover .so-act,.social .so-l:not(.mini) .so-act.on{pointer-events:auto}.social .so-l:not(.mini):hover>.so-b{opacity:0}.social .so-l>.so-b{transition:opacity .2s}}
/* fenêtre Inviter dans mon groupe, ouverte par le + de la barre de droite */
.gi-pop{position:fixed;z-index:62;width:300px;max-height:min(460px,calc(100vh - 28px));display:flex;flex-direction:column;border-radius:18px;font-family:Poppins,sans-serif;color:#e9ecf2;
 background:linear-gradient(180deg,#171b24,#10131a);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px -24px rgba(0,0,0,.9);
 transform-origin:right center;animation:giOuv .22s cubic-bezier(.2,.8,.2,1)}
.gi-pop[hidden]{display:none}@keyframes giOuv{from{opacity:0;transform:translateX(10px) scale(.98)}}
.gi-t{display:flex;align-items:flex-start;gap:10px;padding:16px 16px 10px}.gi-t div{flex:1;min-width:0}.gi-t b{display:block;font-size:14.5px}.gi-t small{display:block;font-size:12px;color:#8b93a3;margin-top:1px}
.gi-t button{width:30px;height:30px;border-radius:9px;border:1px solid #262b36;background:none;color:#9aa2b1;display:grid;place-items:center;cursor:pointer;flex:none}.gi-t button:hover{color:#fff}.gi-t svg{width:15px;height:15px}
.gi-mb{display:flex;gap:6px;padding:0 16px 12px}.gi-mb .so-av{flex:none}
.gi-l{overflow-y:auto;padding:4px 8px 8px;border-top:1px solid rgba(255,255,255,.06)}
.gi-s{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6b7380;padding:10px 8px 6px}
.gi-r{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:12px}.gi-r:hover{background:rgba(255,255,255,.03)}
.gi-r .so-i{flex:1;min-width:0}.gi-r .so-nm{font-size:13px}.gi-r small{display:block;font-size:11.5px;color:#8b93a3}
.gi-b{font:inherit;font-size:12px;font-weight:700;padding:6px 12px;border-radius:9px;border:1px solid var(--ambre);background:var(--ambre);color:#1a1206;cursor:pointer;flex:none;transition:filter .15s}
.gi-b:hover{filter:brightness(1.08)}.gi-b:disabled{background:none;border-color:#2a2f3a;color:#8b93a3;cursor:default;filter:none}
.gi-v{padding:22px 18px;text-align:center;font-size:12.5px;color:#8b93a3;line-height:1.5}.gi-v button{margin-top:10px;font:inherit;font-size:12.5px;font-weight:700;color:var(--ambre);background:none;border:0;cursor:pointer}
.gi-f{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid rgba(255,255,255,.06)}
.gi-f a,.gi-f button{flex:1;text-align:center;font:inherit;font-size:12.5px;font-weight:700;padding:9px;border-radius:10px;border:1px solid #2a2f3a;background:none;color:#c4cad5!important;text-decoration:none!important;cursor:pointer}
.gi-f a.o{background:var(--ambre);border-color:var(--ambre);color:#1a1206!important}.gi-f button:hover{border-color:#3a414f;color:#fff!important}
@media (max-height:860px) and (min-width:1001px){.sg{padding-top:14px}.sg-logo{padding-bottom:10px}.sg-rech{margin-bottom:8px;padding:8px 11px}.sg-jouer{padding:10px 14px;margin-bottom:8px}
 .sg-i{padding:7px 12px}.sg-s{padding:10px 12px 4px}.sg-bas{padding-top:8px}.sg-coins{padding:8px 12px}}
/* panneaux (Amis, Messages, Notifications) : rangés contre la barre de droite, par-dessus la page (fond plein, sans flou : aucun calcul en continu) */
@media (min-width:1001px){
 .am-pop,.nt-pop{position:fixed!important;top:var(--bord)!important;bottom:var(--bord)!important;right:calc(var(--sdw) + var(--bord) * 2)!important;left:auto!important;
  width:var(--panw)!important;height:auto!important;max-height:none!important;border-radius:22px!important;
  background:linear-gradient(180deg,#171b24,#0f1218)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 30px 80px -20px rgba(0,0,0,.95),-24px 0 60px -30px rgba(0,0,0,.8)!important}
 .am-pop .am-poi{display:none}.am-pop .am-t,.am-pop.bouge .am-t{cursor:default!important;touch-action:auto;user-select:auto}
}
.nt-pop{position:fixed;z-index:58;display:flex;flex-direction:column;padding:18px 0 10px;font-family:Poppins,sans-serif;color:#e9ecf2;
 background:linear-gradient(180deg,#171b24,#0f1218);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px -30px rgba(0,0,0,.9);animation:ntOuv .28s cubic-bezier(.2,.8,.2,1)}
.nt-pop[hidden]{display:none}
@keyframes ntOuv{from{opacity:0;transform:translateX(14px)}}
.nt-t{display:flex;align-items:center;justify-content:space-between;padding:0 18px 12px}.nt-t b{font-size:16px}
.nt-t button{font:inherit;font-size:12px;font-weight:600;color:var(--ambre);background:none;border:0;cursor:pointer}.nt-t button:disabled{color:#5d6472;cursor:default}
.nt-tabs{display:flex;gap:4px;margin:0 14px 8px;padding:4px;border-radius:11px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.05)}
.nt-tabs button{flex:1;font:inherit;font-size:12px;font-weight:600;color:#8b93a3;background:none;border:0;padding:7px;border-radius:8px;cursor:pointer;transition:.2s}
.nt-tabs button.on{background:rgba(255,255,255,.08);color:#e9ecf2}
.nt-l{overflow-y:auto;padding:4px 10px 6px;flex:1;scrollbar-width:thin;scrollbar-color:#262b36 transparent}
.nt{display:flex;gap:12px;padding:12px;border-radius:14px;align-items:flex-start;position:relative;animation:ntOuv .3s ease both}
.nt+.nt{margin-top:3px}.nt.nt-nv{background:rgba(255,255,255,.035)}.nt.nt-nv:before{content:"";position:absolute;left:3px;top:25px;width:6px;height:6px;border-radius:50%;background:var(--ambre)}
.nt-ic{width:38px;height:38px;border-radius:12px;flex:none;display:grid;place-items:center;background:rgba(232,163,61,.12);color:var(--ambre)}
.nt-ic svg{width:19px;height:19px}.nt-ic.vert{background:rgba(67,201,119,.12);color:#43c977}.nt-ic.rouge{background:rgba(232,102,77,.12);color:#e8664d}.nt-ic.bleu{background:rgba(90,168,255,.12);color:#6aa8ff}
.nt .so-av{flex:none}.nt-c{flex:1;min-width:0}.nt-c b{font-size:13px;display:block}.nt-c p{font-size:12.5px;color:#aab1be;line-height:1.45;margin:1px 0 0}
.nt-c time{font-size:11px;color:#5d6472;display:block;margin-top:4px}
.nt-bt{display:flex;gap:6px;margin-top:9px}.nt-bt button,.nt-bt a{font:inherit;font-size:12px;font-weight:700;padding:6px 13px;border-radius:9px;border:1px solid #2a2f3a;background:none;color:#c4cad5;cursor:pointer;text-decoration:none!important;transition:.15s}
.nt-bt button:hover,.nt-bt a:hover{border-color:#3a414f;color:#fff}.nt-bt .o{background:var(--ambre);border-color:var(--ambre);color:#1a1206!important}.nt-bt .o:hover{filter:brightness(1.08)}
.nt-vide{text-align:center;padding:40px 20px;color:#7d8595;font-size:13px}.nt-vide svg{width:28px;height:28px;color:#3a414f;margin-bottom:8px}
/* recherche rapide */
.rq-ov{position:fixed;inset:0;z-index:120;background:rgba(5,6,9,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;padding-top:12vh;animation:rqOv .18s ease}
@keyframes rqOv{from{opacity:0}}
.rq{width:min(620px,calc(100vw - 32px));max-height:70vh;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:rgba(18,21,28,.96);border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 100px -30px #000;animation:rqIn .24s cubic-bezier(.2,.8,.2,1)}
@keyframes rqIn{from{opacity:0;transform:translateY(-10px) scale(.98)}}
.rq-c{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.rq-c .ico{width:20px;height:20px;color:var(--ambre)}
.rq-c input{flex:1;font:inherit;font-size:16px;color:var(--blanc);background:none;border:0;outline:0}.rq-c kbd{font:inherit;font-size:11px;border:1px solid #2a2f3a;border-radius:6px;padding:1px 7px;color:var(--gris2)}
.rq-r{overflow-y:auto;padding:8px}.rq-g{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gris2);padding:10px 10px 6px}
.rq-i{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:12px;color:var(--blanc)!important;text-decoration:none!important}
.rq-i.sel,.rq-i:hover{background:rgba(232,163,61,.1)}.rq-i .rq-a{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;background:#232835;font-weight:700;font-size:13px;position:relative;overflow:hidden;color:var(--gris)}
.rq-i .rq-a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.rq-i .rq-a.car{border-radius:10px}.rq-i .rq-a svg{width:17px;height:17px}
.rq-i b{font-size:14px;font-weight:600}.rq-i small{display:block;font-size:12px;color:var(--gris)}.rq-vide{padding:26px;text-align:center;color:var(--gris);font-size:13px}
.rq-g{display:flex;align-items:center;gap:8px}.rq-g em{font-style:normal;letter-spacing:0;font-size:10.5px;padding:0 6px;border-radius:9px;background:rgba(62,207,142,.14);color:#3ecf8e}
.rq-eff{margin-left:auto;letter-spacing:0;text-transform:none;font-weight:500;font-size:11.5px;color:var(--gris2);cursor:pointer;padding:2px 6px;border-radius:6px;transition:color .15s,background .15s}.rq-eff:hover{color:var(--blanc);background:rgba(255,255,255,.06)}
.rq-t{flex:1;min-width:0}.rq-t b,.rq-t small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rq-t b{display:block}
.rq-x{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:var(--gris2);opacity:0;transition:opacity .15s,background .15s,color .15s}.rq-x .ico{width:14px;height:14px}
.rq-i:hover .rq-x,.rq-i.sel .rq-x{opacity:1}.rq-x:hover{background:rgba(255,255,255,.08);color:var(--blanc)}
.rq-rc{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:2px 2px 6px}
.rq-ra{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:var(--blanc)!important;text-decoration:none!important;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}
.rq-ra .ico{width:17px;height:17px;color:var(--ambre);flex:none}.rq-ra.sel,.rq-ra:hover{background:rgba(232,163,61,.1);border-color:rgba(232,163,61,.3)}
.rq-on{display:flex;gap:6px;padding:2px 2px 6px;overflow-x:auto;scrollbar-width:none}
.rq-am{display:flex;flex-direction:column;align-items:center;gap:5px;width:70px;flex:none;padding:8px 4px;border-radius:12px;border:0;background:none;color:var(--gris);font:inherit;cursor:pointer;transition:background .15s}
.rq-am.sel,.rq-am:hover{background:rgba(232,163,61,.1);color:var(--blanc)}.rq-am small{font-size:11.5px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rq-av{position:relative;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#232835;font-weight:700;font-size:14px;color:var(--blanc)}
.rq-av img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}.rq-av i{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:#3ecf8e;border:2.5px solid #12151c}
.rq-av i.absent{background:#e8a33d}.rq-av i.match,.rq-av i.recherche{background:#4a8fe7}
.rq-ov{align-items:flex-start}.rq-r{flex:1 1 auto;min-height:0}
.rq-pied{display:flex;gap:18px;padding:10px 18px;border-top:1px solid rgba(255,255,255,.06);font-size:11.5px;color:var(--gris2)}
.rq-pied span{display:inline-flex;align-items:center;gap:6px}.rq-pied kbd{display:inline-grid;place-items:center;min-width:22px;height:20px;font:inherit;font-size:10.5px;font-weight:600;border:1px solid #2a2f3a;border-radius:6px;padding:0 6px;color:#c3c9d4;background:rgba(255,255,255,.03)}
.rq-pied kbd svg{width:11px;height:11px}
@media(max-width:560px){.rq-rc{grid-template-columns:1fr 1fr}.rq-pied{display:none}}
/* pages déjà existantes : leurs bandeaux collants se calent sur le haut de l'écran (plus de barre en haut) */
.sb-ong{top:var(--bord)!important}
/* Mon espace : en-tête avec Personnaliser, avatar cliquable, fenêtre Personnaliser */
.es-perso{position:absolute;top:16px;right:16px;z-index:3;display:flex;align-items:center;gap:8px;font:inherit;font-size:12.5px;font-weight:600;color:var(--blanc);cursor:pointer;
 padding:8px 14px;border-radius:11px;background:rgba(10,12,16,.45);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);transition:border-color .2s,background .2s}
.es-perso:hover{border-color:rgba(232,163,61,.55);background:rgba(10,12,16,.6)}.es-perso .ico{width:15px;height:15px}
.es-av-c{position:relative;border:0;background:none;padding:0;cursor:pointer;border-radius:50%;flex:none}
.es-av-c>i{position:absolute;right:2px;bottom:2px;width:32px;height:32px;border-radius:50%;background:rgba(10,12,16,.82);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;color:var(--blanc);transition:transform .2s,border-color .2s}
.es-av-c>i .ico{width:15px;height:15px}.es-av-c:hover>i{transform:scale(1.08);border-color:var(--ambre)}
.es-dep{font-size:12px;color:var(--gris2);align-self:center}
.espace-tete .puces-j{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
@media (max-width:700px){.es-perso{top:12px;right:12px;padding:7px 11px}.es-perso{font-size:0;gap:0}.es-perso .ico{width:17px;height:17px}}
.po-ov{position:fixed;inset:0;z-index:150;background:rgba(5,6,9,.62);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;animation:rqOv .2s ease}
.po-ov[hidden]{display:none}
.po-m{width:min(1060px,100%);height:min(700px,calc(100vh - 40px));display:grid;grid-template-columns:320px 1fr;border-radius:24px;overflow:hidden;
 background:linear-gradient(180deg,rgba(22,26,35,.94),rgba(13,16,22,.94));border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 100px -30px #000;animation:rqIn .28s cubic-bezier(.2,.8,.2,1)}
.po-g{padding:24px;border-right:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.16);display:flex;flex-direction:column;min-height:0;overflow-y:auto}
.po-h{font-size:17px}.po-s{font-size:12px;color:var(--gris);margin-top:2px}
.po-carte{margin-top:16px;border-radius:18px;overflow:hidden;border:1px solid rgba(232,163,61,.25);background:var(--carte)}
.po-ban{height:86px;background:linear-gradient(135deg,#1b2029,#12151c)}.po-cb{padding:0 16px 18px;margin-top:-44px;text-align:center;position:relative}
.po-av{--t:46px;width:var(--t);height:var(--t);border-radius:50%;display:inline-grid;place-items:center;position:relative;background:#232835;color:var(--gris);font-weight:700;font-size:calc(var(--t) * .38);flex:none;border:3px solid #141820}
.po-av img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}
.po-cb .po-av{border-width:4px}.po-n{display:block;font-size:21px;font-weight:800;margin-top:8px;word-break:break-word}.po-cb .dc-t{margin-top:8px}
.po-eq{margin-top:14px;display:flex;flex-direction:column;gap:6px}.po-eq div{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.03)}
.po-eq span{color:var(--gris)}.po-eq b{font-weight:600;text-align:right}
.po-msg{font-size:12.5px;min-height:18px;margin:12px 0 0}.po-msg.ok{color:var(--vert)}.po-msg.non{color:var(--rouge)}
.po-fin{margin-top:auto;padding-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.po-fin .btn{justify-content:center}
.po-d{padding:22px 24px;display:flex;flex-direction:column;min-width:0;min-height:0}
.po-ong{display:flex;gap:2px;align-items:center;flex-wrap:nowrap}.po-ong .po-x{margin-left:auto;flex:none}
.po-ong button[data-po]{display:flex;align-items:center;gap:5px;font:inherit;font-size:12px;font-weight:600;padding:8px 7px;white-space:nowrap;border-radius:11px;color:var(--gris);background:none;border:1px solid transparent;cursor:pointer;transition:.18s}
.po-ong button[data-po]:hover{color:var(--blanc);background:rgba(255,255,255,.04)}.po-ong button.on{background:rgba(232,163,61,.1);color:var(--blanc);border-color:rgba(232,163,61,.3)}
.po-ong .ico{width:15px;height:15px}.po-ong i{font-style:normal;font-size:11px;color:var(--gris2)}
.po-x{margin-left:auto;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:var(--gris);border:1px solid var(--trait);background:none;cursor:pointer}
.po-x .ico{width:18px;height:18px;transform:rotate(45deg)}.po-x:hover{color:var(--blanc)}
.po-inv{flex:1;min-height:0;overflow-y:auto;margin-top:8px;padding-right:4px;scrollbar-width:thin;scrollbar-color:#262b36 transparent}
.po-gr{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);margin:14px 0 8px;display:flex;align-items:center;gap:8px}
.po-gr:after{content:"";flex:1;height:1px;background:rgba(255,255,255,.07)}
.po-gr.r-rare{color:#6aa8ff}.po-gr.r-epique{color:#b48cff}.po-gr.r-legendaire{color:var(--ambre)}.po-gr.r-mythique{color:#ff6b8a}
.po-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:10px}
.po-t{position:relative;font:inherit;color:var(--blanc);text-align:center;border-radius:14px;padding:12px 8px 10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);cursor:pointer;
 display:flex;flex-direction:column;align-items:center;gap:6px;min-height:118px;transition:border-color .18s,background .18s,transform .18s}
.po-t:hover{border-color:rgba(255,255,255,.18);transform:translateY(-1px)}
.po-t b{font-size:12px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.po-t small{font-size:10.5px;color:var(--gris2)}
.po-t.on{border-color:var(--ambre);background:rgba(232,163,61,.08);box-shadow:0 0 0 3px rgba(232,163,61,.14)}
.po-t.on:after{content:"";position:absolute;top:7px;right:7px;width:18px;height:18px;border-radius:50%;background:var(--ambre) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1206' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
.po-aa{font-size:24px;font-weight:800;line-height:46px}.po-fx{position:relative;width:34px;height:46px;border-radius:6px;background:linear-gradient(160deg,#252a35,#14171e);border:1px solid rgba(255,255,255,.12);overflow:hidden;transform:rotate(-6deg)}
.po-fx i{position:absolute;inset:5px 5px 11px;border-radius:3px;background:radial-gradient(circle at 50% 40%,#3b4252,#1a1e27)}
.po-fx.cf-x{border:0;background:var(--fx)}.po-fx.cf-x i{background:var(--fxd)}.po-bn{width:100%;height:46px;border-radius:9px;background:linear-gradient(135deg,#1b2029,#12151c);border:1px solid rgba(255,255,255,.06)}
.po-titre .dc-t{margin:13px 0 9px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.po-rien{width:46px;height:46px;border-radius:50%;border:2px dashed #353b49}
.po-t.vide .po-av:not([class*="dc-c-"]){border:2px dashed #353b49;background:none;color:transparent}.po-t.vide .po-av:not([class*="dc-c-"]) img{display:none}
.po-imp{border-style:dashed;border-color:rgba(232,163,61,.45);background:rgba(232,163,61,.05)}.po-up{width:46px;height:46px;display:grid;place-items:center;color:var(--ambre)}.po-up svg{width:24px;height:24px}
.po-vide{font-size:13px;color:var(--gris);padding:10px 2px;line-height:1.55}
.po-bout{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:14px;background:rgba(232,163,61,.06);border:1px solid rgba(232,163,61,.18);font-size:12.5px;color:#c9a46a!important;text-decoration:none!important}
.po-bout b{color:var(--ambre);white-space:nowrap}.po-bout:hover{border-color:rgba(232,163,61,.4)}
@media (max-width:1080px){.po-ong button[data-po] i{display:none}.po-m{grid-template-columns:280px 1fr}}
@media (max-width:1000px) and (min-width:861px){.po-ong button[data-po]:not(.on) span{display:none}.po-ong button[data-po]{padding:8px 10px}}
@media (max-width:860px){.po-ov{padding:0}.po-m{grid-template-columns:1fr;height:100vh;border-radius:0;grid-template-rows:auto 1fr}
 .po-g{border-right:0;border-bottom:1px solid rgba(255,255,255,.07);padding:16px;overflow:visible}.po-carte,.po-eq{display:none}.po-msg{margin:4px 0 0}.po-fin{padding-top:8px}
 .po-d{padding:14px 16px}.po-ong{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.po-ong button[data-po]{white-space:nowrap;padding:8px 11px}.po-ong button span{display:none}.po-bout span{display:none}}

.ck{left:calc(var(--sgw) + var(--bord) * 2 + 10px)!important;bottom:var(--bord)!important}
/* ouverture : Amis, Messages, Notifications, Inviter et conversation sortent de la barre de droite (dévoilement depuis
   son bord, petit glissement vers la gauche), et y rentrent à la fermeture */
@keyframes sortBarre{from{opacity:0;transform:translateX(28px);clip-path:inset(-120px -120px -120px 100%)}55%{opacity:1}to{opacity:1;transform:none;clip-path:inset(-120px -120px -120px -120px)}}
@keyframes rentreBarre{from{opacity:1;transform:none;clip-path:inset(-120px -120px -120px -120px)}to{opacity:0;transform:translateX(22px);clip-path:inset(-120px -120px -120px 100%)}}
@media (min-width:1001px){
 .am-pop,.nt-pop,.gi-pop{animation:sortBarre .36s cubic-bezier(.2,.8,.2,1) both!important}
 .am-pop.ferme,.nt-pop.ferme{animation:rentreBarre .19s cubic-bezier(.4,0,1,1) both!important}
 .am-chat:not([hidden]),.so-chat:not([hidden]){animation:sortBarre .36s cubic-bezier(.2,.8,.2,1) both!important}
}
/* fluidité : aucun flou d'arrière-plan nulle part (il se recalculait à chaque image dès que quelque chose bouge derrière,
   et faisait tomber le site sous 50 images par seconde) ; les fonds concernés sont rendus plus opaques à la place */
*,*:before,*:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.sm-haut{background:rgba(13,16,22,.97)!important}.hx-live{background:rgba(14,17,23,.88)!important}
.rq-ov,.po-ov{background:rgba(5,6,9,.78)!important}.am-pop,.am-chat{background:linear-gradient(180deg,#171b24,#0f1218)!important}
.rq-c input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
/* téléphone et petite tablette : barre du haut, menu qui glisse depuis la gauche, compte et amis en bas */
@media (max-width:1000px){
 body{padding-left:0;padding-right:0;padding-top:62px;padding-bottom:74px}
 .sm-haut{display:flex;align-items:center;gap:10px;position:fixed;top:0;left:0;right:0;height:60px;z-index:61;padding:0 12px;
  background:rgba(13,16,22,.86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
 .sm-burger,.sm-rech{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--blanc);display:grid;place-items:center;cursor:pointer}
 .sm-burger .ico,.sm-rech .ico{width:20px;height:20px}.sm-rech{margin-left:auto}
 .sm-logo{display:flex;align-items:center;gap:9px;color:var(--blanc)!important;text-decoration:none!important}.sm-logo img{width:30px;height:30px;border-radius:50%}.sm-logo b{font-size:16px;font-weight:800;letter-spacing:2.5px}
 .sg{top:0;bottom:0;left:0;border-radius:0 22px 22px 0;width:min(290px,84vw);transform:translateX(-105%);transition:transform .3s cubic-bezier(.2,.8,.2,1);z-index:70;padding-top:20px}
 body.sg-ouvert .sg{transform:none}
 .sg-voile{display:block;position:fixed;inset:0;z-index:69;background:rgba(5,6,9,.55);opacity:0;pointer-events:none;transition:opacity .3s}
 body.sg-ouvert .sg-voile{opacity:1;pointer-events:auto}.sg-voile[hidden]{display:block}
 .sd{top:auto;bottom:0;left:0;right:0;width:auto;height:66px;border-radius:20px 20px 0 0;flex-direction:row;justify-content:space-around;padding:0 10px;gap:4px}
 .sd .nv-moi{margin:0;order:9}.sd .nv-menu{right:0;top:auto;bottom:calc(100% + 12px)}.sd-co{order:9}
 .sd-sep,.sd-grp,html.co .sd-sep,html.co .sd-sep[hidden]{display:none!important}.sd-disc{margin:0}
 .ck{left:12px!important;right:12px;width:auto!important;bottom:78px!important}.sb-ong{top:70px!important}.sg-rech kbd,.rq-c kbd{display:none}
 .am-pop,.nt-pop{left:8px!important;right:8px!important;top:68px!important;bottom:76px!important;width:auto!important;max-height:none!important}
}

/* chat de groupe (panneau Amis) */
.am-tabs.trois{gap:2px}.am-tabs.trois button{padding:7px 4px;font-size:12px;gap:5px}
.gc-l{padding-top:8px}
.gc-nouv{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 6px;padding:10px 12px;border-radius:12px;border:1px dashed rgba(232,163,61,.4);background:rgba(232,163,61,.06);color:#e8a33d;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s}
.gc-nouv:hover{background:rgba(232,163,61,.12);border-color:rgba(232,163,61,.65)}.gc-nouv:disabled{opacity:.45;cursor:default}
.am-pop .gc-nouv svg{width:16px;height:16px}
.gc-r{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center;padding:9px 8px;border-radius:12px;cursor:pointer;transition:background .2s;outline:none;animation:amLigne .38s cubic-bezier(.2,.9,.3,1) both}
.gc-r:hover,.gc-r:focus-visible,.gc-r.on{background:rgba(255,255,255,.045)}
.gc-ic{width:40px;height:40px;display:grid;place-items:center;flex:none;position:relative}
.am-pop .gc-ic svg.gc-em,.am-chat .gc-ic svg.gc-em{width:100%;height:100%;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}
.gc-ic.jeu{border-radius:12px;background:linear-gradient(145deg,rgba(67,201,119,.22),rgba(67,201,119,.06));color:#5fe08f;border:1px solid rgba(67,201,119,.3)}
.am-pop .gc-ic.jeu svg,.am-chat .gc-ic.jeu svg{width:52%;height:52%}
.gc-pile{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:100%;height:100%;gap:2px}
.gc-pile.n1{grid-template-columns:1fr;grid-template-rows:1fr}.gc-pile.n2{grid-template-rows:auto;align-content:center}.gc-pile.n3 .gc-mi:first-child{grid-column:1/-1;justify-self:center;width:calc(50% - 1px)}
.gc-mi{position:relative;overflow:hidden;width:100%;height:auto;min-height:0;border-radius:30%;display:grid;place-items:center;font-size:10px;font-weight:800;color:#14100a;background:linear-gradient(160deg,var(--c),#3a3f4a);aspect-ratio:1}
.gc-pile.n1 .gc-mi{font-size:16px;height:100%}
.gc-mi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gc-txt{min-width:0}
.gc-r b{display:flex;align-items:center;gap:6px;font-size:13.5px;min-width:0}.gc-r b span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gc-r b em{flex:none;font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.08em;color:#8b93a3;border:1px solid rgba(255,255,255,.12);border-radius:5px;padding:0 4px;line-height:1.6}
.gc-r b em.vert{color:#5fe08f;border-color:rgba(67,201,119,.35)}
.gc-r small{display:block;font-size:12px;color:#8b93a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.gc-r small i{font-style:normal;color:#cfd5df}.gc-r small.sys{font-style:italic}
.gc-d{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:30px}.gc-d time{font-size:11px;color:#6f7787;white-space:nowrap}
.gc-n{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e8a33d;color:#14100a;font-size:11px;font-weight:800;display:grid;place-items:center}
.gc-mu{color:#6f7787}.am-pop .gc-mu svg{width:14px;height:14px}
.am-msg-b{display:flex;gap:8px;padding:10px 14px 14px;border-top:1px solid rgba(255,255,255,.06)}
.am-msg-b button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-size:12.5px;font-weight:700;padding:9px 8px;border-radius:11px;border:1px solid #2a2f3a;background:none;color:#c4cad5;cursor:pointer;transition:border-color .15s,color .15s}
.am-msg-b button:hover:not(:disabled){border-color:rgba(232,163,61,.5);color:#fff}.am-msg-b button:disabled{opacity:.45;cursor:default}.am-msg-b svg{width:15px;height:15px}
/* création d'un groupe */
.gc-h{display:flex;align-items:center;gap:10px;justify-content:flex-start}
.gc-retour{width:30px;height:30px;flex:none;border-radius:9px;border:0;background:rgba(255,255,255,.06);color:#cfd5df;display:grid;place-items:center;cursor:pointer}.gc-retour:hover{background:rgba(255,255,255,.1);color:#fff}
.am-pop .gc-retour svg,.am-chat .gc-retour svg{width:16px;height:16px}
.gc-cr{display:flex;flex-direction:column;gap:10px;padding:0 14px 14px;flex:1;min-height:0}
.gc-cr{padding-top:4px}.gc-cr label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:#8b93a3}
.gc-cr input{font:inherit;font-size:13.5px;color:#fff;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:10px 12px;outline:none;transition:border-color .2s,box-shadow .2s}
.gc-cr input:focus{border-color:rgba(232,163,61,.55);box-shadow:0 0 0 3px rgba(232,163,61,.1)}
.gc-cr .so-sec{padding:6px 2px 0}
.gc-sel{display:flex;gap:6px;flex-wrap:wrap}.gc-sel>span{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 3px;border-radius:999px;background:rgba(232,163,61,.1);border:1px solid rgba(232,163,61,.3);font-size:12px;font-weight:600;animation:amLigne .3s both}
.gc-sel .gc-mi{width:20px;height:20px;border-radius:50%;font-size:9px}
.gc-ch{display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1;min-height:80px;margin:0 -6px;scrollbar-width:thin;scrollbar-color:#262b36 transparent}
.gc-c{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;width:100%}.gc-c:hover{background:rgba(255,255,255,.04)}
.gc-cn{flex:1;min-width:0;overflow:hidden}
.gc-cb{width:20px;height:20px;flex:none;border-radius:6px;border:1.5px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#14100a;transition:.15s}
.gc-c.on .gc-cb{background:#e8a33d;border-color:#e8a33d}.am-pop .gc-cb svg{width:13px;height:13px;stroke-width:3}
.gc-ok{height:42px;flex:none;border-radius:12px;border:0;background:#e8a33d;color:#14100a;font:inherit;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:filter .2s,opacity .2s}
.gc-ok:hover{filter:brightness(1.07)}.gc-ok:disabled{opacity:.4;cursor:default;filter:none}.gc-ok small{font-weight:600;opacity:.7}
/* conversation de groupe */
.gc-t .gc-ic{width:34px;height:34px}
.gc-t .so-i{flex:1;min-width:0}.gc-t .so-i b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gc-t .so-i small{color:#8b93a3;font-size:11.5px}
.so-c-t>button.on{background:rgba(232,163,61,.12);color:#e8a33d}
.so-m.gc-o{flex-direction:row;align-items:flex-end;gap:8px;max-width:88%}
.so-m.gc-o>div{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.gc-av{width:28px!important;height:28px!important;flex:none;border-radius:9px;font-size:12px}
.so-m.gc-o.suite .gc-av{visibility:hidden;height:0!important}
.gc-no{font-size:11.5px;font-weight:700;margin:4px 0 3px 4px}
.so-m.gc-o.suite p{border-radius:4px 14px 14px 4px}
.gc-sys{display:flex;align-items:center;gap:8px;margin:12px 0 4px;font-size:11.5px;color:#7d8595;text-align:center}
.gc-sys::before,.gc-sys::after{content:"";height:1px;flex:1;background:rgba(255,255,255,.06)}.gc-sys span{max-width:80%}
.gc-qui{font-size:11.5px;color:#7d8595;padding:0 16px;min-height:18px;display:flex;align-items:center}
.gc-qui i{display:inline-flex;gap:3px;margin-right:7px}.gc-qui i b{width:4px;height:4px;border-radius:50%;background:#8b93a3;display:inline-block;animation:gcPt 1.2s infinite!important}
.gc-qui i b:nth-child(2){animation-delay:.15s!important}.gc-qui i b:nth-child(3){animation-delay:.3s!important}
@keyframes gcPt{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-2px)}}
/* membres et options */
.gc-vue{gap:2px}
.gc-vt{display:flex;align-items:center;gap:8px;padding:2px 2px 8px;font-size:13px}.gc-vt b{flex:1}.gc-vt span{color:#6f7787;font-size:12px}
.gc-mb{display:flex;align-items:center;gap:10px;padding:7px 4px;border-radius:10px}.gc-mb:hover{background:rgba(255,255,255,.03)}
.gc-mb .so-i{flex:1;min-width:0}.gc-mb .so-i small{font-size:11.5px}
.gc-mini-b{width:30px;height:30px;flex:none;border-radius:9px;border:1px solid #262b36;background:#171b24;color:#aeb4c0;display:grid;place-items:center;cursor:pointer;font:inherit;font-size:11px;font-weight:700;transition:.15s}
.gc-mini-b:hover{color:#e8a33d;border-color:rgba(232,163,61,.5)}.am-chat .gc-mini-b svg{width:15px;height:15px}
.gc-mini-b.arme{width:auto;padding:0 10px;color:#ff8c92;border-color:rgba(240,82,90,.5)}.gc-mini-b.arme svg{display:none}
.gc-opts{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}
.gc-opts>button,.gc-opts>a{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:10px;border:0;background:none;color:#cfd5df;font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:.15s}
.gc-opts>button:hover,.gc-opts>a:hover{background:rgba(255,255,255,.05);color:#fff}.gc-opts>.dg{color:#ff8c92}.gc-opts>.dg:hover{background:rgba(240,82,90,.08);color:#ffa5aa}
.gc-opts>.arme{background:rgba(240,82,90,.12);color:#ff8c92}
.am-chat .gc-opts svg{width:16px;height:16px;flex:none}
.gc-ren{display:flex;gap:8px;padding:4px 2px}.gc-ren input{flex:1;min-width:0;font:inherit;font-size:13px;color:#fff;background:rgba(255,255,255,.04);border:1px solid rgba(232,163,61,.55);border-radius:10px;padding:8px 10px;outline:none}
.so-m-vide .gc-ic{width:56px;height:56px;margin:0 auto 8px}