/* DeltaRise : styles des pages du site (accueil, classements, joueurs, boutique, profil, pages légales). */

/* ---------- en-tête ---------- */
.tools{display:flex;align-items:center;gap:10px;margin-left:auto}
.btn.support{display:inline-flex;align-items:center;gap:7px;border-color:rgba(255,74,61,.55);color:#ffd2ce;text-decoration:none;padding:8px 14px;font-size:16px}
.btn.support svg{width:16px;height:16px;color:var(--r-l)}
.btn.support:hover{border-color:var(--r-l);box-shadow:0 0 14px rgba(255,74,61,.35)}
.langbtn{display:inline-flex;gap:4px;align-items:center;padding:5px;border:1px solid #4a5357;background:rgba(0,0,0,.35);border-radius:2px}
.langbtn .flag{width:24px;height:16px;display:block;opacity:.35;filter:grayscale(.6);transition:opacity .15s,filter .15s;border-radius:1px}
.langbtn:not(.is-en) .flag.fr,.langbtn.is-en .flag.en{opacity:1;filter:none;box-shadow:0 0 0 1px var(--signal)}
.langbtn:hover{border-color:var(--signal)}
.navcount{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:9px;background:var(--signal);color:#04150e;font-family:var(--f-mono);font-size:11px;font-weight:500;vertical-align:2px}
.me{text-decoration:none;color:var(--text)}
.me:hover .who{color:var(--signal)}
@media (max-width:1360px){nav a{font-size:16px;padding:6px 8px}}
@media (max-width:1180px) and (min-width:761px){.bar{flex-wrap:wrap}.tools{margin-left:auto}}
@media (max-width:760px){.tools{margin-left:auto}.btn.support span{display:none}.btn.support{padding:8px 10px}}

/* ---------- commun ---------- */
.h-page{font-size:clamp(32px,5.4vw,56px)}
.sec-h{font-size:24px;margin:0 0 14px}
.big{font-size:20px!important;padding:13px 22px!important}
a.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
input,select,textarea{font:inherit;color:var(--text);background:rgba(0,0,0,.35);border:1px solid #4a5357;border-radius:1px;padding:9px 11px;min-width:0}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--signal);box-shadow:0 0 0 1px var(--signal)}
.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}
.filters input[type=search]{width:min(320px,100%)}
.fld{display:grid;gap:5px;min-width:0}
.fld>span{font-size:12.5px;color:var(--mute)}
.inline{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.inline .fld.grow{flex:1;min-width:200px}
.row-end{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap}
.btn.danger{border-color:rgba(255,74,61,.6);color:#ffb3ad}
.btn.danger:hover:not(:disabled){border-color:var(--r-l);box-shadow:0 0 14px rgba(255,74,61,.3)}
.tbl{width:100%;border-collapse:collapse;font-size:14.5px}
.tbl th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-weight:500;text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:10px;border-top:1px solid rgba(255,255,255,.05);vertical-align:middle}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums}
.tbl .pl{display:flex;align-items:center;gap:10px;min-width:0}
.tbl .pl a{color:var(--text);text-decoration:none;font-weight:600}
.tbl .pl a:hover{color:var(--signal)}
.panel.tight{padding:6px 10px}
.av.big{width:84px;height:84px;border:2px solid var(--signal);box-shadow:0 0 18px rgba(12,246,156,.35)}
mark{background:rgba(255,176,32,.16);color:var(--r-ur);padding:0 4px;font-family:var(--f-mono);font-size:.9em}

/* ---------- accueil ---------- */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center;padding-block:18px 6px}
@media (max-width:900px){.hero{grid-template-columns:minmax(0,1fr)}}
.hero-copy{display:grid;gap:18px}
.hero-h{font-size:clamp(44px,7.6vw,96px);line-height:.92;letter-spacing:-.01em}
.hero-h span{background:linear-gradient(180deg,#7dffcc,var(--signal) 55%,#0a9b64);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 22px rgba(12,246,156,.35))}
.hero-p{margin:0;color:#c9cfd0;font-size:17px;max-width:52ch}
.hero-stats{display:flex;gap:28px;flex-wrap:wrap;margin:6px 0 0}
.hero-stats div{display:grid;gap:2px}
.hero-stats dt{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.hero-stats dd{margin:0;font-family:var(--f-head);font-weight:800;font-size:34px;color:var(--signal);font-variant-numeric:tabular-nums;text-shadow:0 0 16px rgba(12,246,156,.3)}
.hero-fan{position:relative;height:clamp(340px,40vw,480px);display:grid;place-items:center}
.hero-fan::before{content:"";position:absolute;width:78%;aspect-ratio:1.15;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(12,246,156,.18),transparent 70%);border:0;filter:blur(1px)}
.fan-card{position:absolute;width:clamp(170px,19vw,240px);transition:transform .4s}
.fan-card.f0{transform:translateX(-58%) rotate(-12deg) translateY(18px);animation:fl0 7s ease-in-out infinite}
.fan-card.f1{transform:translateY(-10px);z-index:2;animation:fl1 6s ease-in-out infinite}
.fan-card.f2{transform:translateX(58%) rotate(12deg) translateY(18px);animation:fl2 8s ease-in-out infinite}
@keyframes fl0{50%{transform:translateX(-60%) rotate(-13deg) translateY(8px)}}
@keyframes fl1{50%{transform:translateY(-22px)}}
@keyframes fl2{50%{transform:translateX(60%) rotate(13deg) translateY(8px)}}
.hero-fan:hover .fan-card.f0{transform:translateX(-70%) rotate(-16deg)}
.hero-fan:hover .fan-card.f2{transform:translateX(70%) rotate(16deg)}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:10px 0 28px}
@media (max-width:760px){.steps{grid-template-columns:minmax(0,1fr)}}
.step{position:relative;padding:22px 20px 20px;border:1px solid var(--line);background:var(--panel);overflow:hidden}
.step b{position:absolute;right:12px;top:-6px;font-family:var(--f-head);font-weight:900;font-size:76px;color:rgba(12,246,156,.09);line-height:1}
.step h3{font-size:24px;text-transform:uppercase;color:var(--heading);margin-bottom:8px}
.step p{margin:0;color:#c3c9ca;max-width:40ch}
.home-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:22px}
@media (max-width:860px){.home-cols{grid-template-columns:minmax(0,1fr)}}
.journal .nm a{color:var(--text);text-decoration:none}
.journal .nm a:hover{color:var(--signal)}
.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;margin-top:18px}
.pod{position:relative;display:grid;justify-items:center;gap:6px;padding:16px 8px 40px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent);text-decoration:none;color:var(--text);text-align:center;min-width:0}
.pod .av{width:52px;height:52px}
.pod b{font-family:var(--f-head);font-size:17px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pod span{font-family:var(--f-mono);font-size:12px;color:var(--mute)}
.pod i{position:absolute;bottom:0;left:0;right:0;font-style:normal;font-family:var(--f-head);font-weight:900;font-size:22px;padding:4px;color:#04150e;background:var(--mute)}
.pod.p1{padding-top:26px;border-color:rgba(255,176,32,.5)}.pod.p1 i{background:var(--r-ur)}.pod.p1 .av{width:64px;height:64px;box-shadow:0 0 0 2px var(--r-ur)}
.pod.p2 i{background:#c9d1d4}.pod.p3 i{background:#c98a4b}
a.pod:hover{border-color:var(--signal)}
.rarity-ladder ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.rarity-ladder li{display:grid;grid-template-columns:36px 130px minmax(0,1fr) 70px 80px;gap:12px;align-items:center}
.rarity-ladder .lbar{height:8px;background:var(--line);border-radius:4px;overflow:hidden}
.rarity-ladder .lbar i{display:block;height:100%;background:var(--rc);box-shadow:0 0 8px var(--rc)}
.rarity-ladder .odds,.rarity-ladder .own{font-family:var(--f-mono);font-size:12.5px;color:var(--mute);text-align:right}
@media (max-width:560px){.rarity-ladder li{grid-template-columns:36px minmax(0,1fr) 64px}.rarity-ladder .lbar,.rarity-ladder .own{display:none}}
.shopcta{display:grid;gap:4px;text-decoration:none;color:var(--text)}
.shopcta b{font-family:var(--f-head);font-size:20px;text-transform:uppercase}
.shopcta span:last-child{color:var(--mute);font-size:14px}
.shopcta:hover{border-color:var(--signal)}

/* ---------- classements ---------- */
.mypos{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:16px 20px;margin-bottom:20px;border:1px solid rgba(12,246,156,.55);background:linear-gradient(90deg,rgba(12,246,156,.1),rgba(12,246,156,.02))}
.mp-id{display:flex;align-items:center;gap:12px}
.mp-id .av{width:48px;height:48px}
.mp-id div{display:grid}
.mp-id .eyebrow{margin:0}
.mp-rank{font-family:var(--f-head);font-size:40px;font-weight:900;color:var(--signal);line-height:1;text-shadow:0 0 16px rgba(12,246,156,.4)}
.mp-all{display:flex;gap:22px;flex-wrap:wrap;margin:0;flex:1}
.mp-all dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.mp-all dd{margin:0;font-family:var(--f-head);font-weight:800;font-size:22px}
.mp-all dd small{font-family:var(--f-mono);font-size:12px;color:var(--mute);font-weight:400}
.mp-all .on dd{color:var(--signal)}
.lb th.on,.lb td.on{color:var(--signal)}
.lb td.on{font-weight:600}
.lb .rk{width:56px}
.lb .rk.top{color:var(--r-ur)}

/* ---------- joueurs ---------- */
.players{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.ptile{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"av name" "av stats" "bar bar" "pc pc";gap:4px 12px;align-items:center;padding:16px;border:1px solid var(--line);background:var(--panel);color:var(--text);text-decoration:none}
.ptile:hover{border-color:var(--signal)}
.ptile.mine{border-color:rgba(12,246,156,.6)}
.ptile .av{grid-area:av;width:46px;height:46px}
.ptile b{grid-area:name;font-family:var(--f-head);font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:44px}
.ptile .rk{position:absolute;top:12px;right:14px;font-family:var(--f-head);font-weight:900;font-size:20px;color:var(--signal)}
.ptile .pstats{grid-area:stats;display:flex;gap:10px;font-family:var(--f-mono);font-size:12px;color:var(--mute)}
.ptile .progress{grid-area:bar;margin-top:10px}
.ptile .pcoll{grid-area:pc;font-family:var(--f-mono);font-size:11.5px;color:var(--mute)}

/* ---------- boutique ---------- */
.scrapbox{display:grid;justify-items:end;padding:10px 16px;border:1px solid rgba(12,246,156,.5);background:rgba(12,246,156,.06)}
.scrapbox span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.scrapbox b{font-family:var(--f-head);font-weight:900;font-size:34px;color:var(--signal);line-height:1;font-variant-numeric:tabular-nums}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}
.spack{display:grid;gap:10px;padding:16px;border:1px solid var(--line);background:var(--panel);position:relative}
.spack::before{content:"";position:absolute;top:-1px;left:-1px;width:16px;height:16px;border-top:2px solid var(--signal);border-left:2px solid var(--signal)}
.spack-art{position:relative;aspect-ratio:16/10;display:grid;place-items:center;color:var(--signal);overflow:hidden;
  background:linear-gradient(118deg,transparent 0 60%,rgba(12,246,156,.8) 60.4% 61.2%,transparent 61.6%),linear-gradient(160deg,#25302d,#0c100f);box-shadow:inset 0 0 0 1px rgba(12,246,156,.4)}
.spack-art svg{width:62%;height:auto;filter:drop-shadow(0 0 8px rgba(12,246,156,.6))}
.spack-art span{position:absolute;left:10px;bottom:6px;font-family:var(--f-stencil);font-size:15px;color:#fff;letter-spacing:.04em;text-transform:uppercase}
.spack h3{font-size:22px;text-transform:uppercase;color:var(--heading)}
.spack ul{margin:0;padding-left:18px;color:#c3c9ca;font-size:14px;display:grid;gap:3px}
.spack-buy{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:4px}
.price{font-family:var(--f-mono);font-size:13px;color:var(--mute)}
.price b{font-family:var(--f-head);font-size:26px;color:var(--signal);font-weight:900}
.tbl.dis input{width:76px;text-align:right;padding:6px 8px}
.tbl.dis .tag{height:18px;min-width:26px;font-size:11px;margin-right:6px}
.dis-foot{margin-top:14px}
.dis-foot .timer b{font-size:18px}

/* ---------- profil ---------- */
.ph-band{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.ph-id{display:flex;align-items:center;gap:18px;min-width:0}
.ph-id .eyebrow{margin:0}
.ph-name{overflow-wrap:anywhere;margin:2px 0 8px}
.links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.lnk{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--text);text-decoration:none}
.lnk svg{width:16px;height:16px}
.lnk.discord svg{color:#8a95ff}.lnk.twitch svg{color:#a970ff}.lnk.youtube svg{color:#ff3b3b}
a.lnk:hover{border-color:var(--signal)}
.ranks{display:flex;gap:10px;margin:0;flex-wrap:wrap}
.ranks div{padding:10px 16px;border:1px solid var(--line);background:var(--panel);text-align:center;min-width:110px}
.ranks dt{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.ranks dd{margin:0;font-family:var(--f-head);font-weight:900;font-size:30px;color:var(--signal)}
.tiles6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:22px}
@media (max-width:900px){.tiles6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:480px){.tiles6{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tiles6 div{border:1px solid var(--line);background:var(--panel);padding:14px}
.tiles6 b{display:block;font-family:var(--f-head);font-weight:800;font-size:28px;color:var(--heading);font-variant-numeric:tabular-nums;line-height:1.1}
.tiles6 span{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
#profileBody{display:grid;gap:22px}
#profileBody>.slash{margin-block:0}
.big-pc{font-family:var(--f-head);font-weight:900;font-size:34px;color:var(--signal);text-shadow:0 0 14px rgba(12,246,156,.35)}
.progress.fat{height:14px;border-radius:7px;margin:12px 0 8px}
.rbars{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 20px}
@media (max-width:640px){.rbars{grid-template-columns:minmax(0,1fr)}}
.rbars li{display:grid;grid-template-columns:36px minmax(0,1fr) 48px;gap:10px;align-items:center}
.rbars .lbar{height:7px;background:var(--line);border-radius:4px;overflow:hidden}
.rbars .lbar i{display:block;height:100%;background:var(--rc)}
.rbars .own{font-family:var(--f-mono);font-size:12px;color:var(--mute);text-align:right}
.vpodium{display:grid;grid-template-columns:repeat(3,minmax(0,200px));justify-content:center;gap:18px;align-items:end;margin:18px 0 26px}
.vp{position:relative;display:grid;gap:0}
.vp i{display:block;text-align:center;font-style:normal;font-family:var(--f-head);font-weight:900;color:#04150e;padding:4px}
.vp.p1 i{background:var(--r-ur);padding-block:22px}.vp.p2 i{background:#c9d1d4;padding-block:12px}.vp.p3 i{background:#c98a4b;padding-block:6px}
.vp.p1{transform:translateY(-4px)}
.vten{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
@media (max-width:640px){.vpodium{gap:8px}.vten{grid-template-columns:repeat(3,minmax(0,1fr))}}
.vslot{display:block;border:0;padding:0;background:none;cursor:zoom-in;min-width:0}
.vslot.empty{aspect-ratio:5/7;border:1.5px dashed var(--line);display:grid;place-items:center;color:var(--mute);font-family:var(--f-mono);font-size:12px;cursor:default;border-radius:4.8%/3.4%}
.ach{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.ach li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start;padding:12px;border:1px solid var(--line);background:var(--panel2);opacity:.62}
.ach li.ok{opacity:1;border-color:rgba(12,246,156,.45);background:linear-gradient(135deg,rgba(12,246,156,.09),var(--panel2) 60%)}
.medal{width:40px;height:40px;display:grid;place-items:center;color:var(--mute)}
.ach li.ok .medal{color:var(--signal);filter:drop-shadow(0 0 6px rgba(12,246,156,.6))}
.medal svg{width:36px;height:36px}
.ach b{display:block;font-family:var(--f-head);font-size:16px;text-transform:uppercase}
.ach small{display:block;color:var(--mute);font-size:12.5px;margin:2px 0 6px}
.ach em{font-style:normal;font-family:var(--f-mono);font-size:11px;color:var(--mute)}
.ach .progress{margin:0 0 3px;height:4px}
.linkrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line)}
.linkrow:first-of-type{border-top:0}
.linkrow .lnk{width:110px}
.linkrow input{flex:1;min-width:200px}
.danger-zone{border-color:rgba(255,74,61,.35)}
.danger-zone::before{border-color:var(--r-l)!important}
.danger-zone p{color:#c3c9ca;max-width:70ch}

/* ---------- vitrine : sélection ---------- */
.picker{align-content:start;gap:16px;max-width:1180px}
.pick-sel{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;width:100%}
.psl{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--line);background:var(--panel);font-size:13px;text-align:left;min-width:0}
.psl span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.psl i{font-style:normal;font-family:var(--f-mono);font-size:11px;color:var(--mute);width:18px}
.psl.pod{border-color:rgba(255,176,32,.5)}
.psl .tag{height:18px;min-width:26px;font-size:11px}
.psl .dim{color:var(--mute)}
.psl:not(:disabled):hover{border-color:var(--r-l)}
.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;width:100%}
.pk{position:relative;border:0;padding:0;background:none;opacity:.55;transition:opacity .15s,transform .15s}
.pk:hover{opacity:.9}
.pk.on{opacity:1;transform:translateY(-4px)}
.pk.on .card{outline:2px solid var(--signal);outline-offset:3px}
.pk-n{position:absolute;top:-8px;right:-6px;z-index:2;min-width:24px;height:24px;display:grid;place-items:center;border-radius:12px;background:var(--signal);color:#04150e;font-family:var(--f-mono);font-size:12px;font-weight:500}

/* ---------- ouverture ---------- */
.row{grid-template-columns:repeat(var(--n,5),minmax(0,1fr))}
#row{max-width:calc(var(--n,5) * 220px)}

/* ---------- contact et légal ---------- */
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
@media (max-width:760px){.contact-grid{grid-template-columns:minmax(0,1fr)}}
.contact-grid h2{display:flex;align-items:center;gap:8px}
.contact-grid h2 svg{width:22px;height:22px;color:#8a95ff}
.contact-grid p{color:#c3c9ca}
.mailline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.mailline code{font-family:var(--f-mono);font-size:15px;color:var(--signal)}
.legal{max-width:78ch}
.legal h2{font-size:22px;margin:28px 0 8px}
.legal p,.legal li{color:#c9cfd0;line-height:1.65}
.legal ul{padding-left:20px;display:grid;gap:6px}
.soon{max-width:440px;text-align:center;display:grid;gap:12px;justify-items:center}

/* ---------- pied de page ---------- */
footer{padding-block:0!important}
.foot-in{display:flex;justify-content:space-between;align-items:center;gap:16px 28px;flex-wrap:wrap;padding-block:22px 34px}
.foot-in p{margin:0}
.foot-links{display:flex;gap:18px;flex-wrap:wrap}
.foot-links a{color:var(--mute);text-decoration:none;font-size:13.5px}
.foot-links a:hover{color:var(--signal)}
@media (max-width:700px){.row{grid-template-columns:repeat(3,minmax(0,1fr))}}
.hero-fan{overflow-x:clip;overflow-y:visible}

/* en-tête sur une ligne : le menu défile si la place manque */
.logo{white-space:nowrap;flex:none}
.tools{flex:none}
nav#mainNav{flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;display:flex}
nav#mainNav::-webkit-scrollbar{display:none}
nav#mainNav a{display:inline-flex;align-items:center;white-space:nowrap;flex:none}
@media (max-width:1180px) and (min-width:761px){.bar{flex-wrap:wrap}nav#mainNav{order:3;flex-basis:100%}}

/* timer de réserve dans l'en-tête */
.hdr-timer{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);background:rgba(0,0,0,.35);color:var(--mute);text-decoration:none;font-family:var(--f-mono);font-size:12.5px;white-space:nowrap;font-variant-numeric:tabular-nums}
.hdr-timer b{color:var(--text);font-weight:500}
.hdr-timer:hover{border-color:var(--signal)}
.hdr-timer .pips{display:flex;gap:2px}
.hdr-timer .pips i{width:4px;height:12px;border-radius:1px;background:var(--line)}
.hdr-timer .pips i.on{background:var(--signal);box-shadow:0 0 4px rgba(12,246,156,.6)}
@media (max-width:1280px){.hdr-timer .pips{display:none}}
@media (max-width:760px){.hdr-timer{padding:6px 8px;font-size:11.5px}}
/* pack caché */
.rev-extra{margin:8px auto 0;padding:10px 18px;border:1px solid var(--r-ur);background:rgba(255,176,32,.14);color:#ffe2a6;font-weight:600;font-size:16px;box-shadow:0 0 22px rgba(255,176,32,.35);animation:popin .5s cubic-bezier(.2,.9,.3,1.4)}
@keyframes popin{from{transform:scale(.7);opacity:0}}
.rev-extra b{color:var(--r-ur)}


.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.hero-stats div{grid-template-rows:1fr auto;align-items:end}
.hero-stats dt{letter-spacing:.12em;line-height:1.35}
.hero-stats dd{font-size:clamp(24px,2.6vw,34px)}
@media (max-width:560px){.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hdr-timer svg{width:15px;height:15px;color:var(--signal)}
@media (max-width:1760px){.hdr-timer .pips,.hdr-timer .plus1{display:none}.btn.support span{display:none}.btn.support{padding:8px 10px}.me .who{display:none}}
@media (max-width:1360px) and (min-width:761px){.bar{flex-wrap:wrap}nav#mainNav{order:3;flex-basis:100%}}
@media (max-width:1500px){nav#mainNav a{font-size:16px;padding:6px 8px}.bar{gap:14px}}
header .wrap{max-width:1720px}

/* logo DeltaRise */
.logo svg.lg{width:32px;height:32px}
.pack .big svg.lg{width:70px;height:70px}
.fan-logo{position:absolute;width:86%;height:auto;color:var(--signal);opacity:.10;filter:drop-shadow(0 0 30px rgba(12,246,156,.6))}
.hero-fan::before{display:none}

/* ---------- bouton Soutenir (style café) ---------- */
.support{display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 12px;border-radius:999px;text-decoration:none;
  font-family:var(--f-head);font-weight:800;font-size:16px;letter-spacing:.01em;color:#2a1405;
  background:linear-gradient(135deg,#ffd27a 0%,#ffb020 45%,#ff7a3d 100%);
  box-shadow:0 0 0 1px rgba(255,210,122,.55),0 6px 18px rgba(255,140,40,.35);transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}
.support::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 62%);background-size:250% 100%;animation:sweep 3.6s linear infinite;pointer-events:none}
.support svg{width:19px;height:19px;flex:none}
.support:hover{transform:translateY(-1px) rotate(-1deg);box-shadow:0 0 0 1px rgba(255,230,170,.8),0 10px 26px rgba(255,140,40,.5)}
.support.big{font-size:20px;padding:14px 26px}
.btn.support{border:0}
@media (max-width:1760px){.support span{display:inline}}
@media (max-width:1200px){.support span{display:none}.support{padding:8px 10px}}

/* ---------- langue : FR / EN ---------- */
.langbtn{font-family:var(--f-head);font-weight:800;font-size:15px;letter-spacing:.06em;color:var(--text);min-width:42px;height:36px;justify-content:center;padding:0 10px}
.langbtn:hover{color:var(--signal)}

/* ---------- déconnexion ---------- */
.logout{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:1px solid #4a5357;background:rgba(0,0,0,.35);color:var(--mute);font-size:13.5px;font-weight:600;border-radius:2px}
.logout svg{width:17px;height:17px}
.logout:hover{color:#ffb3ad;border-color:rgba(255,74,61,.6)}
@media (max-width:1760px){.logout span{display:none}}

/* ---------- avatars toujours ronds et pleins ---------- */
img.av,.me img{flex:none;aspect-ratio:1/1;object-fit:cover;object-position:center;border-radius:50%;display:block;background:var(--panel2);max-width:none}
.ph-av{flex:none;display:block;line-height:0}

/* ---------- choix de série ---------- */
.setpick{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.sp{display:grid;grid-template-columns:auto auto;grid-template-areas:"code name" "code count";column-gap:10px;text-align:left;padding:10px 14px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:2px;min-width:170px}
.sp i{grid-area:code;font-style:normal;font-family:var(--f-stencil);font-size:22px;color:var(--mute);align-self:center}
.sp b{grid-area:name;font-family:var(--f-head);font-size:16px;text-transform:uppercase}
.sp span{grid-area:count;font-family:var(--f-mono);font-size:11.5px;color:var(--mute)}
.sp:hover{border-color:var(--signal)}
.sp.on{border-color:var(--spc,var(--signal));background:color-mix(in srgb,var(--spc,#0cf69c) 8%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--spc,#0cf69c) 20%,transparent)}
.sp.on i,.sp:hover i{color:var(--spc,var(--signal))}

/* ---------- page soutenir ---------- */
.sup-hero{position:relative;display:grid;gap:14px;justify-items:start;padding-block:10px}
.sup-logo{position:absolute;right:0;top:-10px;width:min(320px,38vw);height:auto;color:var(--signal);opacity:.12;pointer-events:none}
.sup-note p{color:#c9cfd0;margin:6px 0}

/* ---------- liens Twitch / YouTube ---------- */
.note.good{color:var(--signal)}
.note.bad{color:#ff8a80}
#linkConfirm em{display:block;font-style:normal;color:var(--r-ur);margin-top:4px}
#linkConfirm b{color:var(--text);font-family:var(--f-mono);font-size:13px;overflow-wrap:anywhere}

/* ---------- vitrine : recherche et effet 3D ---------- */
.pick-search{width:min(520px,100%);justify-self:center}
.vslot,.slotA,.fan-card{perspective:900px}
.vslot .card,.slotA .card{transition:transform .18s ease-out;will-change:transform}
@media (prefers-reduced-motion:reduce){.vslot .card,.slotA .card{transform:none!important}}

.admbtn{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,176,32,.55);color:var(--r-ur);border-radius:2px}
.admbtn svg{width:18px;height:18px}
.admbtn:hover{background:rgba(255,176,32,.1)}

/* bandeau direct : carte cliquable à la couleur de sa rareté */
.lv-card{border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--rc);cursor:zoom-in;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color .15s}
.lv-card:hover{text-decoration-color:currentColor}
.live-list li.r-C .lv-card{color:#d4d8d9}
/* pied de page : soutenir + langue */
.foot-links{align-items:center}
.foot-support{display:inline-flex;align-items:center;gap:6px;color:var(--r-ur)!important;font-weight:600}
.foot-support svg{width:16px;height:16px}
.foot-lang{border:1px solid #4a5357;background:none;color:var(--mute);font-size:13px;padding:5px 10px;border-radius:2px}
.foot-lang:hover{color:var(--signal);border-color:var(--signal)}
.shop-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.spack{max-width:300px}

/* ---------- Carte booster et god pack ---------- */
.bcard{--rc:#ffb020;background:radial-gradient(120% 80% at 50% 0%,#4a3510,#15120a 70%);box-shadow:0 0 0 1.4cqw #ffb020 inset,0 0 30px rgba(255,176,32,.5),0 12px 26px rgba(0,0,0,.55)}
.bc-in{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:2.5cqw;text-align:center;padding:8cqw;color:#ffe2a6}
.bc-lg{width:30cqw;height:30cqw;color:#ffb020;filter:drop-shadow(0 0 3cqw rgba(255,176,32,.6))}
.bc-k{font-family:var(--f-head);font-weight:800;font-size:8cqw;letter-spacing:.08em;text-transform:uppercase}
.bc-n{font-family:var(--f-stencil,var(--f-head));font-size:30cqw;line-height:.9;color:#ffb020;text-shadow:0 0 4cqw rgba(255,176,32,.6)}
.bc-u{font-family:var(--f-head);font-weight:700;font-size:9cqw;text-transform:uppercase;letter-spacing:.06em}
.bc-in small{font-size:5.2cqw;line-height:1.2;color:#e9cf9a;opacity:.85}
.bslot{--rc:#ffb020}
.rev-extra.godmsg,#reveal.god .rev-extra{border-color:#ff4fd8;background:rgba(255,79,216,.12);color:#ffd2f4;box-shadow:0 0 26px rgba(255,79,216,.4)}
.rev-extra.godmsg b,#reveal.god .rev-extra b{color:#ff8ae6}
#reveal.god{background-image:radial-gradient(60% 50% at 50% 40%,rgba(255,79,216,.14),transparent 70%)}
.ach li .claim{display:flex;width:max-content;margin-top:8px}
.ach li.claimed .medal{color:var(--signal)}
.ach .rw{font-family:var(--f-mono);font-size:11.5px;color:var(--mute);margin-left:6px}
.btn.sm{padding:5px 12px;font-size:13px;min-height:0}
#reveal.god .slot:not(.open) .cback{box-shadow:inset 0 0 0 2.2cqw #2a1626,inset 0 0 0 calc(2.2cqw + 1px) rgba(255,79,216,.7),0 0 26px rgba(255,79,216,.45)}
#reveal.god .slot:not(.open) .cback svg{color:#ff6fe0;filter:drop-shadow(0 0 3cqw rgba(255,79,216,.6))}

/* ---------- Effets d'ouverture : teasers sur le dos des cartes ---------- */
.slot .tz{position:absolute;inset:0;pointer-events:none;border-radius:4.8% / 3.4%;z-index:2}
/* brillante : le dos scintille */
.slot.tz-s .tz{box-shadow:0 0 0 2px rgba(235,245,255,.75),0 0 18px rgba(220,235,255,.55);
  background:radial-gradient(circle at 22% 18%,#fff 0 1.5px,transparent 3px),radial-gradient(circle at 76% 30%,#fff 0 1.2px,transparent 3px),radial-gradient(circle at 40% 72%,#fff 0 1.5px,transparent 3px),radial-gradient(circle at 82% 82%,#fff 0 1px,transparent 2.5px),radial-gradient(circle at 15% 58%,#fff 0 1px,transparent 2.5px),
    linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 48%,transparent 62%);
  background-size:auto,auto,auto,auto,auto,260% 100%;animation:twinkle 1.4s ease-in-out infinite,sweepTz 2.4s linear infinite}
@keyframes twinkle{50%{opacity:.55}}
@keyframes sweepTz{from{background-position:0 0,0 0,0 0,0 0,0 0,130% 0}to{background-position:0 0,0 0,0 0,0 0,0 0,-130% 0}}
/* rainbow : le dos change de couleur */
.slot.tz-r .tz{background:conic-gradient(from 0deg,#ff5b5b,#ffc65b,#8cff6b,#5bd8ff,#9a6bff,#ff5bd2,#ff5b5b);mix-blend-mode:color;opacity:.5;
  box-shadow:0 0 0 2px rgba(255,255,255,.7),0 0 24px rgba(160,140,255,.6);animation:hue 2.5s linear infinite}
/* légendaire : le dos tremble et rougeoie */
.slot.tz-L:not(.open) .flip{animation:rumble 2.2s ease-in-out infinite}
.slot.tz-L:not(.open) .cback{box-shadow:inset 0 0 0 2.2cqw #2a1516,inset 0 0 0 calc(2.2cqw + 1px) rgba(234,79,82,.8),0 0 28px rgba(234,79,82,.55)}
.slot.tz-L:not(.open) .cback svg{color:#ff6b6e;filter:drop-shadow(0 0 3cqw rgba(234,79,82,.7))}
.slot.tz-L.tz-r .tz,.slot.tz-L.tz-s .tz{z-index:2}
@keyframes rumble{0%,62%,100%{transform:none}66%{transform:translate(-2px,1px) rotate(-1.2deg)}70%{transform:translate(2px,-1px) rotate(1.2deg)}74%{transform:translate(-2px,0) rotate(-.8deg)}78%{transform:translate(1px,1px) rotate(.6deg)}82%{transform:none}}
.slot.open .tz{display:none}

/* ---------- gerbes de particules ---------- */
.fx{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:5}
.fx i{position:absolute;left:0;top:0;width:var(--s);height:var(--s);margin:calc(var(--s) / -2);border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c),0 0 2px #fff;
  animation:fly .95s cubic-bezier(.15,.75,.3,1) var(--d) both}
.fx-s i:nth-child(odd){border-radius:1px;transform:rotate(45deg)}
@keyframes fly{0%{transform:translate(0,0) scale(.4);opacity:1}70%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}
.fx-flash{position:absolute;left:-120px;top:-160px;width:240px;height:320px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,.35) 45%,transparent);animation:flash .6s ease-out both}
.fx-r .fx-flash{background:radial-gradient(closest-side,#fff,rgba(255,180,240,.5) 40%,rgba(120,200,255,.25) 65%,transparent)}
.fx-ring{position:absolute;left:-60px;top:-60px;width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.85);animation:ring .8s ease-out both}
.fx-r .fx-ring{border-color:transparent;background:conic-gradient(#ff5b5b,#ffc65b,#8cff6b,#5bd8ff,#9a6bff,#ff5bd2,#ff5b5b) border-box;-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(closest-side,transparent calc(100% - 5px),#000 calc(100% - 4px))}
.fx.big .fx-flash{left:-300px;top:-300px;width:600px;height:600px}
.fx.big .fx-ring{left:-160px;top:-160px;width:320px;height:320px;border-width:4px}
.fx-L .fx-ring{border-color:rgba(255,190,120,.9)}
@keyframes flash{0%{opacity:0;transform:scale(.6)}25%{opacity:1}100%{opacity:0;transform:scale(1.25)}}
@keyframes ring{0%{transform:scale(.3);opacity:1}100%{transform:scale(2.4);opacity:0}}
/* rainbow : la carte reste mise en avant une seconde */
.slot.spot{z-index:3;transform:scale(1.1);transition:transform .35s cubic-bezier(.2,.9,.3,1.3)}
.slot{transition:transform .35s}

/* ---------- cinématique Légendaire ---------- */
.cine{--cc:#ea4f52;position:fixed;inset:0;z-index:200;display:grid;place-items:center;overflow:hidden;background:rgba(3,5,6,.97);animation:cineIn .35s ease-out both;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cine.out{animation:cineOut .35s ease-in both}
@keyframes cineIn{from{opacity:0}}
@keyframes cineOut{to{opacity:0}}
.cine-s{--cc:#dfe9ee}
.cine-r{--cc:#b46bff}
.cine-glow{position:absolute;width:70vmin;height:70vmin;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--cc) 55%,transparent),transparent);opacity:0;animation:glowUp 1.6s .3s ease-in forwards,glowPulse 2.4s 2.1s ease-in-out infinite}
@keyframes glowUp{to{opacity:.9;transform:scale(1.15)}}
@keyframes glowPulse{0%,100%{opacity:.75}50%{opacity:.45}}
.cine-rays{position:absolute;width:180vmax;height:180vmax;opacity:0;
  background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--cc) 38%,transparent) 0deg 6deg,transparent 6deg 18deg);
  -webkit-mask:radial-gradient(closest-side,#000 8%,transparent 62%);mask:radial-gradient(closest-side,#000 8%,transparent 62%);
  animation:raysIn .6s 1.7s ease-out forwards,spin 24s 1.7s linear infinite}
.cine-r .cine-rays{background:repeating-conic-gradient(from 0deg,rgba(255,91,91,.4) 0deg 6deg,transparent 6deg 12deg,rgba(255,198,91,.4) 12deg 18deg,transparent 18deg 24deg,rgba(91,216,255,.4) 24deg 30deg,transparent 30deg 36deg,rgba(154,107,255,.4) 36deg 42deg,transparent 42deg 48deg)}
@keyframes raysIn{to{opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}
.cine-stage{position:relative;perspective:1200px;z-index:2}
.cine-card{width:min(290px,60vw);animation:cardIn .5s .2s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes cardIn{from{transform:translateY(60px) scale(.6);opacity:0}}
.cine-flip{position:relative;aspect-ratio:5/7;transform-style:preserve-3d;
  animation:shake 1.3s .5s ease-in both,spinIn 1s 1.95s cubic-bezier(.2,.8,.25,1) forwards}
.cine-flip>div{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.cine-flip .cf{transform:rotateY(180deg)}
.cine-flip .cback{box-shadow:inset 0 0 0 2.2cqw #2a1516,inset 0 0 0 calc(2.2cqw + 1px) var(--cc),0 0 40px color-mix(in srgb,var(--cc) 70%,transparent)}
.cine-flip .cback svg{color:var(--cc)}
@keyframes shake{0%{transform:none}20%{transform:translate(-2px,1px) rotate(-1deg)}35%{transform:translate(3px,-2px) rotate(1.5deg)}50%{transform:translate(-4px,2px) rotate(-2deg)}65%{transform:translate(5px,-1px) rotate(2.5deg)}80%{transform:translate(-6px,2px) rotate(-3deg) scale(1.03)}90%{transform:translate(6px,-2px) rotate(3deg) scale(1.05)}100%{transform:scale(1.06)}}
@keyframes spinIn{0%{transform:scale(1.06) rotateY(0)}60%{transform:scale(1.22) rotateY(800deg)}100%{transform:scale(1.12) rotateY(900deg)}}
.cine-flash{position:absolute;inset:0;background:#fff;opacity:0;z-index:3;pointer-events:none;animation:whiteout .55s 1.85s ease-out both}
@keyframes whiteout{0%{opacity:0}30%{opacity:.95}100%{opacity:0}}
.cine-txt{position:absolute;left:0;right:0;bottom:max(9vh,64px);z-index:4;display:grid;justify-items:center;gap:4px;text-align:center;opacity:0;animation:txtIn .5s 2.85s cubic-bezier(.2,.9,.3,1.2) forwards;padding:0 16px}
.cine-txt span{font-family:var(--f-mono);font-size:13px;letter-spacing:.35em;text-transform:uppercase;color:var(--cc)}
.cine-r .cine-txt span{background:linear-gradient(90deg,#ff5b5b,#ffc65b,#8cff6b,#5bd8ff,#9a6bff,#ff5bd2);-webkit-background-clip:text;background-clip:text;color:transparent}
.cine-txt b{font-family:var(--f-head);font-weight:800;font-size:clamp(28px,6vw,52px);text-transform:uppercase;line-height:1;color:#fff;text-shadow:0 0 24px color-mix(in srgb,var(--cc) 80%,transparent)}
@keyframes txtIn{from{opacity:0;transform:translateY(24px) scale(.9)}to{opacity:1;transform:none}}
.cine-skip{position:absolute;bottom:22px;left:0;right:0;text-align:center;margin:0;font-family:var(--f-mono);font-size:12px;color:var(--mute);opacity:0;z-index:4;transition:opacity .4s}
.cine.ready .cine-skip{opacity:1}
.cine .fx{z-index:3}
/* toucher avant la fin : on saute directement au résultat */
.cine.skip *{animation-duration:1ms!important;animation-delay:0s!important}
.cine.skip .cine-flash{display:none}
@media (max-width:560px){.cine-txt{bottom:56px}}

/* séries promotion et packs offerts */
.sp{position:relative}
.sp .gift{position:absolute;top:-9px;right:-6px;font-style:normal;font-family:var(--f-head);font-weight:800;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:3px;background:var(--spc,var(--signal));color:#071210;box-shadow:0 0 12px color-mix(in srgb,var(--spc,#0cf69c) 50%,transparent)}
.sp.promo{border-style:dashed}

/* biographie du profil */
.bio{margin:6px 0 2px;max-width:62ch}
.bio-t{margin:0 0 4px;white-space:pre-line;overflow-wrap:anywhere;color:#d6dcdc;font-size:15.5px;line-height:1.55;border-left:2px solid var(--signal);padding-left:12px}
.bio-t.empty{color:var(--mute);border-left-color:var(--line);font-style:italic}
.bio-edit{display:grid;gap:8px;margin-top:4px}
.bio-edit textarea{width:100%;resize:vertical;min-height:96px;font:inherit;font-size:15px;padding:10px 12px;background:rgba(0,0,0,.35);color:var(--text,#fff);border:1px solid var(--line);border-radius:2px}
.bio-edit textarea:focus{outline:2px solid var(--signal);outline-offset:1px}
.bio-bar{display:flex;gap:10px;align-items:center;justify-content:flex-end}
.bio-bar .timer{margin-right:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bio-edit{width:min(560px,100%)}

/* podium du classement : petite entrée à chaque changement d'onglet */
.lbpod-wrap{margin-bottom:18px}
.lbpod-wrap .podium{margin-top:6px;max-width:760px;margin-inline:auto}
#lbPodium.swap .pod{animation:podIn .45s cubic-bezier(.2,.9,.3,1.2) both}
#lbPodium.swap .pod.p1{animation-delay:.08s}#lbPodium.swap .pod.p3{animation-delay:.14s}
@keyframes podIn{from{opacity:0;transform:translateY(16px)}}

/* minuteur du haut : néon qui fait le tour au survol */
@property --na{syntax:'<angle>';inherits:false;initial-value:0deg}
.hdr-timer{position:relative;isolation:isolate}
.hdr-timer::before{content:"";position:absolute;inset:-1px;padding:1.5px;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;
  background:conic-gradient(from var(--na),transparent 0 62%,rgba(12,246,156,.25) 72%,#0cf69c 86%,#eafff6 90%,#0cf69c 93%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  filter:drop-shadow(0 0 4px #0cf69c) drop-shadow(0 0 8px rgba(12,246,156,.7))}
.hdr-timer:hover::before,.hdr-timer:focus-visible::before{opacity:1;animation:neonRun 1.6s linear infinite}
.hdr-timer:hover{border-color:rgba(12,246,156,.35);box-shadow:0 0 16px rgba(12,246,156,.18),inset 0 0 12px rgba(12,246,156,.08)}
@keyframes neonRun{to{--na:360deg}}
@media (prefers-reduced-motion:reduce){.hdr-timer:hover::before{animation:none;background:#0cf69c}}

/* bouton Soutenir : le reflet blanc passe beaucoup moins souvent */
.support::after{animation:supportShine 11s ease-in-out infinite}
@keyframes supportShine{0%,86%{background-position:130% 0}100%{background-position:-130% 0}}
/* onglet Ouvrir : titre discret, le paquet passe devant */
#v-ouvrir h1{font-size:clamp(24px,2.6vw,34px);line-height:1.05;margin:4px 0 0}
#v-ouvrir h1 br{display:none}
#v-ouvrir .desk>div>div:first-child .slash,#v-ouvrir .desk .slash{display:none}
#v-ouvrir .setpick .sp{padding:8px 12px}
#v-ouvrir #openBtn{white-space:nowrap}
#v-ouvrir #recycleBtn{font-size:14px;padding:8px 14px}
#v-ouvrir .file .stats span{letter-spacing:.1em}
/* bio mise en forme */
.bio-t.md{white-space:normal;display:grid;gap:2px}
.bio-t.md h3{font-size:18px}.bio-t.md h4{font-size:15px}
.bio-t.md img{max-height:180px}
.bio-edit .mdbar{display:flex;flex-wrap:wrap;gap:4px}
.bio-edit .mdbar button{min-width:32px;height:30px;padding:0 8px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);font:600 13px inherit;cursor:pointer;border-radius:2px}
.bio-edit .mdbar button:hover{border-color:var(--signal);color:var(--signal)}
.bio-edit .emojis{display:flex;flex-wrap:wrap;gap:2px;padding:6px;border:1px solid var(--line);background:rgba(0,0,0,.3);max-height:140px;overflow:auto}
.bio-edit .emojis button{width:32px;height:32px;font-size:19px;background:none;border:0;cursor:pointer;border-radius:3px}
.bio-edit .emojis button:hover{background:rgba(255,255,255,.08)}
.bio-edit .mdhelp{margin:0;font-family:var(--f-mono);font-size:11.5px;color:var(--mute);line-height:1.6}
.bio-prev{display:grid;gap:4px}
.bio-prev .eyebrow{margin:0;font-size:10px}
.bio-t .empty{color:var(--mute);font-style:italic}
/* page Soutenir */
.sup-url{margin:6px 0 0;font-family:var(--f-mono);font-size:12.5px}
.sup-faq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.sup-faq h2{font-size:20px;margin:0 0 8px}
.sup-faq p{margin:0;color:#c9cfd0;line-height:1.6}
.sup-faq a{color:var(--signal)}
@media (max-width:900px){.sup-faq{grid-template-columns:minmax(0,1fr)}}
.contact-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))!important;max-width:980px}
.spack-miss{margin:-4px 0 2px;font-size:13.5px;color:#ffb020}
.spack-miss b{font-family:var(--f-head);font-size:15px}
.spack-miss.done{color:var(--signal)}
/* probabilités de la boutique */
.shop-odds{margin-top:22px}
.shop-odds .chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 12px}
.odds-t td{vertical-align:middle}
.odds-t td:not(:first-child){min-width:200px}
.odds-t .lbar{display:inline-block;width:120px;height:6px;background:rgba(255,255,255,.06);vertical-align:middle;margin-right:10px;position:relative}
.odds-t .lbar i{position:absolute;inset:0 auto 0 0;background:var(--rc,var(--signal))}
.odds-t .odds{font-family:var(--f-mono);font-size:13px}
.odds-t .na{color:var(--mute);text-align:left}
@media (max-width:620px){.odds-t td:not(:first-child){min-width:0}.odds-t .lbar{width:60px}}