:root{--fond: #f4f6fb;--surface: #ffffff;--texte: #1d2433;--accent: #3b5bdb;--accent-texte: #ffffff;--juste: #2b8a3e;--faux: #c92a2a;--indice: #b35c00;--indice-fond: #fff4e6;--etoile: #f59f00;--etoile-texte: #9c5700;--bordure: #d0d6e2;--texte-doux: #5c6577;--juste-fond: #ebfbee;--objet: #fff9db;--objet-texte: #1d2433;--rayon: 16px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--texte);background:var(--fond);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{margin:0;background:var(--fond);-webkit-user-select:none;user-select:none}button{font:inherit;cursor:pointer;touch-action:manipulation}.ecran{min-height:100dvh;max-width:1100px;margin:0 auto;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:24px}.avancement{width:100%;max-width:560px;display:flex;justify-content:space-between;font-size:1.25rem;font-weight:600}.points{color:var(--accent)}.etoiles{margin:0;display:flex;gap:8px;font-size:4rem;line-height:1}.etoile{color:var(--bordure)}.etoile.gagnee{color:var(--etoile)}.meilleur-resultat,.info-defi{margin:0;font-size:1.125rem}.bilan-ligne.points-gagnes dd{color:var(--accent)}.exercice{width:100%;max-width:560px;display:flex;flex-direction:column;gap:16px;text-align:center}.enonce{margin:0;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:600;line-height:1.3}.saisie{display:block;min-height:72px;padding:12px 16px;font-size:clamp(2rem,6vw,2.75rem);font-variant-numeric:tabular-nums;background:var(--surface);border:3px solid var(--bordure);border-radius:var(--rayon)}.saisie.premier-essai,.saisie.apres-indice{border-color:var(--juste)}.saisie.rate{border-color:var(--faux)}.verdict{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:1.25rem}.verdict p{margin:0}.verdict-titre{font-size:1.75rem;font-weight:700}.verdict.premier-essai .verdict-titre,.verdict.apres-indice .verdict-titre{color:var(--juste)}.verdict.rate .verdict-titre{color:var(--faux)}.pave{width:100%;max-width:400px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.touche{min-height:72px;font-size:2rem;font-weight:600;color:var(--texte);background:var(--surface);border:2px solid var(--bordure);border-radius:var(--rayon)}.touche:active:not(:disabled){transform:scale(.96)}.touche:disabled{opacity:.4;cursor:default}.touche-valider{grid-column:1 / -1;color:var(--accent-texte);background:var(--accent);border-color:var(--accent)}.bouton-principal{min-height:64px;padding:0 32px;font-size:1.375rem;font-weight:600;color:var(--accent-texte);background:var(--accent);border:none;border-radius:var(--rayon)}.fin{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.titre-ecran{margin:0;font-size:clamp(1.75rem,4vw,2.5rem);text-align:center}.navigation{width:100%;max-width:560px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:1.25rem;font-weight:600}.navigation-boutons{display:flex;flex-wrap:wrap;gap:12px}.bouton-navigation{min-height:56px;padding:0 20px;font-size:1.125rem;font-weight:600;color:var(--accent);background:var(--surface);border:2px solid var(--bordure);border-radius:var(--rayon)}.carte-detail.badge-obtenu{font-weight:700;color:var(--etoile-texte)}.bilan{margin:0;display:flex;flex-direction:column;gap:12px;font-size:1.5rem}.bilan-ligne{display:flex;justify-content:space-between;gap:32px;min-width:min(100%,420px);padding:12px 20px;background:var(--surface);border:2px solid var(--bordure);border-radius:var(--rayon)}.bilan-ligne dt{text-align:left}.bilan-ligne dd{margin:0;font-weight:700}.bilan-ligne.premier-essai dd,.bilan-ligne.apres-indice dd{color:var(--juste)}.bilan-ligne.rate dd{color:var(--faux)}.indice{padding:12px 16px;font-size:1.25rem;background:var(--indice-fond);border:2px solid var(--indice);border-radius:var(--rayon)}.indice p{margin:0}.indice-titre{font-weight:700;color:var(--indice)}.bouton-secondaire{min-height:64px;padding:0 24px;font-size:1.25rem;font-weight:600;color:var(--accent);background:var(--surface);border:2px solid var(--accent);border-radius:var(--rayon)}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.annonce{margin:0;padding:12px 20px;font-size:1.375rem;font-weight:700;color:var(--accent);background:var(--surface);border:3px solid var(--accent);border-radius:var(--rayon)}.annonce.badge-obtenu{color:var(--etoile-texte);border-color:var(--etoile)}.cartes{width:100%;max-width:560px;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px}.carte{width:100%;min-height:96px;padding:16px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:var(--texte);text-align:left;background:var(--surface);border:2px solid var(--bordure);border-radius:var(--rayon)}.carte:disabled{cursor:default;opacity:.6}.carte-titre{font-size:1.5rem;font-weight:700}.carte-etoiles{font-size:2rem;line-height:1}.carte-detail{font-size:1.125rem}.suivi{width:100%;max-width:900px;display:flex;flex-direction:column;gap:24px}.suivi-points{margin:0;font-size:1.5rem;font-weight:700;text-align:center;color:var(--accent)}.suivi-section{display:flex;flex-direction:column;gap:12px}.suivi-section h2{margin:0;font-size:1.375rem}.suivi-vide{margin:0}.suivi-tableau{width:100%;table-layout:fixed;border-collapse:collapse;font-size:1.0625rem;background:var(--surface);border-radius:var(--rayon);overflow:hidden}.suivi-tableau th,.suivi-tableau td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--bordure)}.suivi-tableau thead th{font-size:.9375rem;color:var(--texte-doux)}.suivi-tableau tbody th{font-weight:600}.suivi-tableau thead th:first-child{width:34%}.suivi-tableau thead th:last-child{width:18%}.suivi-tableau tr.bientot{color:var(--texte-doux)}.suivi-tableau tr.a-retravailler{background:var(--indice-fond)}.suivi-etoiles{font-size:1.25rem;white-space:nowrap}.suivi-badge{color:var(--etoile-texte)}.suivi-alerte{color:var(--indice)}.suivi-bientot{font-weight:400}.carte.a-retravailler{border-color:var(--indice);background:var(--indice-fond)}.defi-avancement{align-items:center}.chrono{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums}.chrono-fin{color:var(--faux)}.flash{margin:0;font-size:1.375rem;font-weight:700}.flash.juste{color:var(--juste)}.flash.faux{color:var(--faux)}.resultat-defi{margin:0;font-size:2rem;font-weight:700}.consigne{margin:0;max-width:480px;font-size:1.125rem}.carte-defi .carte-titre{color:var(--accent)}@media (orientation: landscape) and (min-width: 800px){.serie{display:grid;grid-template-columns:1fr minmax(320px,400px);grid-template-rows:auto auto 1fr;align-items:center;column-gap:48px}.navigation,.avancement{grid-column:1 / -1;justify-self:center}.serie .navigation{max-width:none}}.code-de-secours{display:grid;gap:8px;justify-items:center;padding:20px;background:var(--surface);border:2px solid var(--bordure);border-radius:var(--rayon)}.code-de-secours-titre{margin:8px 0 0;font-weight:700;color:var(--texte-doux)}.code-de-secours-code{margin:0;font-size:2.6rem;font-weight:800;letter-spacing:.3em;color:var(--accent)}.code-de-secours-lien{margin:0;max-width:100%;font-family:ui-monospace,monospace;font-size:.9rem;overflow-wrap:anywhere}.saisie-code{display:grid;gap:12px;justify-items:center}.champ-code{width:9em;padding:10px;font-size:2rem;font-weight:800;letter-spacing:.25em;text-align:center;text-transform:uppercase;border:3px solid var(--bordure);border-radius:var(--rayon)}.echec-synchro{color:var(--faux);font-weight:600}.bouton-lien{padding:8px;font:inherit;color:var(--accent);background:none;border:none;text-decoration:underline;cursor:pointer}.reglages-section h2{font-size:1.2rem}.etat-synchro{color:var(--texte-doux)}.celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden;pointer-events:none}.eclat{position:absolute;top:-12px;width:10px;height:14px;border-radius:2px;opacity:0;animation-name:chute;animation-timing-function:cubic-bezier(.3,.6,.6,1);animation-fill-mode:forwards}.mouvement-gerbe .eclat{top:40%;animation-name:eclat}@keyframes chute{0%{opacity:1;transform:translate(0) rotate(0)}85%{opacity:1}to{opacity:0;transform:translate(var(--derive),105vh) rotate(var(--rotation))}}@keyframes eclat{0%{opacity:1;transform:translate(0) scale(.6)}to{opacity:0;transform:translate(var(--derive),-25vh) rotate(var(--rotation)) scale(1)}}.celebration-message{position:absolute;top:30%;left:50%;margin:0;padding:16px 28px;font-size:2rem;font-weight:800;color:var(--accent-texte);white-space:nowrap;background:var(--accent);border-radius:var(--rayon);box-shadow:0 12px 30px #0003;transform:translate(-50%);animation:apparition .4s cubic-bezier(.2,1.6,.4,1) both}.celebration-badge .celebration-message{font-size:2.4rem;background:var(--etoile)}@keyframes apparition{0%{opacity:0;transform:translate(-50%) scale(.4)}}@media (prefers-reduced-motion: reduce){.eclat{display:none}}.bouton-son{min-width:48px;font-size:1.3rem}.fraction{display:inline-flex;flex-direction:column;align-items:center;margin:0 .15em;vertical-align:middle;line-height:1.1}.fraction-partie{min-width:1ch;padding:0 .15em}.fraction-partie:first-child{border-bottom:.08em solid currentColor}.saisie-fraction .fraction-partie{min-width:2ch}.saisie-fraction .fraction-partie.actif{background:var(--indice-fond);border-radius:6px}.touche-barre-icone{display:inline-block;font-size:.7em;line-height:.9}.demi-droite{width:100%;max-width:520px;margin:0 auto}.demi-droite-trait,.demi-droite-graduation{stroke:var(--texte);stroke-width:2}.demi-droite-fleche{fill:var(--texte)}.demi-droite-nombre,.demi-droite-nom{font-size:18px;font-weight:700;text-anchor:middle;fill:var(--texte)}.demi-droite-point,.demi-droite-nom{fill:var(--accent)}.schema-barres,.suite-motifs{width:100%;max-width:520px;margin:0 auto}.suite-motifs{max-height:200px}.schema-part{fill:var(--surface);stroke:var(--texte);stroke-width:2}.schema-part.inconnue{fill:var(--indice-fond)}.schema-accolade{fill:none;stroke:var(--texte);stroke-width:2}.schema-texte,.schema-total,.schema-etiquette,.motif-etape{font-size:18px;font-weight:700;fill:var(--texte)}.schema-texte,.schema-total,.motif-etape{text-anchor:middle}.motif-etape{font-size:14px;font-weight:600}.motif{fill:var(--accent);stroke:var(--surface);stroke-width:2}.motif.fixe{fill:var(--texte-doux)}.saisie-unite{margin-left:.3em;font-size:.7em;color:var(--texte-doux)}.figure{width:100%;max-width:420px;max-height:240px;margin:0 auto}.figure-trait{fill:var(--indice-fond);stroke:var(--texte);stroke-width:2.5}.figure-cote,.horloge-chiffre{font-size:17px;font-weight:700;text-anchor:middle;fill:var(--texte)}.figure-point{fill:var(--texte)}.figure-mesure{stroke:var(--accent);stroke-width:2.5;stroke-dasharray:6 4}.quadrillage{fill:none;stroke:var(--bordure);stroke-width:1}.carreau{fill:var(--accent);fill-opacity:.55;stroke:var(--texte);stroke-width:1.5}.pave-face{stroke:var(--objet-texte);stroke-width:1.5;stroke-linejoin:round}.pave-face.devant{fill:#9fb3f5}.pave-face.dessus{fill:#cdd8fb}.pave-face.cote{fill:#7b93e6}.horloge-cadran{fill:var(--surface);stroke:var(--texte);stroke-width:3}.horloge-repere{stroke:var(--texte-doux);stroke-width:1}.horloge-repere.fort{stroke:var(--texte);stroke-width:2.5}.horloge-aiguille{stroke:var(--texte);stroke-linecap:round}.horloge-aiguille.heures{stroke-width:6}.horloge-aiguille.minutes{stroke-width:3.5;stroke:var(--accent)}.propositions,.figures-a-toucher{width:100%;max-width:420px;display:grid;gap:12px}.figures-a-toucher{max-width:640px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.proposition,.figure-a-toucher{min-height:64px;padding:12px 16px;font:inherit;font-size:1.25rem;font-weight:600;color:var(--texte);background:var(--surface);border:3px solid var(--bordure);border-radius:var(--rayon);cursor:pointer}.figure-a-toucher{padding:6px}.proposition{font-size:1.4rem}.proposition:active:not(:disabled),.figure-a-toucher:active:not(:disabled){border-color:var(--accent)}.proposition.ecartee,.figure-a-toucher.ecartee{opacity:.4;text-decoration:line-through}.proposition.bonne,.figure-a-toucher.bonne{border-color:var(--juste);background:var(--juste-fond);opacity:1}.proposition:disabled,.figure-a-toucher:disabled{cursor:default}.dessin{width:100%;max-width:360px;margin:0 auto}.dessin-trait{fill:none;stroke:var(--texte);stroke-width:2.5;stroke-linecap:round}.dessin-trait.epais{stroke-width:4}.dessin-cercle{fill:var(--indice-fond)}.dessin-codage{stroke:var(--accent);stroke-width:2.5}.dessin-angle-droit{fill:none;stroke:var(--accent);stroke-width:2}.dessin-point{fill:var(--texte)}.dessin-nom,.dessin-etiquette{font-size:17px;font-weight:700;fill:var(--texte)}.dessin-nom.centre,.dessin-etiquette{text-anchor:middle}.dessin-etiquette{font-size:15px;fill:var(--accent)}.regle,.rapporteur{width:100%;max-width:600px;margin:0 auto}.regle-corps,.rapporteur-corps{fill:var(--objet);stroke:var(--texte-doux);stroke-width:1.5}.regle-graduation,.rapporteur-graduation{stroke:var(--objet-texte);stroke-width:1.2}.regle-nombre,.rapporteur-nombre{font-size:15px;font-weight:600;text-anchor:middle;fill:var(--objet-texte)}.rapporteur-nombre.interieur{font-size:12px;fill:var(--texte-doux)}.rapporteur-cote{stroke:var(--accent);stroke-width:3.5;stroke-linecap:round}.dessin-trait.accent{stroke:var(--accent);stroke-width:3.5}.tableau-donnees-cadre{max-width:100%;overflow-x:auto}.tableau-donnees{margin:0 auto;border-collapse:collapse;font-size:1.1rem;background:var(--surface)}.tableau-donnees th,.tableau-donnees td{min-width:3.2em;padding:10px 12px;text-align:center;border:2px solid var(--bordure)}.tableau-donnees th{font-weight:700;background:var(--fond)}.tableau-donnees td{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums}.tableau-donnees td.inconnue{color:var(--indice);background:var(--indice-fond)}.diagramme,.urne{width:100%;max-width:440px;margin:0 auto}.urne{max-width:260px}.diagramme-titre{font-size:16px;font-weight:700;text-anchor:middle;fill:var(--texte)}.diagramme-graduation{font-size:13px;text-anchor:end;fill:var(--texte)}.diagramme-categorie{font-size:12px;font-weight:600;text-anchor:middle;fill:var(--texte)}.diagramme-quadrillage{stroke:var(--bordure);stroke-width:1}.diagramme-axe{stroke:var(--texte);stroke-width:2}.diagramme-barre{fill:var(--accent)}.urne-bord{fill:var(--surface);stroke:var(--texte);stroke-width:3}.urne-boule{stroke:var(--texte);stroke-width:1.5}.diagramme-axe-titre{font-size:13px;font-weight:600;fill:var(--texte-doux)}.fraction-et-ponctuation{white-space:nowrap}.grille-programme{width:100%;max-width:340px;margin:0 auto}.grille-case{fill:var(--surface);stroke:var(--bordure);stroke-width:2}.grille-rocher{fill:var(--texte-doux)}.grille-emoji{font-size:32px;text-anchor:middle}.grille-lettre{font-size:26px;font-weight:800;text-anchor:middle;fill:var(--accent)}.editeur-programme{width:100%;max-width:420px;display:grid;gap:10px}.editeur-ligne{display:flex;gap:10px}.editeur-ligne>.touche{flex:1}.editeur-ligne.fleches .touche{font-size:2rem}.touche-texte{font-size:1rem}.programme-ecrit{min-height:52px;margin:0;padding:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--surface);border:3px solid var(--bordure);border-radius:var(--rayon)}.programme-vide{color:var(--texte-doux)}.jeton{padding:4px 10px;font-size:1.4rem;font-weight:700;background:var(--fond);border-radius:8px}.jeton-repetition{font-size:1rem;color:var(--accent-texte);background:var(--accent)}.editeur-programme .grille-programme{max-width:240px}.editeur-programme .touche{min-height:52px}button.jeton{font:inherit;font-size:1.4rem;font-weight:700;color:var(--texte);border:none;cursor:pointer}.editeur-aide{margin:0;font-size:.95rem;color:var(--indice)}:root{--fond: #070b19;--surface: #131b34;--texte: #eef1fa;--texte-doux: #aeb7cf;--accent: #5cb8ff;--accent-texte: #06101f;--juste: #69db7c;--juste-fond: #10301c;--faux: #ff8787;--indice: #ffc078;--indice-fond: #2e2213;--etoile: #ffd43b;--etoile-texte: #ffd43b;--bordure: #2d3a60;--objet: #fff3bf;--objet-texte: #1d2433;color-scheme:dark}body{background-color:var(--fond);background-image:radial-gradient(1.5px 1.5px at 30px 40px,#ffffff 50%,transparent 51%),radial-gradient(1px 1px at 140px 110px,rgb(255 255 255 / .8) 50%,transparent 51%),radial-gradient(1px 1px at 90px 170px,rgb(173 216 255 / .7) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 200px 20px,rgb(255 236 179 / .8) 50%,transparent 51%),radial-gradient(ellipse at 20% 0%,rgb(76 110 245 / .18),transparent 60%),radial-gradient(ellipse at 90% 100%,rgb(204 93 232 / .14),transparent 60%);background-size:230px 230px,170px 170px,260px 260px,310px 310px,100% 100%,100% 100%;background-attachment:fixed}.carte,.touche,.bouton-navigation,.bouton-secondaire,.proposition,.figure-a-toucher,.saisie,.code-de-secours,.programme-ecrit{box-shadow:0 0 0 1px #5cb8ff14,0 6px 18px #00000059}.bouton-principal,.touche-valider{box-shadow:0 0 16px #5cb8ff73}.nom-appli{margin:0;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--etoile);text-shadow:0 0 12px rgb(255 212 59 / .45)}.nom-appli.grand{font-size:clamp(1.3rem,4.4vw,1.9rem);text-align:center}.navigation .nom-appli{font-size:.85rem}.carte-planete{display:grid;grid-template-columns:84px 1fr;gap:4px 14px;align-items:center;text-align:left}.carte-planete .planete{grid-row:span 3;width:84px;height:84px}.nom-planete{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.planete-cratere{fill:#00000029}.paysage-dune{fill:#ffd68c8c}.paysage-neige{fill:#fff}.paysage-crevasse{fill:none;stroke:#1864ab99;stroke-width:2;stroke-linecap:round}.paysage-arbres{fill:#145028b3}.paysage-lac{fill:#339af0d9}.paysage-brume{fill:none;stroke:#ffffff73;stroke-width:6;stroke-linecap:round}.paysage-lumiere{fill:#ffe066}.planete-nuit{fill:#00000040}.planete-soleil{fill:#ffd43b;filter:drop-shadow(0 0 4px rgb(255 212 59 / .8))}.planete-soleil.second{fill:#ff922b}.planete-lune{fill:#ced4da}.insigne{width:1.6em;height:1.8em;vertical-align:middle;margin-right:.35em;filter:drop-shadow(0 0 4px rgb(255 212 59 / .6))}.insigne-ecusson{fill:#f2b705;stroke:#fff3bf;stroke-width:2}.insigne-chevron{fill:none;stroke:#5c3d00;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.insigne-etoile{fill:#fff9db}.rapporteur-nombre.interieur{fill:#5c6577}.eclat{width:12px;height:12px;border-radius:0;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.trainee{position:absolute;top:50%;left:50%;width:45vmax;height:2px;transform-origin:0 50%;opacity:0;animation-name:hyperespace;animation-timing-function:cubic-bezier(.5,0,.9,.5);animation-fill-mode:forwards}@keyframes hyperespace{0%{opacity:0;transform:rotate(var(--angle)) translate(2vmax) scaleX(.05)}25%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translate(10vmax) scaleX(1)}}.trait-lumineux{position:absolute;top:62%;left:10%;height:10px;width:0;border-radius:6px;background:#fff;box-shadow:0 0 10px 4px var(--accent),0 0 30px 10px #5cb8ff99;animation:allumage .6s ease-out forwards,extinction .4s ease-in calc(var(--duree) - .6s) forwards}@keyframes allumage{to{width:80%}}@keyframes extinction{to{width:0;opacity:0}}.celebration-message{color:var(--accent-texte);background:var(--accent);box-shadow:0 0 24px #5cb8ff99}.celebration-badge .celebration-message{color:#3d2800;background:var(--etoile);box-shadow:0 0 24px #ffd43b99}@media (prefers-reduced-motion: reduce){.trainee,.trait-lumineux{display:none}.celebration-message{animation:none}}.titre-planete{margin:0 0 -8px;text-align:center}.en-tete{width:100%;max-width:560px;display:grid;gap:8px;justify-items:center}.en-tete .nom-appli:not(.grand){font-size:.95rem}.titre-domaine-suivi{display:flex;align-items:center;gap:12px}.titre-domaine-suivi .planete{width:56px;height:56px;flex:none}.rang-jedi{margin:-6px 0 0;text-align:center;color:var(--texte-doux)}.rang-jedi strong{color:var(--accent)}