.cafetiere{z-index:20;overscroll-behavior:contain;width:min(34rem,100vw - 32px);max-height:min(80vh,46rem);padding:var(--espace-3);background:var(--cafetiere-fond);color:var(--cafetiere-texte);font-family:var(--police-terminal);box-shadow:inset 0 0 0 2px var(--cafetiere-texte), var(--ombre-pixel);font-size:1.25rem;line-height:1.3;position:fixed;inset-block-end:var(--espace-3);inset-inline-start:var(--espace-3);overflow-y:auto}@media (width<=40rem){.cafetiere{width:auto;inset-block-end:16px;inset-inline:16px}}.cafetiere-entete{align-items:flex-end;gap:var(--espace-3);display:flex}.cafetiere-entete h2{font-family:var(--police-etiquette);color:var(--cafetiere-texte);overflow-wrap:normal;flex:1;min-width:0;margin:0;font-size:1rem}@media (width<=26rem){.cafetiere-entete h2{font-size:.8rem}}.cafetiere-terminal{margin-block:var(--espace-3)}.cafetiere-terminal p{margin:0 0 var(--espace-1);overflow-wrap:anywhere}.cafetiere-stop{font-weight:700;text-decoration:underline}.cafetiere button{margin:var(--espace-1) var(--espace-2) var(--espace-1) 0;padding:var(--espace-1) var(--espace-3);border:2px solid var(--cafetiere-texte);color:var(--cafetiere-texte);font:inherit;cursor:pointer;background:0 0;border-radius:0}.cafetiere button:hover:not(:disabled,[aria-disabled=true]){background:var(--cafetiere-texte);color:var(--cafetiere-fond)}.cafetiere button:disabled,.cafetiere button[aria-disabled=true]{cursor:not-allowed;border-style:dashed}.cafetiere :focus-visible{outline:3px solid var(--focus);outline-offset:2px}.cafetiere a{color:var(--cafetiere-texte);text-decoration:underline}.cafetiere-saisie label{margin-block-end:var(--espace-1);display:block}.cafetiere-saisie input[type=text],.cafetiere-saisie textarea{box-sizing:border-box;width:100%;padding:var(--espace-2);border:2px solid var(--cafetiere-texte);background:var(--cafetiere-fond);color:var(--cafetiere-texte);font:inherit;border-radius:0}.cafetiere-saisie input[type=file]{max-width:100%;font:inherit}.cafetiere-defi pre{margin:var(--espace-1) 0;padding:var(--espace-2);white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:inset 0 0 0 1px var(--cafetiere-texte)}.cafetiere-actions{flex-wrap:wrap;display:flex}.cafetiere-encadre,.cafetiere-sucres details{margin-block:var(--espace-3);padding:var(--espace-3);background:var(--fond-fenetre);color:var(--texte);font-family:var(--police-lecture);font-size:var(--taille-lecture);line-height:var(--interligne-lecture);box-shadow:var(--cadre)}.cafetiere-encadre h3{font-family:var(--police-etiquette);color:var(--titre);margin-block-start:0;font-size:1rem}.cafetiere-encadre button{border-color:var(--bord-fort);color:var(--texte)}.cafetiere-encadre button:hover:not(:disabled){background:var(--bord-fort);color:var(--fond-fenetre)}.cafetiere-encadre a{color:var(--lien)}.cafetiere-encadre-secret{box-shadow:inset 0 0 0 3px var(--action), var(--cadre)}.cafetiere-encadre-verdict{box-shadow:inset 0 0 0 3px var(--forge), var(--cadre)}.cafetiere-sucres summary{color:var(--titre)}.moka{flex:none;inline-size:64px;display:inline-block;position:relative}.moka-corps{display:block}.moka--vite .sprite-vapeur--anime{animation-duration:.7s}.moka-goutte{background:var(--ambre);block-size:4px;inline-size:4px;position:absolute;inset-block-start:26px;inset-inline-end:4px}.cafetiere-scene{justify-content:center;align-items:flex-end;gap:var(--espace-3);margin-block:var(--espace-2) var(--espace-3);flex-wrap:wrap;min-block-size:96px;display:flex}.cafetiere-scene--oubliette{--oubliette-largeur:8rem;--oubliette-hauteur:12rem;min-block-size:12rem}.cafetiere-scene__basile{align-self:flex-end}.cafetiere-bulle{align-items:flex-end;gap:var(--espace-2);display:flex}.cafetiere-trappe{border-inline-start:4px solid var(--bord-fort);padding-inline-start:var(--espace-2)}@media (prefers-reduced-motion:reduce){.moka--vite .sprite-vapeur--anime{animation:none}}.porter-son-drapeau{gap:var(--espace-3);flex-wrap:wrap;display:flex}.porter-son-drapeau button{min-block-size:2.75rem;padding:var(--espace-2) var(--espace-3);background:var(--action);color:var(--action-texte);box-shadow:3px 3px 0 var(--action-ombre);font-family:var(--police-etiquette);cursor:pointer;border:0;border-radius:0;font-size:.9rem}.porter-son-drapeau button:active{box-shadow:none;transform:translate(2px,2px)}.porter-son-drapeau button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){.porter-son-drapeau button:active{transform:none}}