/* Micatan Direct — complète /commun/micatan.css. Grand écran (animateur) + téléphone (joueur, 360–390 px). */
:root{
  --rep-a:#d23c56; --rep-b:#2f66e0; --rep-c:#f0b23f; --rep-d:#0f8a66;
  --rep-a-l:#ff8ea0; --rep-b-l:#9cbcff; --rep-c-l:#ffd98a; --rep-d-l:#7fe3c2;
  --verre:rgba(255,255,255,.05);
}
.dx-av{width:100%;height:100%;display:block}
.dx-forme{width:1em;height:1em;flex-shrink:0}
.dx-vivant{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.dx-chiffres{font-variant-numeric:tabular-nums}
body.dx-scene .mc-barre,body.dx-scene .mc-pied{display:none}
body.dx-scene{overflow-x:hidden}

/* ---------- accueil ---------- */
.dx-accueil{padding-block:48px 72px;display:grid;gap:40px}
.dx-heros{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.dx-heros .mc-h1{margin:.2em 0 .35em}
.dx-heros-art{position:relative;aspect-ratio:1/1;max-width:440px;justify-self:center;width:100%}
.dx-heros-art svg{width:100%;height:100%}
.dx-choix{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.dx-choix .mc-panneau{display:grid;gap:14px;align-content:start}
.dx-code-saisie{font-family:var(--f-titre);font-size:2rem;letter-spacing:.32em;text-align:center;padding:14px 10px!important}
.dx-etapes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:e;margin:0;padding:0;list-style:none}
.dx-etapes li{counter-increment:e;padding:18px;border-left:2px solid var(--or-sombre);background:var(--verre);border-radius:0 var(--r-m) var(--r-m) 0}
.dx-etapes li::before{content:counter(e);font-family:var(--f-titre);font-size:1.6rem;color:var(--or);display:block;margin-bottom:4px}
.dx-garde{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dx-garde div{padding:16px 18px;border:1px solid var(--ligne-douce);border-radius:var(--r-m)}
.dx-garde b{display:block;margin-bottom:4px}
.dx-garde p{color:var(--doux);font-size:.92rem}
.dx-erreur{color:#ffb4b4;font-weight:600;min-height:1.4em}
@media (max-width:860px){.dx-heros,.dx-choix,.dx-etapes,.dx-garde{grid-template-columns:1fr}.dx-heros-art{max-width:260px;order:-1}}

/* ---------- vue joueur (téléphone) ---------- */
.dx-joueur{min-height:100dvh;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));gap:14px;max-width:560px;margin:0 auto}
.dx-jtete{display:flex;align-items:center;gap:10px;min-height:44px}
.dx-jtete .dx-mini{width:36px;height:36px;flex-shrink:0}
.dx-jtete b{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.dx-jtete .dx-jscore{margin-left:auto;font-family:var(--f-titre);font-weight:700;color:var(--or-clair);font-size:1.15rem;white-space:nowrap}
.dx-etat-cx{width:10px;height:10px;border-radius:50%;background:var(--ok);flex-shrink:0;box-shadow:0 0 0 3px rgba(71,209,140,.18)}
.dx-etat-cx[data-etat="perdu"],.dx-etat-cx[data-etat="connexion"]{background:var(--alerte);box-shadow:0 0 0 3px rgba(255,181,71,.2);animation:dx-pulse 1s infinite alternate}
@keyframes dx-pulse{to{opacity:.35}}
.dx-ecran{flex:1;display:flex;flex-direction:column;gap:16px}
.dx-ecran.centre{justify-content:center;text-align:center;align-items:center}
.dx-ecran h1,.dx-ecran h2{font-family:var(--f-titre)}
.dx-grand-av{width:120px;height:120px;filter:drop-shadow(0 12px 30px rgba(242,184,75,.25))}
.dx-avatars{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.dx-avatars button{aspect-ratio:1;border:2px solid transparent;border-radius:50%;background:none;padding:2px;min-height:44px}
.dx-avatars button[aria-pressed="true"]{border-color:var(--or);box-shadow:0 0 0 3px rgba(242,184,75,.25)}
.dx-teintes{display:flex;gap:8px;justify-content:space-between}
.dx-teintes button{width:38px;height:38px;border-radius:50%;border:2px solid transparent;min-width:38px}
.dx-teintes button[aria-pressed="true"]{border-color:#fff;box-shadow:0 0 0 3px var(--or)}
.dx-pseudo{font-size:1.3rem!important;font-weight:700;text-align:center}
.dx-btn-large{width:100%;min-height:58px;font-size:1.15rem}
.dx-equipes-j{display:grid;gap:8px}
.dx-equipes-j button{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:14px 16px;border-radius:14px;border:1px solid var(--ligne);background:var(--nuit-2);font-weight:700;min-height:52px;text-align:left}
.dx-equipes-j button[aria-pressed="true"]{border-color:var(--or);background:rgba(242,184,75,.12)}
.dx-q-mobile{font-weight:800;font-size:1.2rem;line-height:1.3}
.dx-meta{color:var(--doux);font-size:.85rem;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.dx-reps{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1;min-height:300px}
.dx-reps.vf{grid-template-columns:1fr}
.dx-rep{border:0;border-radius:18px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px;font-weight:800;font-size:1.02rem;line-height:1.25;text-align:left;min-height:120px;transition:transform .12s,opacity .2s,filter .2s;box-shadow:inset 0 -5px 0 rgba(0,0,0,.22)}
.dx-rep .dx-forme{font-size:1.9rem}
.dx-rep:active{transform:scale(.97)}
.dx-rep[data-i="0"]{background:var(--rep-a)}.dx-rep[data-i="1"]{background:var(--rep-b)}
.dx-rep[data-i="2"]{background:var(--rep-c);color:#2a1a00}.dx-rep[data-i="3"]{background:var(--rep-d)}
.dx-rep[aria-pressed="true"]{outline:4px solid #fff;outline-offset:3px}
.dx-reps.envoye .dx-rep:not([aria-pressed="true"]){opacity:.28;filter:saturate(.4)}
.dx-reps.envoye .dx-rep{pointer-events:none}
.dx-chrono-j{height:8px;border-radius:999px;background:var(--nuit-3);overflow:hidden}
.dx-chrono-j i{display:block;height:100%;background:linear-gradient(90deg,var(--or-sombre),var(--or-clair));transform-origin:left;transition:transform .25s linear}
.dx-saisie-nb{display:grid;gap:12px}
.dx-saisie-nb input{font-family:var(--f-titre);font-size:2.4rem;text-align:center;font-weight:700;padding:16px!important}
.dx-pret{font-family:var(--f-titre);font-size:5.5rem;color:var(--or);line-height:1}
.dx-retour{border-radius:24px;padding:28px 20px;display:grid;gap:8px;text-align:center;width:100%}
.dx-retour.bien{background:radial-gradient(circle at 50% 0,rgba(71,209,140,.35),rgba(71,209,140,.08) 70%);border:1px solid rgba(71,209,140,.5)}
.dx-retour.presque{background:radial-gradient(circle at 50% 0,rgba(255,154,77,.28),rgba(255,154,77,.06) 70%);border:1px solid rgba(255,154,77,.45)}
.dx-retour.neutre{background:var(--verre);border:1px solid var(--ligne)}
.dx-retour h2{font-size:2rem}
.dx-gain{font-family:var(--f-titre);font-size:3rem;font-weight:700;color:var(--or-clair);line-height:1}
.dx-ligne-stat{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:var(--doux);font-weight:600}
.dx-ligne-stat b{color:var(--texte)}
.dx-top-mobile{list-style:none;margin:0;padding:0;display:grid;gap:6px;width:100%}
.dx-top-mobile li{display:grid;grid-template-columns:28px 32px 1fr auto;gap:10px;align-items:center;padding:8px 12px;border-radius:12px;background:var(--verre);text-align:left}
.dx-top-mobile li.moi{background:rgba(242,184,75,.14);outline:1px solid var(--or-sombre)}
.dx-top-mobile .r{font-family:var(--f-titre);color:var(--or)}
.dx-top-mobile .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.dx-top-mobile svg{width:32px;height:32px}
.dx-explique{font-size:.88rem;color:var(--doux);border-left:2px solid var(--or-sombre);padding:4px 0 4px 12px;text-align:left}

/* ---------- vue animateur (grand écran) ---------- */
.dx-scene-in{min-height:100dvh;display:flex;flex-direction:column;padding:clamp(16px,2.2vw,36px) clamp(16px,3vw,56px);gap:clamp(14px,2vh,28px);background:
  radial-gradient(900px 520px at 50% -12%,rgba(242,184,75,.16),transparent 62%),
  radial-gradient(700px 500px at 100% 100%,rgba(91,140,255,.10),transparent 60%),var(--nuit)}
.dx-hbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.dx-hbar .dx-marque{font-family:var(--f-titre);font-weight:700;letter-spacing:.14em;font-size:1.05rem;display:flex;align-items:center;gap:10px}
.dx-hbar .dx-marque i{font-style:normal;color:var(--or)}
.dx-hbar .dx-outils{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.dx-btn-s{min-height:44px;padding:9px 14px;font-size:.9rem;border-radius:12px}
.dx-kbd{font-size:.72rem;border:1px solid var(--ligne);border-radius:6px;padding:1px 6px;color:var(--doux);font-weight:700}

/* salle d'attente */
.dx-attente{flex:1;display:grid;grid-template-columns:minmax(300px,.85fr) 1.15fr;gap:clamp(20px,3vw,56px);align-items:center}
.dx-arche{position:relative;padding:clamp(18px,2vw,30px);padding-top:clamp(56px,7vw,96px);border-radius:999px 999px 28px 28px;background:linear-gradient(180deg,#2a2210,#140f05 60%);
  box-shadow:0 0 0 2px var(--or-sombre),0 0 0 9px #1a1408,0 0 0 11px rgba(242,184,75,.45),0 40px 120px -30px rgba(242,184,75,.45);max-width:min(520px,62vh);width:100%;justify-self:center}
.dx-arche::before{content:"";position:absolute;inset:14px 14px auto;height:clamp(40px,5.5vw,78px);border-radius:999px 999px 0 0;background:conic-gradient(from 270deg at 50% 100%,#5b8cff55,#a77bff55,#ef6b8655,#f2b84b66,#36c99c55,#4cc6e855,#5b8cff55);mask:linear-gradient(#000,#000);opacity:.9}
.dx-arche::after{content:"";position:absolute;inset:14px 14px auto;height:clamp(40px,5.5vw,78px);border-radius:999px 999px 0 0;background:repeating-conic-gradient(from 270deg at 50% 100%,transparent 0 13deg,#1a1408 13deg 15deg)}
.dx-qr{background:#fff;border-radius:14px;padding:4%;line-height:0}
.dx-qr svg{width:100%;height:auto}
.dx-rejoindre{display:grid;gap:clamp(10px,1.6vh,22px);align-content:center}
.dx-rejoindre .dx-url{font-size:clamp(1.1rem,1.8vw,1.7rem);color:var(--doux)}
.dx-rejoindre .dx-url b{color:var(--texte)}
.dx-code{font-family:var(--f-titre);font-weight:700;font-size:clamp(3.6rem,9vw,8.5rem);letter-spacing:.08em;line-height:.95;background:linear-gradient(180deg,var(--or-clair),var(--or) 55%,var(--or-sombre));-webkit-background-clip:text;background-clip:text;color:transparent}
.dx-compte{display:flex;align-items:baseline;gap:12px;font-size:clamp(1.1rem,1.6vw,1.5rem);color:var(--doux)}
.dx-compte b{font-family:var(--f-titre);font-size:clamp(2.2rem,4vw,3.6rem);color:var(--texte)}
.dx-medaillons{display:flex;flex-wrap:wrap;gap:10px 12px;align-content:flex-start;max-height:34vh;overflow:hidden}
.dx-med{display:flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--ligne-douce);font-weight:700;font-size:clamp(.9rem,1.1vw,1.1rem);animation:dx-entre .5s cubic-bezier(.2,1.4,.4,1) both}
.dx-med .dx-mini{width:32px;height:32px}
.dx-med.hors{opacity:.45}
.dx-med button{border:0;background:none;color:var(--pale);font-size:1.1rem;line-height:1;padding:4px 2px 4px 6px;min-width:28px;min-height:28px}
.dx-med button:hover{color:var(--erreur)}
@keyframes dx-entre{from{opacity:0;transform:scale(.4) translateY(10px)}}
.dx-vide{color:var(--pale);font-size:1.1rem}
.dx-pied-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--ligne-douce);padding-top:14px}
.dx-pied-h .dx-resume{color:var(--doux);font-size:.95rem;min-width:0;flex:1}
.dx-pied-h .dx-resume b{color:var(--texte)}

/* panneau de programme */
.dx-panneau{position:fixed;top:0;right:0;bottom:0;width:min(560px,100vw);z-index:70;background:var(--nuit-2);border-left:1px solid var(--ligne);box-shadow:-30px 0 80px rgba(0,0,0,.6);overflow:auto;padding:24px;display:grid;gap:20px;align-content:start;transform:translateX(0);transition:transform .3s}
.dx-panneau[hidden]{display:grid!important;transform:translateX(105%);visibility:hidden}
.dx-panneau h2{font-family:var(--f-titre);font-size:1.5rem}
.dx-panneau fieldset{border:0;padding:0;margin:0;display:grid;gap:10px}
.dx-panneau legend{font-weight:800;margin-bottom:8px;font-size:.95rem}
.dx-progs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dx-prog{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;text-align:left;padding:12px;border-radius:14px;border:1px solid var(--ligne-douce);background:var(--nuit);min-height:64px}
.dx-prog i{width:12px;height:12px;border-radius:3px;grid-row:span 2}
.dx-prog b{font-size:.92rem}
.dx-prog small{color:var(--pale);font-size:.76rem;grid-column:2}
.dx-prog[aria-pressed="true"]{border-color:var(--or);background:rgba(242,184,75,.09)}
.dx-segment{display:flex;gap:6px;flex-wrap:wrap}
.dx-segment button{flex:1;min-height:44px;border-radius:12px;border:1px solid var(--ligne);background:var(--nuit);font-weight:700;padding:8px 10px;min-width:64px}
.dx-segment button[aria-pressed="true"]{background:var(--or);color:var(--encre-or);border-color:var(--or)}
.dx-noms-equipes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dx-noms-equipes input{width:100%;background:var(--nuit);border:1px solid var(--ligne);color:var(--texte);border-radius:10px;padding:10px;font:inherit}
.dx-bascule{display:flex;gap:12px;align-items:center;font-weight:700;min-height:44px}
.dx-bascule input{width:22px;height:22px;accent-color:var(--or)}

/* question */
.dx-qzone{flex:1;display:grid;grid-template-rows:auto 1fr auto;gap:clamp(14px,2.4vh,30px)}
.dx-qhaut{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:var(--doux);font-weight:700;font-size:clamp(.95rem,1.2vw,1.2rem)}
.dx-qhaut .dx-progq{font-family:var(--f-titre);color:var(--or-clair)}
.dx-qtexte{font-weight:800;font-size:clamp(2rem,4.2vw,4.4rem);line-height:1.12;text-wrap:balance;align-self:center;display:grid;grid-template-columns:1fr auto;gap:clamp(16px,3vw,48px);align-items:center}
.dx-qtexte.long{font-size:clamp(1.7rem,3.3vw,3.4rem)}
.dx-chrono{width:clamp(110px,11vw,170px);aspect-ratio:1;position:relative;display:grid;place-items:center}
.dx-chrono svg{position:absolute;inset:0;transform:rotate(-90deg)}
.dx-chrono b{font-family:var(--f-titre);font-size:clamp(2.6rem,4.6vw,4.4rem);font-weight:700}
.dx-chrono small{position:absolute;bottom:18%;font-size:.8rem;color:var(--doux);font-weight:700}
.dx-chrono.urgent b{color:var(--braise)}
.dx-hreps{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.4vw,18px)}
.dx-hrep{position:relative;display:flex;align-items:center;gap:clamp(12px,1.4vw,22px);padding:clamp(14px,2vh,26px) clamp(16px,1.8vw,28px);border-radius:20px;color:#fff;font-weight:800;font-size:clamp(1.25rem,2.2vw,2.3rem);line-height:1.15;min-height:clamp(78px,11vh,128px);box-shadow:inset 0 -6px 0 rgba(0,0,0,.22);transition:opacity .4s,transform .4s,filter .4s;overflow:hidden}
.dx-hrep .dx-forme{font-size:1.25em}
.dx-hrep .dx-lettre{font-family:var(--f-titre);opacity:.75;font-size:.8em}
.dx-hrep[data-i="0"]{background:var(--rep-a)}.dx-hrep[data-i="1"]{background:var(--rep-b)}
.dx-hrep[data-i="2"]{background:var(--rep-c);color:#2a1a00}.dx-hrep[data-i="3"]{background:var(--rep-d)}
.dx-hreps.revele .dx-hrep:not(.bonne){opacity:.3;filter:saturate(.35)}
.dx-hreps.revele .dx-hrep.bonne{transform:scale(1.02);box-shadow:0 0 0 4px #fff,0 20px 60px -10px rgba(255,255,255,.35)}
.dx-hrep .dx-coche{margin-left:auto;font-size:1.4em}
.dx-hrep .dx-nb{margin-left:auto;font-family:var(--f-titre);font-size:.9em}
.dx-qbas{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.dx-qbas .dx-reponses-compte{font-size:clamp(1rem,1.4vw,1.35rem);color:var(--doux);font-weight:700}
.dx-qbas .dx-reponses-compte b{font-family:var(--f-titre);color:var(--texte);font-size:1.5em}
.dx-qbas .mc-btn{margin-left:auto}
.dx-pret-h{position:fixed;inset:0;display:grid;place-items:center;background:rgba(5,8,18,.55);z-index:40;pointer-events:none}
.dx-pret-h b{font-family:var(--f-titre);font-size:clamp(7rem,18vw,15rem);color:var(--or);text-shadow:0 0 80px rgba(242,184,75,.6);animation:dx-battement 1s ease-out infinite}
@keyframes dx-battement{from{transform:scale(1.25);opacity:.4}to{transform:scale(1);opacity:1}}
.dx-estim-h{display:grid;place-items:center;gap:10px;text-align:center;color:var(--doux);font-size:clamp(1.1rem,1.8vw,1.8rem)}
.dx-estim-h .dx-valeur{font-family:var(--f-titre);font-size:clamp(4rem,10vw,9rem);color:var(--or-clair);line-height:1}
.dx-proches{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.dx-proches span{padding:6px 14px;border-radius:999px;background:var(--verre);border:1px solid var(--ligne);font-size:1rem;color:var(--texte);font-weight:700}

/* résultat */
.dx-histo{display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:clamp(10px,1.6vw,24px);align-items:end;height:clamp(170px,34vh,380px)}
.dx-barre{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:8px;height:100%}
.dx-barre .dx-col{width:100%;align-self:end;border-radius:14px 14px 4px 4px;min-height:6px;transform-origin:bottom;animation:dx-monte .8s cubic-bezier(.2,.9,.3,1) both}
@keyframes dx-monte{from{transform:scaleY(0)}}
.dx-barre[data-i="0"] .dx-col{background:var(--rep-a)}.dx-barre[data-i="1"] .dx-col{background:var(--rep-b)}.dx-barre[data-i="2"] .dx-col{background:var(--rep-c)}.dx-barre[data-i="3"] .dx-col{background:var(--rep-d)}
.dx-barre .dx-n{font-family:var(--f-titre);font-weight:700;font-size:clamp(1.4rem,2.4vw,2.4rem)}
.dx-barre .dx-pied-b{display:flex;gap:8px;align-items:center;font-weight:800;font-size:clamp(1rem,1.4vw,1.4rem);max-width:100%;min-width:0}
.dx-barre .dx-pied-b span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dx-barre.bonne .dx-pied-b{color:var(--ok)}
.dx-barre:not(.bonne) .dx-col{opacity:.45}
.dx-reveal{display:grid;grid-template-columns:1fr;gap:clamp(18px,3vw,48px);align-items:center}
.dx-reveal.estim{grid-template-columns:1.2fr 1fr}
.dx-bonne-rep{display:grid;gap:10px}
.dx-bonne-rep .dx-label{color:var(--doux);font-weight:700}
.dx-bonne-rep .dx-texte-bonne{font-weight:800;font-size:clamp(1.6rem,3vw,3rem);line-height:1.1;display:flex;gap:14px;align-items:center}
.dx-bonne-rep .mc-ref{font-size:clamp(.95rem,1.3vw,1.25rem)}
.dx-bonne-rep p{color:var(--doux);font-size:clamp(1rem,1.4vw,1.35rem);max-width:52ch}
.dx-taux{font-weight:700;color:var(--doux);font-size:clamp(1.05rem,1.5vw,1.5rem)}

/* classement */
.dx-classement{list-style:none;margin:0 auto;padding:0;display:grid;gap:clamp(4px,.7vh,10px);align-content:start;width:min(980px,100%);position:relative}
.dx-classement li{display:grid;grid-template-columns:clamp(44px,4vw,64px) clamp(36px,3.2vw,50px) minmax(0,1fr) auto auto minmax(4.5em,auto);gap:clamp(10px,1.4vw,18px);align-items:center;padding:clamp(5px,.8vh,12px) clamp(12px,1.4vw,22px);border-radius:14px;background:linear-gradient(90deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--ligne-douce);font-size:clamp(1.05rem,1.6vw,1.6rem);font-weight:800;will-change:transform}
.dx-classement li:first-child{background:linear-gradient(90deg,rgba(242,184,75,.28),rgba(242,184,75,.06));border-color:var(--or-sombre)}
.dx-classement .r{font-family:var(--f-titre);color:var(--or);font-size:1.15em;text-align:center}
.dx-classement .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.dx-classement .s{font-family:var(--f-titre);font-variant-numeric:tabular-nums;text-align:right}
.dx-classement .g{font-size:.7em;color:var(--ok);min-width:5.5em;text-align:right}
.dx-classement .fl{font-size:.65em;color:var(--doux);min-width:2.6em;text-align:center}
.dx-classement .fl.monte{color:var(--ok)}.dx-classement .fl.baisse{color:var(--braise)}
.dx-classement svg{width:100%;height:auto}
.dx-equipes-h{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.dx-equipe-h{padding:8px 16px;border-radius:16px;background:var(--verre);border:1px solid var(--ligne);display:grid;gap:2px;min-width:180px}
.dx-equipe-h b{font-size:1.15rem}
.dx-equipe-h span{color:var(--doux);font-size:.9rem}
.dx-equipe-h .dx-moy{font-family:var(--f-titre);font-size:1.4rem;color:var(--or-clair)}
.dx-equipe-h.tete{border-color:var(--or);background:rgba(242,184,75,.1)}

/* podium */
.dx-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:clamp(10px,2vw,30px);width:min(1000px,100%);margin:0 auto}
.dx-marche{display:grid;justify-items:center;gap:10px;text-align:center}
.dx-marche .dx-pav{width:clamp(64px,min(8vw,13vh),120px);height:clamp(64px,min(8vw,13vh),120px);animation:dx-entre .8s cubic-bezier(.2,1.4,.4,1) both}
.dx-marche .dx-pnom{font-weight:800;font-size:clamp(1.1rem,1.8vw,1.8rem);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dx-marche .dx-pscore{font-family:var(--f-titre);color:var(--or-clair);font-size:clamp(1rem,1.5vw,1.5rem)}
.dx-socle{width:100%;border-radius:18px 18px 0 0;display:grid;place-items:start center;padding-top:14px;font-family:var(--f-titre);font-weight:700;font-size:clamp(2.4rem,4.4vw,4.4rem);color:var(--encre-or);background:linear-gradient(180deg,var(--or-clair),var(--or) 50%,var(--or-sombre));transform-origin:bottom;animation:dx-monte 1s cubic-bezier(.2,.9,.3,1) both}
.dx-marche.p1 .dx-socle{height:clamp(110px,20vh,250px)}
.dx-marche.p2 .dx-socle{height:clamp(80px,14vh,180px);background:linear-gradient(180deg,#e9edf8,#b7bfd6 60%,#7d86a3);animation-delay:.3s}
.dx-marche.p3 .dx-socle{height:clamp(56px,9vh,130px);background:linear-gradient(180deg,#f2c39a,#c98a55 60%,#8e5a2f);animation-delay:.6s}
.dx-marche.p2 .dx-pav{animation-delay:.3s}.dx-marche.p3 .dx-pav{animation-delay:.6s}
.dx-fin-outils{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

/* aide / dialogue */
.dx-aide dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0}
.dx-aide dt{text-align:right}
.dx-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--nuit-3);border:1px solid var(--ligne);padding:12px 18px;border-radius:14px;z-index:90;font-weight:700;box-shadow:var(--ombre);max-width:calc(100vw - 32px)}

@media (max-width:900px){
  .dx-attente{grid-template-columns:1fr}
  .dx-arche{max-width:300px}
  .dx-reveal{grid-template-columns:1fr}
  .dx-hreps{grid-template-columns:1fr}
  .dx-qtexte{grid-template-columns:1fr}
  .dx-classement li{grid-template-columns:36px 34px minmax(0,1fr) auto}
  .dx-reveal.estim{grid-template-columns:1fr}
  .dx-classement .g,.dx-classement .fl{display:none}
}
@media (max-width:380px){.dx-rep{font-size:.95rem;min-height:108px;padding:12px}.dx-avatars{gap:6px}.dx-teintes button{width:34px;height:34px;min-width:34px}}
@media (prefers-reduced-motion:reduce){.dx-panneau{transition:none}}
.dx-q-rappel{font-size:clamp(1.3rem,2.2vw,2.2rem)!important;color:var(--doux)}
.dx-rep .dx-lettre-j{font-family:var(--f-titre);font-size:.8rem;opacity:.8}