.mc{--mc-cadre:#04212a;--mc-panneau:#ffffff;--mc-trait:#c9d4d9;--mc-trait-fort:#7d939b;--mc-texte:#1d2b32;--mc-texte-doux:#4a5a61;--mc-actif:#0a5c73;--mc-noire:#04212a;--mc-selection-fond:#dff0f6;--mc-creneau-fond:#e4eef2;--mc-pose-fond:#dff0f6;--mc-retrait-fond:#eef2f4;--mc-erreur-fond:#fdecec;--mc-erreur-trait:#a4161a;--mc-erreur-texte:#9b1c1f;--mc-gagne:#0b6b45;--mc-gagne-fond:#eef7f2;--mc-cote:clamp(30px,9.2vw,48px);--mc-grille-largeur:calc(var(--mc-cote) * 9 + 4px);max-width:var(--demo-axe,900px);margin:0 auto;--mc-mesure:var(--demo-mesure,640px);color:var(--mc-texte)}.mc__barre{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:0 0 18px;padding:14px 18px;background-color:var(--mc-panneau);border:1px solid var(--mc-trait);border-radius:10px}.mc__bouton{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--mc-actif);border-radius:8px;background-color:var(--mc-actif);color:var(--mc-panneau);font-size:0.95rem;font-weight:600;cursor:pointer;transition:background-color 0.2s ease}.mc__bouton:hover,.mc__bouton:focus-visible{background-color:#14708a;border-color:#14708a}.mc__bouton--second{background-color:var(--mc-panneau);color:var(--mc-actif)}.mc__bouton--second:hover,.mc__bouton--second:focus-visible{background-color:var(--mc-selection-fond);color:var(--mc-actif);border-color:var(--mc-actif)}.mc__bouton:disabled,.mc__bouton--second:disabled{background-color:#dfe7e9;border-color:#dfe7e9;color:#3d4a4f;cursor:not-allowed}.mc__bouton:disabled:hover,.mc__bouton--second:disabled:hover{background-color:#dfe7e9;border-color:#dfe7e9;color:#3d4a4f}.mc__cadence{display:inline-flex;align-items:center;gap:8px;font-size:0.92rem;color:var(--mc-texte-doux)}.mc__cadence select{padding:8px 10px;border:1px solid var(--mc-trait-fort);border-radius:6px;background-color:var(--mc-panneau);color:var(--mc-texte);font-size:0.92rem}.mc__phase{min-height:1.6em;margin:0 0 12px;text-align:center;font-size:0.95rem;color:var(--mc-texte-doux);font-variant-numeric:tabular-nums}.mc__phase strong{color:var(--mc-texte);font-weight:700;letter-spacing:0.04em}.mc__aire{display:flex;align-items:flex-start;gap:28px}.mc__grille-bloc{flex:0 0 var(--mc-grille-largeur);width:var(--mc-grille-largeur);position:sticky;top:100px}.mc__grille{display:grid;grid-template-columns:repeat(9,var(--mc-cote));grid-auto-rows:var(--mc-cote);gap:0;width:var(--mc-grille-largeur);border:2px solid var(--mc-cadre);background-color:var(--mc-panneau)}.mc-case{position:relative;display:flex;align-items:center;justify-content:center;width:var(--mc-cote);height:var(--mc-cote);padding:0;border:none;box-shadow:inset 0 0 0 0.5px var(--mc-trait);background-color:var(--mc-panneau);color:var(--mc-texte);font-size:calc(var(--mc-cote) * 0.52);font-weight:600;line-height:1;text-transform:uppercase;cursor:pointer}.mc-case--noire{width:var(--mc-cote);height:var(--mc-cote);background-color:var(--mc-noire)}.mc-case:focus-visible{outline:3px solid var(--color-yellow,#ffc107);outline-offset:-3px}.mc-case--creneau{background-color:var(--mc-creneau-fond)}.mc-case--selection{background-color:var(--mc-selection-fond);box-shadow:inset 0 0 0 2px var(--mc-actif)}.mc-case__numero{position:absolute;top:1px;left:3px;font-size:calc(var(--mc-cote) * 0.26);font-weight:600;color:var(--mc-texte-doux);pointer-events:none}.mc-case--pose{background-color:var(--mc-pose-fond);transition:background-color 0.3s ease}.mc-case--retrait{background-color:var(--mc-retrait-fond);transition:background-color 0.3s ease}.mc-case--revelee .mc-case__lettre{color:var(--mc-actif)}.mc-case--revelee::after{content:"";position:absolute;right:2px;bottom:2px;width:calc(var(--mc-cote) * 0.16);height:calc(var(--mc-cote) * 0.16);border-radius:50%;background-color:var(--mc-actif);pointer-events:none}.mc-case--erreur{background-color:var(--mc-erreur-fond);color:var(--mc-erreur-texte);box-shadow:inset 0 0 0 2px var(--mc-erreur-trait)}.mc-case--gagne{background-color:var(--mc-gagne-fond);color:var(--mc-gagne)}.mc__definitions{flex:1 1 auto;min-width:0;max-width:var(--mc-mesure)}.mc__defs-groupe{margin:0 0 22px}.mc__defs-titre{margin:0 0 10px;font-size:1.05rem;font-weight:700;color:var(--mc-texte)}.mc__defs-liste{margin:0;padding:0;list-style:none}.mc-def{margin:0}.mc-def__bouton{display:block;width:100%;padding:7px 10px;border:none;border-radius:6px;background:none;color:var(--mc-texte);font-size:0.95rem;line-height:1.55;text-align:left;cursor:pointer}.mc-def__bouton:hover,.mc-def__bouton:focus-visible{background-color:var(--mc-creneau-fond)}.mc-def__numero{font-weight:700;color:var(--mc-actif);margin-right:6px;font-variant-numeric:tabular-nums}.mc-def--active .mc-def__bouton{background-color:var(--mc-selection-fond)}.mc-def--resolue .mc-def__bouton{color:var(--mc-texte-doux)}.mc__actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:16px 0 0}.mc__message{min-height:1.6em;margin:14px 0 0;text-align:center;font-size:1rem}.mc__message--gagne{color:var(--mc-gagne);font-weight:700}.mc__message--erreur{color:var(--mc-erreur-texte)}.mc__source{margin:26px 0 0;font-size:0.88rem;line-height:1.6;color:var(--mc-texte-doux);text-align:center}.mc__source .mc__source-lien,.mc__source .mc__source-lien:visited{color:var(--mc-actif);text-decoration:underline}.mc__source .mc__source-lien:hover,.mc__source .mc__source-lien:focus-visible{color:#14708a}@media (max-width:700px){.mc__aire{flex-direction:column;align-items:center;gap:20px}.mc__grille-bloc{position:static}.mc__definitions{max-width:none;width:100%}.mc__barre{padding:12px 14px}}@media print{.mc__barre,.mc__phase,.mc__actions,.mc__message{display:none}.mc__aire{flex-direction:column}.mc__grille-bloc{position:static}.mc-case,.mc-case--creneau,.mc-case--selection,.mc-case--pose,.mc-case--retrait{background-color:#ffffff;box-shadow:inset 0 0 0 0.5px #000000;color:#000000}.mc-case--noire{background-color:#000000}.mc-case--revelee::after{display:none}.mc__grille{border-color:#000000}}.mc__barre[hidden],.mc__bouton[hidden],.mc__cadence[hidden],.mc__aire[hidden],.mc__grille[hidden],.mc-case[hidden],.mc__definitions[hidden],.mc__defs-groupe[hidden],.mc__defs-liste[hidden],.mc-def[hidden],.mc-def__bouton[hidden],.mc__actions[hidden],.mc__message[hidden]{display:none}