*{box-sizing:border-box}body{margin:0;background:#f7f5ef;color:#222a29;font:16px/1.6 system-ui,sans-serif}main{max-width:640px;margin:7vh auto;padding:32px}.marque{font-size:14px;text-transform:uppercase;letter-spacing:.16em;color:#596861}h1{font:500 clamp(40px,8vw,64px)/1.08 Georgia,serif;margin:30px 0 20px}h2{font:500 25px Georgia,serif;margin:0 0 20px}.intro{color:#5f6c66;margin-bottom:30px}section{padding:28px;background:white;border:1px solid #e4e5df;border-radius:12px;margin:22px 0}label{display:block;font-size:14px;margin:16px 0}input{display:block;width:100%;padding:12px;border:1px solid #aeb7b2;border-radius:6px;font:inherit;margin-top:6px}input:focus{outline:2px solid #347263;outline-offset:2px}button,.bouton{display:inline-block;background:#21594a;color:white;border:0;border-radius:6px;padding:12px 18px;font:inherit;cursor:pointer;text-decoration:none}button:disabled{opacity:.6;cursor:wait}.secondaire{background:#edf2ee;color:#234b40;margin:8px 8px 0 0}.aide{font-size:13px;color:#68716c}#message:not(:empty){padding:14px;background:#f6e9d8;border-radius:6px}.utilisateur{padding:15px 0;border-top:1px solid #ddd;overflow-wrap:anywhere}.utilisateur small{display:block;color:#627169}[hidden]{display:none!important}

.titre-separe{margin-top:32px;padding-top:24px;border-top:1px solid #e4e5df}.regles{padding:12px;background:#edf2ee;border-radius:6px}

.champ-secret{position:relative}.champ-secret label{padding-top:0}.champ-secret input{padding-right:56px}.oeil{position:absolute;right:6px;bottom:5px;min-width:44px;height:44px;padding:10px;background:transparent;color:#486158;display:flex;align-items:center;justify-content:center}.oeil:hover{background:#edf2ee}.oeil:focus-visible{outline:2px solid #347263;outline-offset:1px}.barre-oeil{display:none}.oeil[aria-pressed="true"] .barre-oeil{display:block}.criteres-mot{list-style:none;padding:0;margin:0}.criteres-mot li{margin:4px 0}.bilan-mot{font-weight:600;margin:10px 0 0}.valide{color:#17603d}.accord-mot{font-size:13px;margin:-5px 0 16px}.accord-mot:empty{display:none}

.cout-cartes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cout-cartes>div{background:#edf2ee;border-radius:8px;padding:16px;font-size:13px}.cout-cartes strong{display:block;font-size:24px;margin-top:8px;overflow-wrap:anywhere}#cout-details{font-size:14px}@media(max-width:440px){.cout-cartes{grid-template-columns:1fr}}
