:root{--fond: #f8fafc;--carte: #ffffff;--texte: #1e293b;--muted: #64748b;--primaire: #0f766e;--primaire-fonce: #115e59;--accent: #f59e0b;--bordure: #e2e8f0;--ok: #15803d;--ko: #b91c1c;--rayon: 12px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--fond);color:var(--texte);line-height:1.6}.site{min-height:100vh;display:flex;flex-direction:column}.contenu{flex:1;width:100%;max-width:860px;margin:0 auto;padding:1.5rem 1rem 3rem}.barre{background:#0f172a;color:#fff;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.barre a{color:#fff;text-decoration:none;font-weight:600}.barre a:hover{text-decoration:underline}.marque{font-size:1.2rem;margin-right:auto}.badge-xp{background:var(--accent);color:#1e293b;font-weight:700;border-radius:999px;padding:.15rem .8rem;font-size:.9rem}.carte{background:var(--carte);border:1px solid var(--bordure);border-radius:var(--rayon);padding:1.25rem;margin:1rem 0}.carte h2{margin-top:0}.muted{color:var(--muted)}.grille{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.bouton{display:inline-block;background:var(--primaire);color:#fff;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none}.bouton:hover{background:var(--primaire-fonce)}.bouton:disabled{opacity:.5;cursor:default}.bouton-secondaire{background:#e2e8f0;color:var(--texte)}.bouton-secondaire:hover{background:#cbd5e1}.choix{display:block;width:100%;text-align:left;margin:.4rem 0;background:#f1f5f9;border:2px solid transparent;border-radius:8px;padding:.6rem .9rem;font-size:1rem;cursor:pointer}.choix:hover:not(:disabled){border-color:var(--primaire)}.choix.bon{border-color:var(--ok);background:#dcfce7}.choix.mauvais{border-color:var(--ko);background:#fee2e2}.choix:disabled{cursor:default}.corrige{border-left:4px solid var(--primaire);padding-left:1rem;margin:1rem 0}.pied{background:#0f172a;color:#cbd5e1;padding:1.5rem 1rem;font-size:.9rem;text-align:center}.pied a{color:#fff}.lab-barres{display:flex;gap:.5rem;align-items:flex-end;height:120px;margin:1rem 0}.lab-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem}.lab-col button{font-size:.8rem}@media print{.barre,.pied,.no-print{display:none}.contenu{max-width:100%}.carte{break-inside:avoid;border:1px solid #999}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}