.compte{max-width:720px;margin-inline:auto}.compte[data-partie=favoris]{max-width:none}.compte [data-statut]:empty,.compte .erreur:empty{display:none}.compte .erreur{color:var(--alerte);margin:.5rem 0 0;font-weight:700}.onglets-compte{border:1px solid var(--trait);background:var(--surface);border-radius:999px;gap:6px;width:fit-content;max-width:100%;margin:1.25rem 0 1rem;padding:4px;display:flex}.onglets-compte [role=tab]{min-height:var(--cible);color:var(--encre);font:700 .95rem/1.2 var(--f-texte);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 18px}.onglets-compte [role=tab][aria-selected=true]{background:var(--encre);color:var(--papier)}.formulaire{gap:1rem;display:grid}.formulaire .champ{gap:6px;margin:0;display:grid}.formulaire label{font-weight:700}.formulaire input[type=email],.formulaire input[type=text]{min-height:var(--cible);border:2px solid var(--trait-fort);background:var(--surface);color:var(--encre);font:400 1rem/1.3 var(--f-texte);border-radius:14px;width:100%;padding:0 14px}.formulaire input:focus-visible{outline:3px solid var(--jaune);outline-offset:2px;border-color:var(--encre)}.formulaire .aide{color:var(--encre-2,inherit);font-size:.875rem}.formulaire .etiquette{font-weight:700}.tirage-pseudo{flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0;display:flex}.tirage-pseudo output{font:800 clamp(1.25rem, 4vw, 1.6rem)/1.15 var(--f-titre,var(--f-texte));color:var(--cuivre,var(--encre));overflow-wrap:anywhere}.tirage-pseudo .bouton{align-items:center;gap:6px;display:inline-flex}.tirage-pseudo .bouton svg{width:18px;height:18px}.cases{border:0;gap:.6rem;margin:0;padding:0;display:grid}.cases legend{margin-bottom:.4rem;font-weight:800}.case{cursor:pointer;align-items:flex-start;gap:10px;display:flex;font-weight:400!important}.case input{width:22px;height:22px;accent-color:var(--caramel);flex:none;margin-top:2px}.carte-compte{background:var(--surface);border:1px solid var(--trait);border-radius:var(--r-grand);margin:1.25rem 0;padding:18px 20px}.carte-compte h3{margin:0 0 .75rem}.badges-compte h2{margin:0 0 .5rem;font-size:1.2rem}.carte-compte>h2:first-child{margin-top:0;font-size:clamp(1.4rem,3vw,1.75rem)}.grille-favoris{margin-top:.5rem}@media (width>=1024px){.grille-favoris{grid-template-columns:repeat(4,minmax(0,1fr))}}.fav-retirer{z-index:3;align-self:flex-start;margin-top:auto;padding-top:4px;position:relative}.deconnexion-compte{margin:1.25rem 0 0}.suppression summary{cursor:pointer;margin-top:1rem;font-weight:700}.bouton-danger{border-color:var(--alerte);color:var(--alerte)}.grille-badges{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.grille-badges li{text-align:center;justify-items:center;gap:2px;display:grid}.grille-badges .medaille svg{width:88px;height:88px}.grille-badges li:not(.est-obtenu) .medaille{filter:grayscale();opacity:.45}.badge-nom{font-weight:800}.communaute .grille-badges{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));row-gap:1.5rem}.communaute .grille-badges>li{grid-row:span 4;grid-template-rows:subgrid;align-content:start;gap:6px}.communaute .grille-badges .badge-nom{align-self:end}.communaute .grille-badges .badge-aide{align-self:start}.carrousel{position:relative}.carrousel .grille-badges{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-rows:repeat(4,auto);grid-template-columns:none;grid-auto-columns:minmax(190px,calc(33.3333% - .666667rem));grid-auto-flow:column;margin-top:.5rem;padding:4px 2px 8px;overflow-x:auto}.carrousel .grille-badges::-webkit-scrollbar{display:none}.carrousel .grille-badges>li{scroll-snap-align:start}.carrousel .grille-badges:focus-visible{outline:3px solid var(--encre);outline-offset:2px;border-radius:var(--r)}.carrousel-fleche{z-index:2;border:2px solid var(--encre);background:var(--surface);width:40px;height:40px;color:var(--encre);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:44px;box-shadow:0 4px 12px #1d1b1826}.carrousel-fleche svg{width:18px;height:18px}.carrousel-prec{left:-10px}.carrousel-prec svg{transform:rotate(180deg)}.carrousel-suiv{right:-10px}.carrousel-fleche[hidden]{display:none}.carrousel-fleche:disabled{opacity:0;pointer-events:none}@media (width<=640px){.carrousel .grille-badges{grid-auto-columns:72%}.carrousel-fleche{display:none}}.paliers{align-self:end;justify-items:center;gap:4px;display:grid}.paliers ul{justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.paliers li{background:var(--metal-clair);color:#1d1b18;min-width:54px;box-shadow:inset 0 0 0 2px var(--metal);border-radius:12px;justify-items:center;padding:4px 8px 5px;line-height:1.1;display:grid}.paliers li b{font-size:1.05rem;font-weight:800}.paliers li span{text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:700}.paliers-unite{text-align:center}.classement{gap:6px;margin:.5rem 0;padding:0;list-style:none;display:grid}.classement li{border:1px solid var(--trait);background:var(--papier);border-radius:14px;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:.75rem;padding:.5rem .9rem;display:grid}.classement li:nth-child(-n+3){border-color:var(--caramel)}.classement .rang{font-variant-numeric:tabular-nums;font-weight:800}.classement .pseudo{overflow-wrap:anywhere;font-weight:700}.classement .pts{font-variant-numeric:tabular-nums}.communaute h3{margin:1.25rem 0 0}.resume-points{flex-wrap:wrap;align-items:baseline;gap:.4rem 1.25rem;margin:.25rem 0 1rem;display:flex}.resume-points strong{color:var(--cuivre);font-size:1.35rem;font-weight:800}.parties-compte{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.partie-compte{border:1px solid var(--trait);border-radius:var(--r-grand);background:var(--surface);height:100%;color:var(--encre);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px;text-decoration:none;display:grid}.partie-compte:hover{background:var(--surface-2);border-color:var(--trait-fort)}.partie-compte .pastille-ronde{background:var(--jaune);width:44px;height:44px;color:var(--sur-jaune);border-radius:50%;place-items:center;display:grid}.partie-compte .pastille-ronde svg{width:22px;height:22px}.partie-texte{gap:2px;display:grid}.partie-compte .fleche{width:18px;height:18px;color:var(--encre-2)}.retour-compte{color:var(--encre-2);align-items:center;gap:4px;margin-bottom:.5rem;font-weight:700;display:inline-flex}.retour-compte .retour-ic{width:16px;height:16px;transform:rotate(180deg)}[data-panneau] h3:focus{outline:none}