:root{--u: #f4c20d;--u-clair: #fdeaa8;--d: #2fa84f;--d-clair: #bfe6c8;--c: #2f6fd0;--c-clair: #bcd4f5;--cadre-fond: #fffdf6;--cadre-fond-2: #f4efe1;--cadre-encre: #21324e;--juste: #2fa84f;--juste-clair: #d9f2e0;--revoir: #e0873b;--r-s: 10px;--r-m: 16px;--r-l: 26px;--e-1: 6px;--e-2: 12px;--e-3: 20px;--e-4: 32px;--police: "OpenDyslexic", "Comic Sans MS", "Trebuchet MS", system-ui, sans-serif;--fond: #fbf7ec;--fond-2: #fffdf6;--encre: #21324e;--encre-douce: #5c6b82;--trait: #ddcfaf;--marge: #d0473a;--accent: #2f6fd0;--carte: #ffffff;--ombre: 0 6px 18px rgba(33, 50, 78, .12);--voile: rgba(20, 26, 34, .45)}@font-face{font-family:OpenDyslexic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/OpenDyslexic-Regular.woff) format("woff")}@font-face{font-family:OpenDyslexic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/OpenDyslexic-Bold.woff) format("woff")}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--police);color:var(--encre);background:var(--fond);-webkit-font-smoothing:antialiased;overflow:hidden}h1,h2,h3,h4,p{margin:0}button{font-family:inherit;cursor:pointer}#app{height:100vh;height:100dvh}:root[data-ambiance=cahier]{--fond: #fbf7ec;--fond-2: #fffdf6;--encre: #21324e;--encre-douce: #5c6b82;--trait: #ddcfaf;--marge: #d0473a;--accent: #2f6fd0;--carte: #ffffff;--ombre: 0 6px 18px rgba(33, 50, 78, .12);--voile: rgba(20, 26, 34, .45)}:root[data-ambiance=cahier] body{background-image:linear-gradient(var(--marge),var(--marge)) 46px 0 / 2px 100% no-repeat,repeating-linear-gradient(to bottom,transparent 0,transparent 37px,var(--trait) 37px,var(--trait) 38px);background-color:var(--fond)}:root[data-ambiance=ardoise]{--fond: #21302f;--fond-2: #2a3b3a;--encre: #f2f6f4;--encre-douce: #b7c4c0;--trait: #3a4c4a;--marge: #e5766b;--accent: #8bc0ff;--carte: #2c3d3c;--ombre: 0 8px 22px rgba(0, 0, 0, .4);--voile: rgba(0, 0, 0, .55)}:root[data-ambiance=ardoise] body{background-color:var(--fond);background-image:radial-gradient(1200px 700px at 70% -10%,rgba(255,255,255,.04),transparent 60%)}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}.header{flex:0 0 auto;display:flex;align-items:center;gap:var(--e-3);padding:var(--e-2) var(--e-3);background:var(--fond-2);border-bottom:3px solid var(--trait);box-shadow:var(--ombre);z-index:20}.header__jour{display:flex;flex-direction:column;align-items:center;line-height:1;padding:var(--e-1) var(--e-3);background:var(--accent);color:#fff;border-radius:var(--r-m);min-width:96px}.header__jour-label{font-size:.9rem;letter-spacing:.15em;text-transform:uppercase;opacity:.9}.header__jour-num{font-size:2.8rem;font-weight:700;font-variant-numeric:tabular-nums}.header__centre{flex:1;min-width:0}.header__date{font-size:1.6rem;font-weight:700;text-transform:capitalize}.header__vacances{font-size:1rem;color:var(--encre-douce);margin-top:2px}.header__droite{display:flex;align-items:center;gap:var(--e-2)}.header__anglais{width:120px;height:56px;border:2px dashed var(--trait);border-radius:var(--r-s);opacity:.5}.scene{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:1fr 340px;gap:var(--e-3);padding:var(--e-3)}.scene__missions,.scene__cote{min-height:0;overflow:auto}.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--e-3);align-content:start}@media (max-width: 900px),(orientation: portrait){.scene{grid-template-columns:1fr}.header__anglais{display:none}}.btn{border:none;border-radius:var(--r-m);padding:12px 20px;font-size:1.1rem;font-weight:700;background:var(--accent);color:#fff;box-shadow:var(--ombre);transition:transform .1s,filter .1s}.btn:hover{filter:brightness(1.06)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--valider{background:var(--juste);font-size:1.3rem;padding:14px 34px}.btn--doux{background:var(--fond);color:var(--encre);border:2px solid var(--trait);box-shadow:none}.btn--danger{background:var(--marge)}.pastille{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:1 / 1;padding:var(--e-3) var(--e-2);background:var(--carte);color:var(--encre);border:3px solid var(--trait);border-radius:var(--r-l);box-shadow:var(--ombre);transition:transform .12s,border-color .12s,background .12s}.pastille:hover{transform:translateY(-3px)}.pastille:active{transform:scale(.97)}.pastille--ce1{border-color:var(--c)}.pastille--cm1{border-color:var(--d)}.pastille__picto svg{width:62px;height:62px}.pastille__label{font-weight:700;text-align:center;font-size:1.02rem;line-height:1.15}.pastille__niveau{font-size:.72rem;letter-spacing:.12em;color:var(--encre-douce)}.pastille__coche{position:absolute;top:8px;right:12px;color:var(--juste);font-size:1.5rem;opacity:0}.pastille.is-valide{border-color:var(--juste);background:var(--juste-clair)}.pastille.is-valide .pastille__coche{opacity:1}.mission-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:96px 24px 24px;background:var(--voile);opacity:0;transition:opacity .2s}.mission-overlay.is-ouvert{opacity:1}.mission-overlay--contenu{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;padding:12px;background:transparent}.cadre{width:min(900px,94vw);max-height:80vh;overflow:auto;display:flex;flex-direction:column;background:var(--cadre-fond);color:var(--cadre-encre);border-radius:var(--r-l);box-shadow:0 24px 60px #0006;transform:translateY(14px) scale(.98);transition:transform .2s}.mission-overlay.is-ouvert .cadre{transform:none}.cadre__tete{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:2px solid var(--cadre-fond-2)}.cadre__niveau{background:var(--c);color:#fff;padding:4px 12px;border-radius:999px;font-weight:700;font-size:.9rem}.cadre--cm1 .cadre__niveau{background:var(--d)}.cadre__titre{flex:1;font-size:1.5rem}.cadre__fermer{border:none;background:transparent;color:var(--cadre-encre);font-size:2rem;line-height:1;width:44px;height:44px;border-radius:50%}.cadre__fermer:hover{background:var(--cadre-fond-2)}.cadre__corps{padding:26px 22px;min-height:180px}.cadre__pied{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-top:2px solid var(--cadre-fond-2)}.cadre__retour{font-weight:700;font-size:1.1rem}.cadre.is-juste{outline:4px solid var(--juste);outline-offset:-4px}.cadre.is-juste .cadre__retour{color:var(--juste)}.cadre.is-erreur{animation:secousse .5s}.cadre.is-erreur .cadre__retour{color:var(--revoir)}@keyframes secousse{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-7px)}80%{transform:translate(5px)}}.mission-placeholder{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.mission-placeholder__badge{background:var(--u-clair);color:#7a5b00;padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:700}.mission-placeholder__titre{font-size:1.6rem}.mission-placeholder__num strong{font-size:1.6rem;color:var(--c)}.mission-placeholder__hint{color:#6b5f49}.mission-placeholder__sim{display:flex;gap:12px;margin-top:8px}.mission-placeholder__sim .is-actif{outline:3px solid var(--c)}.roues{display:flex;flex-direction:column;gap:var(--e-3)}.roue{background:var(--carte);border:3px solid var(--trait);border-radius:var(--r-l);padding:var(--e-3);box-shadow:var(--ombre)}.roue--ce1{border-top:8px solid var(--c)}.roue--cm1{border-top:8px solid var(--d)}.roue__tete{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.roue__titre{font-size:1.3rem}.roue__resultat{font-size:2rem;font-weight:700;text-align:center;padding:10px;border-radius:var(--r-m);background:var(--fond);margin-bottom:12px;min-height:60px}.roue__liste{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.roue__item{display:flex;align-items:center;gap:4px}.roue__nom{border:2px solid var(--trait);background:var(--fond-2);color:var(--encre);border-radius:999px;padding:6px 12px;font-size:1rem;font-weight:700}.roue__item.is-tire .roue__nom{background:var(--u);border-color:var(--u);color:#3a2e00}.roue__item.is-absent .roue__nom{opacity:.4;text-decoration:line-through}.roue__item.is-prio .roue__nom{box-shadow:0 0 0 3px var(--d-clair)}.roue__abs{border:none;background:transparent;color:var(--encre-douce);font-size:1rem;width:26px;height:26px;border-radius:50%}.roue__abs:hover{background:var(--fond)}.roue__vide{color:var(--encre-douce)}.pop{animation:pop .5s}@keyframes pop{0%{transform:scale(.6)}50%{transform:scale(1.18)}to{transform:scale(1)}}.header__badge{padding:6px 12px;border-radius:999px;font-weight:700;font-size:.85rem;white-space:nowrap}.header__badge--rattrapage{background:var(--revoir);color:#fff}.header__badge--test{background:var(--u);color:#3a2e00}.message{max-width:680px;margin:6vh auto 0;text-align:center;background:var(--carte);border:3px solid var(--trait);border-radius:var(--r-l);padding:var(--e-4);box-shadow:var(--ombre)}.message__emoji{font-size:3rem}.message h2{font-size:1.8rem;margin:10px 0 12px}.message p{color:var(--encre-douce);font-size:1.1rem;margin-bottom:10px}.message .btn{margin-top:12px}.grille-vide{color:var(--encre-douce);padding:20px}.reglages-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:var(--voile);display:grid;place-items:start center;padding:40px 16px;overflow:auto}.reglages{width:min(760px,96vw);background:var(--carte);color:var(--encre);border-radius:var(--r-l);box-shadow:0 24px 60px #0006}.reglages__tete{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:var(--carte);border-bottom:2px solid var(--trait);border-radius:var(--r-l) var(--r-l) 0 0;z-index:1}.reglages__section{padding:16px 22px;border-bottom:1px solid var(--trait)}.reglages__section h3{margin-bottom:10px;color:var(--accent)}.reglages__ligne{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin:6px 0}.reglages__missions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reglage-mission{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r-s);background:var(--fond)}.reglage-mission__nom{font-weight:700}.reglage-mission__meta{margin-left:auto;font-size:.78rem;color:var(--encre-douce);text-align:right}.reglages__prenoms{display:grid;grid-template-columns:1fr 1fr;gap:18px}.prenoms__liste{list-style:none;margin:6px 0;padding:0;display:flex;flex-direction:column;gap:6px}.prenom-item{display:flex;align-items:center;gap:8px}.prenom-item__nom{font-weight:700;flex:1}.prenom-item.is-absent .prenom-item__nom{opacity:.5;text-decoration:line-through}.prenom-item__passages{font-size:.8rem;color:var(--encre-douce)}.prenoms__vide{color:var(--encre-douce);list-style:none}.mini{border:none;background:var(--fond);color:var(--encre-douce);width:28px;height:28px;border-radius:6px}.mini:hover{background:var(--trait)}.prenom-ajout{display:flex;gap:8px;margin-top:8px}.prenom-ajout input,.reglages input[type=number]{padding:8px;border:2px solid var(--trait);border-radius:var(--r-s);font-family:inherit;background:var(--fond-2);color:var(--encre)}.prenom-ajout input{flex:1}.reglages input[type=number]{width:84px}.reglages__aide{font-size:.85rem;color:var(--encre-douce);margin-top:6px}@media (max-width: 640px){.reglages__missions,.reglages__prenoms{grid-template-columns:1fr}}.recompense-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#0a0c148c;opacity:0;transition:opacity .3s}.recompense-overlay.is-ouvert{opacity:1}.recompense-overlay--leger{background:transparent;pointer-events:none}.recompense-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.recompense-message{position:relative;text-align:center;z-index:1}.recompense-bravo{font-size:clamp(2rem,6vw,4rem);font-weight:700;color:#fff;text-shadow:0 3px 12px rgba(0,0,0,.5)}.recompense-welldone{font-size:clamp(1.4rem,4vw,2.4rem);color:var(--u);margin-top:6px}.gear{position:fixed;bottom:14px;right:14px;width:52px;height:52px;border-radius:50%;border:none;background:var(--carte);color:var(--encre-douce);box-shadow:var(--ombre);font-size:1.5rem;z-index:30;opacity:.5;transition:opacity .15s,transform .15s}.gear:hover{opacity:1}.gear.is-presse{transform:scale(1.15);opacity:1}