:root{--bleu: #1e3a8a;--bleu-clair: #3b82f6;--jaune: #facc15;--fond: #0f172a;--fond-carte: #1e293b;--texte: #f1f5f9;--texte-attenue: #94a3b8;--rouge: #ef4444}*{box-sizing:border-box}html,body,#racine{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--fond);color:var(--texte)}.app{display:flex;flex-direction:column;height:100%;max-width:700px;margin:0 auto;padding:.75rem;gap:.75rem}.entete h1{font-size:1.3rem;text-align:center;margin:.25rem 0}.message-erreur{background:var(--rouge);color:#fff;padding:.6rem .9rem;border-radius:.5rem;margin:0;font-size:.95rem}.historique{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding:.25rem}.historique.vide{align-items:center;justify-content:center;color:var(--texte-attenue);text-align:center}.tour{display:flex;flex-direction:column;gap:.35rem}.bulle{background:var(--fond-carte);border-radius:.6rem;padding:.6rem .8rem}.bulle.originale{border-left:4px solid var(--texte-attenue)}.bulle.traduite{border-left:4px solid var(--bleu-clair)}.etiquette{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--texte-attenue);margin-bottom:.2rem}.bulle p{margin:0;font-size:1.05rem;line-height:1.4}.bouton-rejouer-tour{margin-top:.4rem;background:transparent;color:var(--bleu-clair);border:1px solid var(--bleu-clair);border-radius:.4rem;padding:.25rem .6rem;font-size:.85rem;cursor:pointer}.correction{display:flex;flex-direction:column;gap:.5rem;background:var(--fond-carte);border-radius:.6rem;padding:.75rem}.correction label{font-size:.9rem;color:var(--texte-attenue)}.correction textarea{width:100%;font-size:1.1rem;padding:.5rem;border-radius:.5rem;border:1px solid var(--texte-attenue);background:var(--fond);color:var(--texte);resize:vertical}.actions-correction{display:flex;gap:.5rem;justify-content:flex-end}.actions-correction button{padding:.5rem 1rem;font-size:1rem;border-radius:.5rem;border:none;cursor:pointer}.actions-correction button[type=button]{background:var(--fond);color:var(--texte);border:1px solid var(--texte-attenue)}.actions-correction button[type=submit]{background:var(--bleu-clair);color:#fff}.actions-correction button:disabled{opacity:.5;cursor:not-allowed}.barre-controles{display:flex;justify-content:center}.bouton-rejouer{background:transparent;color:var(--jaune);border:1px solid var(--jaune);border-radius:.5rem;padding:.4rem .9rem;font-size:.95rem;cursor:pointer}.bouton-rejouer:disabled{opacity:.4;cursor:not-allowed}.boutons-parler{display:flex;gap:.75rem}.bouton-parler{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;min-height:130px;border:none;border-radius:1rem;background:var(--bleu);color:#fff;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;padding:1rem}.bouton-parler.actif{background:var(--rouge);transform:scale(.98)}.bouton-parler:disabled{opacity:.4;cursor:not-allowed}.bouton-parler .drapeau{font-size:2.5rem}.bouton-parler .libelle-bouton{font-size:1.2rem;font-weight:600}.bouton-parler .indice{font-size:.8rem;opacity:.85}