:root{--g:#66CC33;--g2:#8be85a;--gd:#2f6b17;--bg:#060806;--panel:rgba(14,19,14,.72);--line:rgba(255,255,255,.09);--white:#F2F6F0;--mut:#98a395;--red:#e5484d;--r:16px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--white);font-family:'Rajdhani',system-ui,sans-serif;font-size:18px;line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body::before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(900px 500px at 85% -5%,rgba(102,204,51,.10),transparent 60%),radial-gradient(700px 500px at 0% 40%,rgba(102,204,51,.06),transparent 60%)}
::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#050605}::-webkit-scrollbar-thumb{background:#243322;border-radius:8px}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 1.5rem}
h1,h2,h3{font-family:'Bebas Neue',sans-serif;font-weight:400;letter-spacing:2px;line-height:1}
.eyebrow{font-family:'Space Mono',monospace;font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--g)}
.h2{font-size:clamp(2.4rem,5vw,3.8rem);margin:.5rem 0 1rem}
.lead{color:#c3ccc0;max-width:680px;font-size:1.12rem}
section.s{padding:5.5rem 0}
/* nav */
#nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
#nav.solid{background:rgba(6,8,6,.82);backdrop-filter:blur(18px);border-color:var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:70px;gap:1rem}
.logo{font-family:'Bebas Neue';font-size:1.8rem;letter-spacing:4px}
.logo b{color:var(--g);font-weight:400}
.menu{display:flex;gap:1.6rem;align-items:center}
.menu a{font-family:'Space Mono',monospace;font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:#b5bfb2;transition:color .2s}
.menu a:hover,.menu a.on{color:var(--g)}
.nav-r{display:flex;align-items:center;gap:.7rem}
.pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--line);background:rgba(255,255,255,.04);padding:.45rem .9rem;border-radius:99px;font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;transition:.2s;cursor:pointer;color:var(--white)}
.pill:hover{border-color:var(--g);color:var(--g)}
.pill img{width:22px;height:22px;border-radius:50%}
.pill .n{background:var(--g);color:#000;border-radius:99px;padding:0 .45rem;font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-family:'Bebas Neue';font-size:1.2rem;letter-spacing:2.5px;padding:.75rem 1.7rem;border-radius:12px;border:1px solid var(--g);color:var(--white);background:transparent;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px rgba(102,204,51,.6)}
.btn.solid{background:var(--g);color:#06100a}
.btn.ghost{border-color:var(--line);background:rgba(255,255,255,.05)}
.btn.ghost:hover{border-color:var(--g)}
.btn.discord{background:#5865F2;border-color:#5865F2;color:#fff}
.btn.sm{font-size:1rem;padding:.5rem 1.1rem;border-radius:10px}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
#burger{display:none;background:none;border:1px solid var(--line);color:var(--white);width:42px;height:42px;border-radius:10px;font-size:1.2rem;cursor:pointer}
/* hero */
.hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;padding:9rem 0 4rem;overflow:hidden}
.hero>img.cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,8,6,.55) 0%,rgba(6,8,6,.15) 35%,rgba(6,8,6,.7) 75%,var(--bg) 100%),linear-gradient(90deg,rgba(6,8,6,.8),transparent 65%)}
.hero-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:2.5rem;align-items:end;width:100%}
.hero h1{font-size:clamp(4.2rem,11vw,9rem);letter-spacing:5px;line-height:.85}
.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--g);display:block}
.hero p.lead{margin:1.4rem 0 1.8rem;font-size:1.25rem}
.cta{display:flex;gap:.9rem;flex-wrap:wrap}
.glass{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);backdrop-filter:blur(16px)}
.live{padding:1.3rem}
.live .row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line)}
.live .row:last-child{border:0}
.live small{font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:.2em;color:var(--mut);text-transform:uppercase;display:block}
.live b{font-family:'Bebas Neue';font-size:1.5rem;letter-spacing:2px;font-weight:400}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#666;margin-right:.5rem}
.on .dot{background:var(--g);box-shadow:0 0 12px var(--g)}
.off .dot{background:var(--red)}
.copy{cursor:pointer}.copy:hover b{color:var(--g)}
.copy i{font-style:normal;font-family:'Space Mono',monospace;font-size:.58rem;color:var(--g);letter-spacing:.15em}
/* strip */
.strip{border-block:1px solid var(--line);background:rgba(255,255,255,.02)}
.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding-block:1.6rem}
.kpi b{font-family:'Bebas Neue';font-size:2.6rem;letter-spacing:2px;color:var(--g);display:block;line-height:1}
.kpi span{font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mut)}
/* modes */
.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.4rem}
.mode{position:relative;border-radius:var(--r);overflow:hidden;min-height:340px;display:flex;align-items:flex-end;border:1px solid var(--line);isolation:isolate}
.mode.big{grid-column:span 2}
.mode>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s ease}
.mode::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,8,6,.05) 25%,rgba(6,8,6,.92))}
.mode:hover>img{transform:scale(1.03)}
.mode:hover{border-color:var(--g)}
.mode .in{padding:1.4rem;width:100%}
.mode h3{font-size:2rem;margin:.5rem 0 .3rem}
.mode p{color:#cdd6ca;font-size:.98rem;max-width:520px}
.tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.8rem}
.tag{font-family:'Space Mono',monospace;font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;padding:.25rem .6rem;border-radius:99px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.35)}
.badge{display:inline-block;font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:.2em;padding:.25rem .65rem;border-radius:99px;background:rgba(255,255,255,.14);backdrop-filter:blur(6px)}
.badge.live{background:var(--g);color:#06100a;font-weight:700}
.badge.soon{background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.25)}
/* motogp */
.two{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:start}
.map{padding:1.2rem}
.map img{width:100%}
table{width:100%;border-collapse:collapse}
th,td{padding:.65rem .8rem;text-align:left;border-bottom:1px solid var(--line)}
th{font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:.22em;color:var(--g);text-transform:uppercase;font-weight:400}
td.t{font-family:'Space Mono',monospace;color:var(--g)}
.empty{padding:1.6rem;text-align:center;color:var(--mut)}
.cmds{list-style:none;display:grid;gap:.5rem;margin-top:1rem}
.cmds li{font-size:.98rem;color:#c3ccc0}
code{font-family:'Space Mono',monospace;font-size:.76rem;background:rgba(102,204,51,.1);border:1px solid rgba(102,204,51,.3);padding:.12rem .5rem;border-radius:6px;color:var(--g)}
/* discord */
.discord{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--line);isolation:isolate}
.discord>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.discord::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(6,8,6,.94) 20%,rgba(6,8,6,.55))}
.discord .in{padding:clamp(1.6rem,5vw,4rem);display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center}
.feat{display:grid;gap:.7rem;list-style:none}
.feat li{padding:.8rem 1rem;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid var(--line);font-size:1rem}
.feat b{color:var(--g);font-weight:700}
/* steps / faq */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}
.step{padding:1.6rem;position:relative}
.step .n{font-family:'Bebas Neue';font-size:3.4rem;color:var(--g);line-height:1;opacity:.9}
.step h3{font-size:1.6rem;margin:.3rem 0 .5rem}
.step p{color:#c3ccc0;font-size:.98rem}
details{border:1px solid var(--line);border-radius:12px;padding:1rem 1.2rem;margin-bottom:.7rem;background:rgba(255,255,255,.03)}
summary{cursor:pointer;font-family:'Bebas Neue';font-size:1.35rem;letter-spacing:2px;list-style:none;display:flex;justify-content:space-between}
summary::after{content:'+';color:var(--g)}
details[open] summary::after{content:'–'}
details p{color:#b9c3b6;margin-top:.7rem}
/* page head */
.phead{position:relative;padding:9rem 0 3rem;overflow:hidden;isolation:isolate}
.phead>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.55}
.phead::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,8,6,.3),var(--bg))}
.phead h1{font-size:clamp(3rem,7vw,5.5rem);letter-spacing:4px}
/* boutique */
.bar{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;justify-content:space-between;margin:1.6rem 0}
.tabs{display:flex;gap:.5rem;flex-wrap:wrap}
.tab{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--white);padding:.5rem 1.1rem;border-radius:99px;font-family:'Space Mono',monospace;font-size:.64rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:.2s}
.tab:hover{border-color:var(--g)}
.tab.on{background:var(--g);color:#06100a;border-color:var(--g)}
input.txt,select.txt{background:rgba(0,0,0,.5);border:1px solid var(--line);color:var(--white);font-family:'Space Mono',monospace;font-size:.78rem;padding:.7rem 1rem;border-radius:10px;min-width:230px}
input.txt:focus,select.txt:focus{outline:none;border-color:var(--g)}
.shop{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.2rem}
.item{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
.item:hover{transform:translateY(-5px);border-color:var(--g)}
.item .pic{position:relative;aspect-ratio:16/9;overflow:hidden}
.item .pic img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.item:hover .pic img{transform:scale(1.04)}
.item .pic::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(14,19,14,.95))}
.item .pic .ico{position:absolute;left:1rem;bottom:.5rem;font-size:2.2rem;z-index:1}
.item .pic .badge{position:absolute;right:.8rem;top:.8rem;z-index:1}
.item .body{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.4rem;flex:1}
.item h3{font-size:1.65rem}
.item p{color:#b9c3b6;font-size:.95rem;flex:1}
.price{font-family:'Bebas Neue';font-size:1.9rem;letter-spacing:2px;color:var(--g)}
.price small{font-size:1rem;color:var(--mut)}
.item .act{display:flex;gap:.5rem;align-items:center;justify-content:space-between;margin-top:.5rem}
.owned{color:var(--g);font-family:'Space Mono';font-size:.62rem;letter-spacing:.15em}
.detail{display:grid;grid-template-columns:1.1fr 1fr;gap:2.5rem;align-items:start;padding-top:8rem}
.detail .pic{border-radius:20px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/10;position:relative}
.detail .pic img{width:100%;height:100%;object-fit:cover}
.perks{list-style:none;display:grid;gap:.5rem;margin:1.2rem 0}
.perks li::before{content:'✓';color:var(--g);margin-right:.6rem;font-weight:700}
.crumb{font-family:'Space Mono',monospace;font-size:.66rem;letter-spacing:.15em;color:var(--mut);margin-bottom:1rem}
.crumb a:hover{color:var(--g)}
.cartwrap{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;align-items:start}
.line{display:grid;grid-template-columns:70px 1fr auto auto;gap:1rem;align-items:center;padding:1rem;border-bottom:1px solid var(--line)}
.line img{width:70px;height:56px;object-fit:cover;border-radius:8px}
.line h4{font-family:'Bebas Neue';font-weight:400;font-size:1.35rem;letter-spacing:1.5px}
.rm{background:none;border:0;color:var(--mut);cursor:pointer;font-size:1.2rem}.rm:hover{color:var(--red)}
.sum{padding:1.5rem;position:sticky;top:90px}
.sum .tot{display:flex;justify-content:space-between;align-items:baseline;padding:.6rem 0;border-bottom:1px solid var(--line)}
.chk{display:flex;gap:.7rem;align-items:flex-start;font-size:.9rem;color:#b9c3b6;margin:.8rem 0}
.chk input{margin-top:.35rem;accent-color:var(--g)}
.chk a{color:var(--g);text-decoration:underline}
.note{font-size:.88rem;color:var(--mut);margin-top:1rem}
.prose h2{font-size:2rem;margin:2rem 0 .6rem;color:var(--g)}
.prose p,.prose li{color:#c3ccc0;margin-bottom:.6rem}
.prose ul{padding-left:1.3rem}
.warn{border:1px dashed var(--g);border-radius:12px;padding:1rem 1.2rem;color:var(--g);font-size:.95rem;margin:1rem 0}
.toast{position:fixed;left:50%;bottom:1.6rem;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:#0b0f0b;border:1px solid var(--g);padding:.8rem 1.3rem;border-radius:12px;font-family:'Space Mono',monospace;font-size:.74rem;z-index:1000;transition:.3s;max-width:92vw}
.toast.show{opacity:1;transform:translateX(-50%)}
footer{border-top:1px solid var(--line);margin-top:4rem;padding:3rem 0 2rem;background:rgba(0,0,0,.35)}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}
.fgrid h4{font-family:'Space Mono';font-size:.62rem;letter-spacing:.25em;color:var(--g);margin-bottom:.8rem;font-weight:400}
.fgrid a{display:block;color:#b5bfb2;font-size:.95rem;margin-bottom:.35rem}.fgrid a:hover{color:var(--g)}
.legal{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--line);font-family:'Space Mono';font-size:.58rem;letter-spacing:.12em;color:var(--mut)}
.rv{opacity:0;transform:translateY(22px);transition:.7s}.rv.in{opacity:1;transform:none}
.nojs .rv{opacity:1;transform:none}
@media(max-width:900px){
 .menu{display:none;position:absolute;top:70px;left:0;right:0;flex-direction:column;background:rgba(6,8,6,.97);padding:1.4rem;gap:1.1rem;border-bottom:1px solid var(--g)}
 .menu.open{display:flex}#burger{display:block}
 .hero-grid,.two,.discord .in,.detail,.cartwrap{grid-template-columns:1fr}
 .modes{grid-template-columns:1fr}.mode.big{grid-column:auto}
 .steps{grid-template-columns:1fr}.strip .wrap{grid-template-columns:repeat(2,1fr)}
 .fgrid{grid-template-columns:1fr 1fr}.line{grid-template-columns:56px 1fr auto}.line .rm{grid-column:3}
 .sum{position:static}.hero{padding-top:7rem}
 input.txt{min-width:0;width:100%}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.rv{opacity:1;transform:none}}
.price{white-space:nowrap}
.item .act{flex-wrap:wrap}
.item .btn.sm{white-space:nowrap}
.sum input.txt{width:100%;min-width:0}
.menu .mob{display:none}
@media(max-width:900px){.nav-r .btn.discord{display:none}.menu .mob{display:block}#acc{display:none}.nav-r{gap:.4rem}}

/* ===== v3 : pages Serveur / Modes / Tutos / FAQ, boutique par categories, galerie ===== */
img.cover,.mode>img,.phead>img,.discord>img{image-rendering:auto}
.cat-h{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:3rem 0 1.2rem;padding-bottom:.8rem;border-bottom:1px solid var(--line)}
.cat-h:first-child{margin-top:.5rem}
.cat-h h2{font-size:2.3rem;letter-spacing:3px}
.cat-h p{color:var(--mut);max-width:560px;font-size:.98rem}
.cat-h a{font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.2em;color:var(--g);text-transform:uppercase}
.catnav{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0 0}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.info{padding:1.5rem}
.info h3{font-size:1.7rem;margin-bottom:.6rem}
.info p,.info li{color:#c3ccc0;font-size:1rem}
.info ul{list-style:none;display:grid;gap:.45rem}
.kv{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.2rem;align-items:center}
.kv dt{font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.kv dd{font-family:'Bebas Neue';font-size:1.5rem;letter-spacing:2px}
.copybtn{cursor:pointer;border:1px dashed rgba(102,204,51,.5);background:rgba(102,204,51,.08);color:var(--g);border-radius:8px;padding:.15rem .6rem;font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.15em}
.pl{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem}
.pl span{font-family:'Space Mono',monospace;font-size:.62rem;padding:.2rem .6rem;border-radius:99px;background:rgba(102,204,51,.1);border:1px solid rgba(102,204,51,.3)}
.mcard{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);isolation:isolate;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);margin-bottom:1.4rem;background:var(--panel)}
.mcard:nth-child(even){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.mcard:nth-child(even) .mimg{order:2}
.mcard .mimg{position:relative;min-height:300px}
.mcard .mimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mcard .mb{padding:1.8rem}
.mcard h3{font-size:2.4rem;margin:.4rem 0 .5rem}
.mcard p{color:#c3ccc0}
.mcard dl{margin-top:1rem}
.mcard ul{margin:.8rem 0 0 1.1rem;color:#c3ccc0;font-size:.98rem}
.mcard li{margin-bottom:.25rem}
.idea{padding:1.2rem 1.3rem}
.idea h4{font-family:'Bebas Neue';font-size:1.5rem;letter-spacing:2px}
.idea p{color:#b9c3b6;font-size:.95rem;margin-top:.3rem}
.idea .lv{font-family:'Space Mono',monospace;font-size:.55rem;letter-spacing:.2em;color:var(--g);text-transform:uppercase}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:2rem}
.gal figure{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/9;cursor:zoom-in;background:#0b0f0b}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gal figure:hover img{transform:scale(1.04)}
.lb{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:1rem;cursor:zoom-out}
.lb.on{display:flex}
.lb img{max-width:96vw;max-height:92vh;width:auto;height:auto;object-fit:contain;border-radius:8px}
.lb button{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.6);border:1px solid var(--line);color:#fff;width:48px;height:48px;border-radius:50%;font-size:1.4rem;cursor:pointer}
.lb .p{left:1rem}.lb .n{right:1rem}.lb .x{top:1rem;right:1rem;transform:none}
.os-tabs{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.6rem 0 1rem}
.os-tabs .tab{font-size:.72rem;padding:.65rem 1.3rem}
.panel{display:none}.panel.on{display:block}
.tuto{counter-reset:s;display:grid;gap:1rem;margin-top:1rem}
.tuto li{list-style:none;counter-increment:s;position:relative;padding:1.2rem 1.3rem 1.2rem 4.4rem;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.tuto li::before{content:counter(s);position:absolute;left:1.1rem;top:1rem;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--g);color:#06100a;font-family:'Bebas Neue';font-size:1.5rem;display:grid;place-items:center}
.tuto h4{font-family:'Bebas Neue';font-size:1.45rem;letter-spacing:2px;margin-bottom:.3rem}
.tuto p,.tuto li span{color:#c3ccc0;font-size:1rem}
.tuto .tip{display:block;margin-top:.6rem;font-size:.9rem;color:var(--g)}
.tuto code{font-size:.82rem}
.callout{border-left:3px solid var(--g);background:rgba(102,204,51,.07);padding:.9rem 1.1rem;border-radius:0 12px 12px 0;margin:1.2rem 0;color:#cfe3c8;font-size:.98rem}
.callout.red{border-color:var(--red);background:rgba(229,72,77,.08);color:#f0c7c9}
.faqbar{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin:1.4rem 0}
.faqbar input{flex:1;min-width:220px}
.faqcat{margin:2.2rem 0 .8rem;font-size:1.9rem;color:var(--g)}
.faq-empty{display:none}
.compte-link{padding:1.4rem;margin-top:1.4rem}
@media(max-width:900px){.grid2,.grid3{grid-template-columns:1fr}.mcard,.mcard:nth-child(even){grid-template-columns:1fr}.mcard:nth-child(even) .mimg{order:0}.mcard .mimg{min-height:200px}.kv{grid-template-columns:1fr}.tuto li{padding-left:3.6rem}}
@media(min-width:901px) and (max-width:1100px){.nav-r .btn.discord{display:none}}

details a,.info a,.prose a{color:var(--g);text-decoration:underline}
.info code,.tuto code,.callout code{white-space:normal;word-break:break-word}

/* ===== v5 : fond anime, effets, avis, animations ===== */
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
#fx{position:fixed;inset:0;width:100%;height:100%;z-index:9999;pointer-events:none}
#prog{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--gd),var(--g),var(--g2));z-index:200;box-shadow:0 0 12px var(--g);transition:width .1s linear}
.hero h1 em,.phead h1{background:linear-gradient(100deg,var(--white) 20%,var(--g2) 45%,var(--white) 70%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine 7s ease-in-out infinite}
@keyframes shine{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.hero h1{animation:floaty 6s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.glass{transition:border-color .3s,transform .3s,box-shadow .3s}
.glass:hover{border-color:rgba(102,204,51,.45);box-shadow:0 18px 50px -24px rgba(102,204,51,.45)}
.btn.solid{position:relative;overflow:hidden}
.btn.solid::after{content:'';position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:sweep 4.5s ease-in-out infinite}
@keyframes sweep{0%,60%{left:-70%}100%{left:130%}}
.tilt{transform-style:preserve-3d;will-change:transform}
.on .dot{animation:pulse 1.8s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(102,204,51,.6)}50%{box-shadow:0 0 0 8px rgba(102,204,51,0)}}
.rv{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}
.marquee{overflow:hidden;border-block:1px solid var(--line);background:rgba(102,204,51,.04);padding:.7rem 0;white-space:nowrap}
.marquee div{display:inline-block;animation:marq 40s linear infinite;font-family:'Bebas Neue';letter-spacing:4px;font-size:1.4rem;color:#9fb59a}
.marquee b{color:var(--g);font-weight:400;margin:0 1.2rem}
@keyframes marq{to{transform:translateX(-50%)}}
.chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}
.chip{display:inline-flex;gap:.5rem;align-items:center;padding:.5rem 1rem;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.04);font-weight:600;transition:.2s}
.chip:hover{border-color:var(--g);color:var(--g);transform:translateY(-2px)}
.about{display:grid;grid-template-columns:1.15fr 1fr;gap:2rem;align-items:start;margin-top:1.4rem}
.about p{color:#c3ccc0;margin-bottom:1rem}
.feat4{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.feat4 .glass{padding:1.2rem}.feat4 h4{font-family:'Bebas Neue';letter-spacing:2px;font-size:1.4rem;color:var(--g);font-weight:400}.feat4 p{font-size:.95rem;margin:.3rem 0 0}
/* avis */
.stars{display:inline-flex;gap:2px;color:#f5c518;letter-spacing:1px}
.stars i{font-style:normal;opacity:.25}.stars i.on{opacity:1;text-shadow:0 0 10px rgba(245,197,24,.5)}
.rev-top{display:grid;grid-template-columns:260px 1fr;gap:1.6rem;align-items:center;padding:1.6rem}
.rev-avg b{font-family:'Bebas Neue';font-size:5rem;line-height:1;color:var(--g)}
.bars{display:grid;gap:.4rem}.rbar{display:grid;grid-template-columns:24px 1fr 34px;gap:.6rem;align-items:center;font-family:'Space Mono',monospace;font-size:.7rem;color:var(--mut)}
.rbar span.t{height:8px;border-radius:9px;background:rgba(255,255,255,.07);overflow:hidden}.rbar span.t i{display:block;height:100%;background:linear-gradient(90deg,var(--gd),var(--g));border-radius:9px;transition:width 1s cubic-bezier(.2,.8,.2,1);width:0}
.rev-form{padding:1.6rem;margin-top:1.4rem;display:grid;gap:1rem}
.rev-form label{font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.rev-form .txt,.rev-form textarea{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem;color:var(--white);font:inherit;outline:none;transition:border-color .2s,box-shadow .2s}
.rev-form .txt:focus,.rev-form textarea:focus{border-color:var(--g);box-shadow:0 0 0 3px rgba(102,204,51,.18)}
.rev-form textarea{min-height:130px;resize:vertical}
.starpick{display:flex;gap:.2rem;direction:rtl;justify-content:flex-end;width:max-content}
.starpick input{position:absolute;opacity:0;pointer-events:none}
.starpick label{font-size:2.2rem;cursor:pointer;color:#3b4538;letter-spacing:0;line-height:1;transition:transform .15s,color .15s;text-transform:none;font-family:inherit}
.starpick label:hover,.starpick label:hover~label,.starpick input:checked~label{color:#f5c518;text-shadow:0 0 14px rgba(245,197,24,.55)}
.starpick label:hover{transform:scale(1.25) rotate(-8deg)}
.starpick input:focus-visible+label{outline:2px solid var(--g);outline-offset:2px;border-radius:6px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cnt{font-family:'Space Mono',monospace;font-size:.62rem;color:var(--mut);text-align:right}
.rev{padding:1.2rem 1.4rem;display:grid;gap:.5rem;animation:pop .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes pop{from{opacity:0;transform:translateY(14px) scale(.98)}}
.rev header{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center}
.rev b{font-family:'Bebas Neue';letter-spacing:2px;font-size:1.3rem;font-weight:400}
.rev time{font-family:'Space Mono',monospace;font-size:.6rem;color:var(--mut);letter-spacing:.1em}
.rev p{color:#d3dbd0;white-space:pre-wrap;overflow-wrap:anywhere}
.revlist{display:grid;gap:.9rem;margin-top:1.4rem}
@media(max-width:800px){.rev-top,.about{grid-template-columns:1fr}.feat4{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}#fx{display:none}}
.qbar{height:8px;border-radius:9px;background:rgba(255,255,255,.07);overflow:hidden;margin:.8rem 0 .4rem}.qbar i{display:block;height:100%;background:linear-gradient(90deg,var(--gd),var(--g));border-radius:9px;transition:width 1s}
.qmeta{font-family:'Space Mono',monospace;font-size:.62rem;color:var(--mut);letter-spacing:.08em}
.done{border-color:rgba(102,204,51,.5)}
.live-num{display:inline-block;animation:numpop .9s cubic-bezier(.2,.8,.2,1)}
@keyframes numpop{0%{transform:translateY(8px) scale(.9);opacity:.3;text-shadow:0 0 0 var(--g)}60%{text-shadow:0 0 18px var(--g)}100%{transform:none;opacity:1}}
.dsc-live{display:flex;gap:2rem;flex-wrap:wrap;align-items:center}
.dsc-live .kpi b{position:relative}
.dsc-live .kpi b.live-num::after{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#43b581;margin-left:.5rem;vertical-align:middle;animation:pulse 1.8s infinite}

/* classement */
.ctabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.2rem 0}
.ctabs button{font-family:'Space Mono',monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;padding:.6rem 1rem;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--mut);cursor:pointer;transition:.2s}
.ctabs button:hover{color:#fff;border-color:var(--g)}.ctabs button.on{background:var(--g);color:#06100a;border-color:var(--g)}
.ctable{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.ctable table{min-width:640px}.ctable th{font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);text-align:left;padding:.9rem .8rem;border-bottom:1px solid var(--line)}
.ctable td{padding:.7rem .8rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:.92rem}.ctable tr:last-child td{border-bottom:0}
.ctable .hl{color:var(--g);font-weight:600}.ctable .rk{width:3rem;font-family:'Bebas Neue';font-size:1.3rem}
.ctable .pn{display:flex;min-height:28px;align-items:center;gap:.7rem;font-weight:600}.ctable .av{width:28px;height:28px;border-radius:6px;image-rendering:pixelated}
.ctable tr.top1{background:linear-gradient(90deg,rgba(255,200,60,.12),transparent)}.ctable tr.top2{background:linear-gradient(90deg,rgba(200,210,220,.09),transparent)}.ctable tr.top3{background:linear-gradient(90deg,rgba(205,127,50,.10),transparent)}
.ctable tr.up{animation:cup 1.6s}.ctable tr.down{animation:cdown 1.6s}
@keyframes cup{0%{background:rgba(102,204,51,.35)}100%{background:transparent}}@keyframes cdown{0%{background:rgba(255,90,90,.25)}100%{background:transparent}}
.grade{font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .55rem;border-radius:6px;border:1px solid var(--line);color:var(--mut)}
.lvl{color:var(--c);font-weight:600}
.cnote{font-family:'Space Mono',monospace;font-size:.68rem;color:var(--mut);margin-top:.9rem;display:flex;align-items:center;gap:.5rem}
.cnote .dot{width:8px;height:8px;border-radius:50%;background:#43b581;animation:pulse 1.8s infinite}
.csearch{max-width:320px}