@font-face{font-family:CopieCursive;src:url(/fonts/CursiveDumont.otf)format("opentype");font-display:swap}@font-face{font-family:CopieFredoka;src:url(/fonts/Fredoka.ttf)format("truetype");font-display:swap}.copie-decor{--font-eleve:CopieFredoka,sans-serif;font-family:var(--font-eleve);isolation:isolate;color:#173f41;box-sizing:border-box;background:#e4efe7 url(/images/jeux/copie-mots-fond-v2.webp) 50%/cover;width:100%;height:100%;min-height:0;padding:clamp(8px,2vh,20px);position:relative;overflow:hidden}.copie-decor *{box-sizing:border-box}.copie-decor [hidden]{display:none!important}.copie-robot{z-index:1;pointer-events:none;width:clamp(80px,15vw,190px);height:auto;position:absolute;bottom:1%;right:1%}.cm-screen{background:#fffdf5e0;border-radius:16px;flex-direction:column;align-items:center;gap:clamp(6px,1.2vh,14px);max-width:940px;height:100%;max-height:100%;margin:auto;padding:12px 18px;display:flex}.cm-screen h1{text-align:center;margin:0;font-size:clamp(26px,4vw,40px)}.cm-screen p{text-align:center;margin:0;font-size:clamp(14px,1.8vw,18px)}.cm-options{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.cm-options label{align-items:center;gap:8px;font-size:16px;display:flex}.cm-options input{accent-color:#20685d;width:22px;height:22px}.cm-options select{font:inherit;color:#173f41;background:#fffdf5;border:1px solid #678d81;border-radius:8px;min-height:44px;padding:8px}.copie-decor button{font:inherit;color:#173f41;cursor:pointer;background:#fffdf5;border:1px solid #678d81;border-radius:12px;min-height:44px;padding:8px 14px}.copie-decor button:hover:not(:disabled){background:#e0f1df}.copie-decor button:disabled{opacity:.55;cursor:default}.copie-decor :focus-visible{outline-offset:3px;outline:3px solid #1b625c}.copie-decor ::selection{color:#173f41;background:#f3c275}.copie-decor .cm-primary{color:#fffdf5;background:#20685d;border-color:#20685d}.copie-decor .cm-primary:hover:not(:disabled){background:#174c43}.cm-niveaux{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,760px);min-height:0;display:grid}.cm-niveaux .niv-card{text-align:left;align-items:center;gap:12px;min-width:0;padding:10px 14px;display:flex}.niv-card strong{color:#20685d;white-space:nowrap;flex-shrink:0;min-width:28px;font-size:24px}.niv-card span{font-size:clamp(13px,1.6vw,18px)}.niv-card small{color:#3d625d;margin-top:3px;font-size:12px;display:block}.cm-star{fill:none;stroke:#6b877b;stroke-width:1.5px;flex-shrink:0;width:22px;height:22px;margin-left:auto}.cm-acquis .cm-star{fill:#efb343;stroke:#755311}.cm-screen .cm-note{font-size:12px}.cm-toolbar{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.cm-toolbar h2{margin:0;font-size:clamp(20px,3vw,28px)}.cm-toolbar button:last-child{place-items:center;width:44px;padding:8px;display:grid}.cm-exercice{flex:1;justify-content:center;align-items:center;gap:clamp(14px,3vw,40px);width:100%;min-height:min-content;max-height:380px;display:flex}.cm-image-wrap{flex-shrink:0;width:clamp(100px,20vw,210px)}.cm-image-wrap img{object-fit:contain;background:#fffdf5;border-radius:16px;width:100%;height:clamp(100px,20vw,210px);padding:8px;display:block}.cm-ecriture{--cm-cell:min(62px,calc((100vw - 320px)/var(--cm-nb)));width:calc(var(--cm-cell)*var(--cm-nb));text-align:center;min-width:0}#cm-modele-zone{flex-direction:column;justify-content:center;min-height:76px;display:flex}#cm-modele{color:#173f41;white-space:nowrap;font-family:Arial,sans-serif;font-size:clamp(32px,4.5vw,52px);line-height:1.4}#cm-modele.cm-cursive{font-family:CopieCursive,cursive;font-weight:400}#cm-modele.cm-petit{font-size:clamp(22px,2.8vw,30px)}#cm-modele.cm-cache{font-family:var(--font-eleve);white-space:normal;color:#3d625d;font-size:18px}.cm-avec-cases{display:flex}.cm-avec-cases span{width:var(--cm-cell);font-size:min(48px,var(--cm-cell));background:#fffdf5;border:1px solid #678d81;flex-shrink:0}.cm-memoire{flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:44px;margin:6px 0;font-size:15px;display:flex}#cm-chrono{font-variant-numeric:tabular-nums;white-space:nowrap}#cm-jetons{justify-content:center;gap:2px;width:max-content;display:flex}.copie-decor [data-jeton]{background:0 0;border:0;flex-shrink:0;width:44px;height:44px;padding:0}[data-jeton] svg{width:44px;height:44px;display:block}.cm-jeton-croix{display:none}[data-utilise=true] .cm-jeton-croix{display:block}.copie-decor [data-utilise=true]:disabled{opacity:1}[data-utilise=true] circle{fill:#e4efe7;stroke:#527e70}#cm-bilan{max-width:48ch}#cm-form label{margin-bottom:6px;font-size:16px;display:block}.cm-saisie-wrap{height:68px;position:relative}#cm-saisie{width:100%;height:100%;font-family:Arial,sans-serif;font-size:min(52px,var(--cm-cell));text-align:center;color:#173f41;caret-color:#173f41;background:#fffdf5;border:2px solid #527e70;border-radius:8px;padding:4px;font-weight:500}.cm-cases-actives #cm-saisie{color:#0000;caret-color:#0000;z-index:2;background:0 0;position:absolute;inset:0}#cm-cases{pointer-events:none;height:100%;display:flex}#cm-cases span{width:var(--cm-cell);font:500 min(52px,var(--cm-cell)) Arial,sans-serif;background:#fffdf5;border:1px solid #527e70;place-items:center;display:grid}.cm-code{align-items:center;width:100%;height:20px;margin-top:6px;display:flex}.cm-grapheme{display:flex}.cm-trait{width:calc(var(--cm-cell) - 6px);border-radius:4px;height:7px;margin:0 3px;position:relative}.cm-trait.cm-muet{border-bottom:4px dashed;border-radius:0;height:0}.cm-point{z-index:1;border-radius:50%;width:13px;height:13px;position:absolute;top:-3px;right:-7px}#cm-message{color:#80361e;min-height:20px;margin:4px 0;font-size:14px}.cm-clavier{flex-direction:column;align-items:center;gap:5px;width:min(100%,620px);display:flex}.cm-clavier>div{justify-content:center;gap:5px;width:100%;display:flex}.cm-clavier .cm-clavier-actions{gap:12px}.cm-clavier [data-lettre]{flex:1;min-width:0;max-width:54px;min-height:44px;padding:5px;font:600 21px Arial,sans-serif}#cm-effacer{padding:4px 14px;font-size:14px}#cm-fin{background:#fffdf5;border-radius:12px;flex-direction:column;align-items:center;gap:10px;width:min(100%,620px);padding:12px;display:flex}.cm-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}@media (width<=640px){.copie-decor{background-image:url(/images/jeux/copie-mots-fond-portrait.webp);padding:8px}.copie-robot{opacity:1;width:82px;bottom:0;right:0}.cm-screen{border-radius:12px;gap:7px;padding:6px}.cm-options{gap:14px}.cm-options label{font-size:14px}.cm-niveaux{gap:5px}.cm-niveaux .niv-card{gap:5px;min-height:65px;padding:7px}.niv-card strong{min-width:20px;font-size:20px}.niv-card small{font-size:10px}.cm-star{width:17px;height:17px}.cm-exercice{flex-direction:column;flex:initial;gap:6px;max-height:none}.cm-image-wrap{width:100px}.cm-image-wrap img{height:100px}.cm-ecriture{--cm-cell:min(48px,calc((100vw - 32px)/var(--cm-nb)))}#cm-modele-zone{min-height:60px}#cm-modele{font-size:36px}#cm-modele.cm-petit{font-size:22px}.cm-saisie-wrap{height:58px}.cm-memoire{gap:6px;font-size:13px}.cm-memoire button{padding:6px;font-size:13px}.cm-clavier{gap:4px}.cm-clavier>div{gap:3px}.cm-clavier [data-lettre]{min-height:44px;padding:3px;font-size:17px}#cm-fin{padding:8px}.cm-actions button{padding:6px 10px;font-size:14px}}@media (height<=700px){.copie-decor{padding:6px}.cm-screen{gap:3px;padding:4px 6px}.cm-screen h1{font-size:26px}.cm-screen>p{font-size:14px}.cm-niveaux .niv-card{min-height:54px;padding:5px 8px}.niv-card small{font-size:10px}.cm-exercice{max-height:245px}.cm-image-wrap{width:90px}.cm-image-wrap img{height:90px}#cm-modele-zone{min-height:40px}.cm-memoire{margin:2px 0}.cm-saisie-wrap{height:50px}#cm-message{min-height:16px;margin:1px 0}#cm-modele{font-size:32px;line-height:1.25}.cm-clavier{gap:3px}.cm-clavier [data-lettre]{min-height:44px}.cm-screen .cm-note{font-size:10px}}@media (width<=640px) and (height<=700px){.cm-exercice{flex-shrink:0;max-height:none}.cm-image-wrap{width:48px}.cm-image-wrap img{height:48px;padding:4px}.cm-code{height:16px;margin-top:4px}.copie-robot{width:50px}.cm-niveaux .niv-card{gap:4px;padding:5px}.niv-card strong{min-width:26px;font-size:18px}.niv-card span{font-size:12px}.cm-screen .cm-note{text-align:left;align-self:flex-start;max-width:230px}}