.jeu.pendu{--bonne:#2f8f4e;--mauvaise:#b4443a;max-width:720px}.jeu.pendu .reglages-pendu{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;display:flex}.jeu.pendu .choix-categorie{flex:220px;align-items:center;gap:8px;font-weight:700;display:inline-flex}.jeu.pendu .choix-categorie select{border:1px solid var(--bordure);min-height:40px;font:inherit;color:var(--encre);background:#fff;border-radius:8px;flex:1;padding:0 10px}.jeu.pendu .table-pendu{border:1px solid var(--bordure);border-radius:var(--rayon);background:#fff;grid-template-columns:minmax(0,1fr);align-items:center;gap:12px;padding:clamp(10px,3vw,20px);display:grid;box-shadow:0 6px 24px -14px #00000059}.jeu.pendu .dessin-pendu{width:min(100%,240px);height:auto;stroke:var(--encre);stroke-width:5px;margin:0 auto}.jeu.pendu .etape path,.jeu.pendu .etape circle{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset .55s ease-out,opacity 50ms}.jeu.pendu .etape.visible path,.jeu.pendu .etape.visible circle{stroke-dashoffset:0;opacity:1}.jeu.pendu .etape[data-etape="1"] path,.jeu.pendu .etape[data-etape="2"] path,.jeu.pendu .etape[data-etape="3"] path{stroke:#7a5a34}.jeu.pendu .etape[data-etape="3"] path:nth-child(3){stroke:#a08650;stroke-width:3px}.jeu.pendu .visage{stroke:var(--mauvaise);opacity:0;transition:opacity .3s .5s}.jeu.pendu .dessin-pendu.perdu .visage{opacity:1}.jeu.pendu .dessin-pendu.perdu .etape.visible[data-etape="4"] circle,.jeu.pendu .dessin-pendu.perdu .etape.visible[data-etape="5"] path,.jeu.pendu .dessin-pendu.perdu .etape.visible[data-etape="6"] path,.jeu.pendu .dessin-pendu.perdu .etape.visible[data-etape="7"] path{stroke:var(--mauvaise)}.jeu.pendu .dessin-pendu.sauve{stroke:var(--bonne)}.jeu.pendu .partie-pendu{justify-items:center;gap:14px;display:grid}.jeu.pendu .mot-pendu{flex-wrap:wrap;justify-content:center;gap:clamp(4px,1.2vw,8px);display:flex}.jeu.pendu .lettre-pendu{border-bottom:4px solid var(--encre);width:clamp(26px,8.4vw,44px);height:clamp(36px,11vw,56px);color:var(--encre);place-items:center;font-size:clamp(1.3rem,5.6vw,2.2rem);font-weight:800;display:inline-grid}.jeu.pendu .lettre-pendu.devoilee{color:var(--bonne);border-bottom-color:var(--bonne);animation:.22s ease-out pendu-pop}.jeu.pendu .lettre-pendu.ratee{color:var(--mauvaise);border-bottom-color:var(--mauvaise)}.jeu.pendu .ratees-pendu{text-align:center;color:var(--encre-douce);margin:0}.jeu.pendu .ratees-pendu strong{color:var(--mauvaise);letter-spacing:.15em}.jeu.pendu .etat{text-align:center;min-height:1.8em;color:var(--encre);margin:12px 0 8px;font-weight:700}.jeu.pendu .clavier{touch-action:manipulation;gap:6px;display:grid}.jeu.pendu .rang-clavier{justify-content:center;gap:clamp(3px,1.1vw,6px);display:flex}.jeu.pendu .touche{max-width:52px;min-height:48px;color:var(--encre);font:inherit;cursor:pointer;background:#e4dfd0;border:0;border-radius:8px;flex:1 1 0;padding:0;font-size:clamp(.85rem,3.4vw,1.05rem);font-weight:800;transition:transform 80ms,background-color .15s}.jeu.pendu .touche:hover:not(:disabled){background:#d6d0be}.jeu.pendu .touche:active:not(:disabled){transform:scale(.94)}.jeu.pendu .touche:focus-visible{outline-offset:2px;outline:3px solid #1d6fd8}.jeu.pendu .touche[data-etat=bonne]{background:var(--bonne);color:#fff}.jeu.pendu .touche[data-etat=mauvaise]{background:var(--mauvaise);color:#fff;opacity:.75}.jeu.pendu .touche:disabled:not([data-etat]){opacity:.45;cursor:default}.jeu.pendu .touche[data-etat]:disabled{cursor:default}.jeu.pendu .stats-pendu{gap:6px;margin:12px 0 0;padding:0;font-size:.92rem;list-style:none;display:grid}.jeu.pendu .actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.jeu.pendu dialog{width:min(92vw,440px)}.jeu.pendu [hidden]{display:none}@keyframes pendu-pop{0%{transform:scale(.6)}70%{transform:scale(1.15)}to{transform:scale(1)}}@media (width>=640px){.jeu.pendu .table-pendu{grid-template-columns:240px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.jeu.pendu .etape path,.jeu.pendu .etape circle,.jeu.pendu .visage,.jeu.pendu .touche{transition:none}.jeu.pendu .lettre-pendu.devoilee{animation:none}}