:root{--nuit: #12102a;--nuit-2: #1b1840;--carte: #262250;--carte-2: #322c66;--bord: #504a94;--ombre: #0a0918;--texte: #f4f2ff;--doux: #a49dda;--accent: #ffc93c;--accent-2: #6be49a;--danger: #ff6b6b;--px: 4px;--touche-min: 52px;--titre: "Press Start 2P", "Courier New", monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:var(--nuit);background-image:radial-gradient(circle,#ffffff22 1px,transparent 1px),radial-gradient(circle,#ffffff14 1px,transparent 1px),radial-gradient(120% 80% at 50% 0%,#2e2668 0%,transparent 70%);background-size:64px 64px,37px 37px,100% 100%;color:var(--texte);font-family:Nunito,Avenir Next,system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior:none}h1,h2{margin:0;font-family:var(--titre);font-weight:400;line-height:1.5}h1{font-size:.95rem}h2{font-size:.75rem}p{margin:0}button{font:inherit;color:inherit;cursor:pointer}ol,ul{margin:0;padding:0;list-style:none}.bloc,.etape,.puce,.touche,.comp,.reglages label,.choix__option,.champ input,.pas__item,.reprise,.compagnon__bulle,.pourquoi{border:var(--px) solid var(--bord);border-radius:0;box-shadow:var(--px) var(--px) 0 var(--ombre)}.app{min-height:100%;padding-bottom:84px}.sprite{image-rendering:pixelated;flex:none}.sprite--content{animation:sautille .5s steps(4) 2}.sprite--pensif{animation:penche 1.2s steps(2) infinite}@keyframes sautille{50%{transform:translateY(-6px)}}@keyframes penche{50%{transform:rotate(-6deg)}}.onboarding{min-height:100%;display:flex;flex-direction:column;align-items:center;gap:18px;padding:32px 16px calc(28px + env(safe-area-inset-bottom));text-align:center}.onboarding h1{font-size:1.25rem;color:var(--accent);text-shadow:var(--px) var(--px) 0 var(--ombre)}.onboarding__accroche{color:var(--doux);max-width:32ch}.champ{display:grid;gap:8px;width:100%;max-width:340px;text-align:left;font-weight:800}.champ input{min-height:var(--touche-min);padding:0 14px;background:var(--nuit-2);color:var(--texte);font-size:1.05rem}.champ input:focus-visible{outline:var(--px) solid var(--accent);outline-offset:2px}.choix{border:0;padding:0;margin:0;display:grid;gap:10px;width:100%;max-width:360px}.choix legend{font-family:var(--titre);font-size:.7rem;padding-bottom:10px}.choix__option{display:grid;gap:4px;text-align:left;padding:14px;background:var(--carte)}.choix__option span{color:var(--doux);font-size:.88rem}.choix__option--actif{border-color:var(--accent);background:var(--carte-2)}.heros-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:360px}.heros-carte{display:grid;justify-items:center;gap:6px;padding:10px 4px;background:var(--carte);border:var(--px) solid var(--bord);box-shadow:var(--px) var(--px) 0 var(--ombre);font-size:.7rem;font-weight:800;line-height:1.2}.heros-carte--actif{border-color:var(--accent);background:var(--carte-2)}.heros-carte--ferme{opacity:.45}.heros-carte__verrou{color:var(--doux);font-size:.65rem}.gros{min-height:58px;padding:0 24px;border:var(--px) solid var(--ombre);border-radius:0;background:var(--accent);box-shadow:var(--px) var(--px) 0 var(--ombre);color:#201a00;font-family:var(--titre);font-size:.8rem}.gros:active{transform:translate(var(--px),var(--px));box-shadow:none}.gros:disabled{opacity:.4}.lien{background:none;border:0;color:var(--doux);text-decoration:underline;padding:10px}.carte{padding:18px 14px 8px;display:grid;gap:18px}.carte__top{display:flex;align-items:center;gap:12px}.carte__salut{font-family:var(--titre);font-size:.75rem}.carte__niveau{color:var(--doux);font-size:.85rem}.jauge{flex:1;height:16px;background:var(--nuit-2);border:var(--px) solid var(--bord);overflow:hidden}.jauge span{display:block;width:100%;height:100%;transform-origin:left;transform:scaleX(var(--p, 0));background:repeating-linear-gradient(90deg,var(--accent) 0 6px,#e0a91f 6px 12px)}.reprise{display:grid;gap:6px;text-align:left;padding:16px;background:var(--carte-2);border-color:var(--accent)}.reprise__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--doux)}.reprise strong{font-family:var(--titre);font-size:.8rem;line-height:1.6}.reprise__go{font-weight:800;color:var(--accent)}.monde{display:grid;gap:8px}.monde__titre{display:flex;align-items:center;gap:10px}.monde__titre em{display:block;font-family:Nunito,system-ui,sans-serif;font-style:normal;font-weight:600;font-size:.8rem;color:var(--doux);margin-top:4px}.monde__emoji{font-size:1.5rem}.monde__compte{margin-left:auto;color:var(--doux);font-size:.8rem;font-weight:800}.monde__liste{display:grid;gap:8px}.etape{width:100%;min-height:var(--touche-min);display:flex;align-items:center;gap:12px;padding:12px;background:var(--carte);text-align:left}.etape:active{transform:translate(var(--px),var(--px));box-shadow:none}.etape__pastille{flex:none;width:14px;height:14px;background:var(--monde, var(--bord))}.etape__titre{flex:1;font-weight:700;font-size:.95rem}.etape__etoiles{color:var(--accent);letter-spacing:2px;white-space:nowrap}.etape--boss{background:var(--carte-2);border-color:var(--accent)}.etape__badge{display:inline-block;margin-right:8px;padding:3px 7px;background:var(--accent);color:#201a00;font-family:var(--titre);font-size:.5rem}.etape--fermee{opacity:.4}.etape--fermee:active{transform:none}.onglets{position:fixed;inset:auto 0 0 0;display:flex;background:var(--nuit-2);border-top:var(--px) solid var(--bord);padding-bottom:env(safe-area-inset-bottom)}.onglets button{flex:1;display:grid;justify-items:center;gap:4px;padding:10px 4px;border:0;background:none;color:var(--doux);font-family:var(--titre);font-size:.55rem}.onglets button span{font-size:1.3rem}.onglets .actif{color:var(--accent)}.mission{height:100dvh;display:grid;grid-template-rows:auto auto 1fr auto auto auto auto;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));overflow:hidden}.mission__top{display:flex;align-items:center;gap:8px;min-height:44px}.mission__top h1{flex:1;font-size:.6rem;text-align:center}.mission__compte{min-width:62px;text-align:right;font-family:var(--titre);font-size:.7rem;color:var(--accent);white-space:nowrap}.prise{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px;background:var(--nuit-2);border:var(--px) solid var(--bord);font-size:.78rem;font-weight:700;color:var(--doux)}.prise b{display:inline-flex;align-items:center;gap:5px;color:var(--texte);font-weight:800}.prise i{width:13px;height:13px;display:inline-block;border:2px solid var(--ombre)}.compagnon{display:flex;align-items:center;gap:10px}.compagnon__bulle{flex:1;min-height:76px;display:flex;align-items:center;padding:8px 12px;background:var(--carte);font-size:.92rem}.mission__cube{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:0;overflow:hidden}.mission__outils{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.puce{min-height:42px;padding:0 12px;background:var(--nuit-2);font-size:.8rem;font-weight:800}.puce:active{transform:translate(var(--px),var(--px));box-shadow:none}.puce:disabled{opacity:.35}.puce--aide{border-color:var(--accent);color:var(--accent)}.pourquoi{background:var(--nuit-2);padding:10px 12px}.pourquoi summary{font-weight:800;cursor:pointer;font-size:.9rem}.pourquoi p{margin-top:8px;color:var(--doux);font-size:.9rem}.scene{perspective:1200px;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.cube,.couche,.cubie{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.sticker{position:absolute;left:50%;top:50%;width:var(--taille);height:var(--taille);margin:calc(var(--taille) / -2) 0 0 calc(var(--taille) / -2);border:0;border-radius:0;padding:0;box-shadow:inset 0 0 0 var(--px) var(--ombre),inset -6px -6px #0003;backface-visibility:hidden}.sticker--actif{box-shadow:inset 0 0 0 var(--px) var(--accent),inset -6px -6px #0003;animation:clignote .8s steps(2) infinite}@keyframes clignote{50%{filter:brightness(1.6)}}.patron{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:4px;width:min(224px,62vw);flex:none}.patron__face{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.patron__case{aspect-ratio:1;min-height:6px;box-shadow:inset 0 0 0 2px var(--ombre)}.patron__case--actif{box-shadow:inset 0 0 0 3px var(--accent)}.pas{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.pas__item{min-width:44px;padding:6px;background:var(--nuit-2);text-align:center;font-family:var(--titre);font-size:.6rem;color:var(--doux)}.pas__item--fait{background:var(--accent-2);border-color:var(--accent-2);color:#06331c}.pas__item--courant{border-color:var(--accent);color:var(--accent)}.barre{height:16px;background:var(--nuit-2);border:var(--px) solid var(--bord);overflow:hidden}.barre span{display:block;width:100%;height:100%;transform-origin:left;transform:scaleX(var(--p, 0));background:repeating-linear-gradient(90deg,var(--accent-2) 0 6px,#4cc57c 6px 12px);transition:transform .3s steps(6)}.clavier{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.clavier--large{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.touche{display:grid;gap:6px;padding:7px;background:var(--nuit-2)}.touche__nom{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.75rem;font-weight:800;color:var(--doux)}.touche__couleur{width:16px;height:16px;background:var(--couleur);box-shadow:inset 0 0 0 2px var(--ombre)}.touche__nom em{font-style:normal;color:var(--texte)}.touche__sens{display:flex;gap:6px}.touche__btn{flex:1;min-height:var(--touche-min);border:var(--px) solid var(--bord);border-radius:0;background:var(--carte);box-shadow:var(--px) var(--px) 0 var(--ombre);font-size:1.5rem;line-height:1}.touche__btn:active{transform:translate(var(--px),var(--px));box-shadow:none}.touche__btn:disabled{opacity:.3}.touche__btn--indice{background:var(--accent);border-color:var(--accent);color:#201a00;animation:clignote .7s steps(2) infinite}.fin{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:12px;padding:24px;text-align:center;background:#12102af2}.fin h2{font-size:1rem;color:var(--accent)}.fin__etoiles{font-size:2.2rem;color:var(--accent);letter-spacing:6px}.fin__etoiles span{opacity:.25}.fin__detail{color:var(--doux);max-width:30ch}.profil{padding:18px 14px;display:grid;gap:16px}.profil__top{display:flex;align-items:center;gap:14px}.profil__top p{color:var(--doux);font-size:.85rem;margin-top:6px}.competences{display:grid;gap:8px}.comp{display:flex;justify-content:space-between;gap:12px;padding:12px;background:var(--carte)}.comp span{font-weight:700;font-size:.9rem}.comp em{font-style:normal;font-weight:800;font-size:.78rem;color:var(--doux)}.comp--maitrise em{color:var(--accent-2)}.comp--presqueacquis em{color:var(--accent)}.comp--areviser em{color:var(--danger)}.reglages{display:grid;gap:8px}.reglages label{display:flex;align-items:center;gap:12px;min-height:var(--touche-min);padding:8px 12px;background:var(--carte);font-size:.9rem;font-weight:700}.reglages input{width:24px;height:24px;accent-color:var(--accent)}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:700px){.app,.mission,.onboarding{max-width:540px;margin:0 auto}}.geste{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:8px 10px;background:var(--accent);color:#201a00;border:var(--px) solid var(--ombre);box-shadow:var(--px) var(--px) 0 var(--ombre);font-weight:800;font-size:1rem;text-align:left}.geste--vide{background:var(--nuit-2);color:var(--doux);border-color:var(--bord);font-weight:700}.geste i{flex:none;width:22px;height:22px;display:inline-block;box-shadow:inset 0 0 0 2px var(--ombre)}.geste__fleche{flex:none;font-size:2rem;line-height:1}.geste__texte{flex:1;line-height:1.25}.geste__texte b{display:block;font-size:1.05rem}.miroir__accueil{display:grid;gap:12px}.miroir__consigne{text-align:center;padding:10px;background:var(--nuit-2);border:var(--px) solid var(--bord);font-size:.95rem}.miroir__consigne strong{color:var(--accent)}.miroir__consigne em{font-style:normal;color:var(--doux)}.miroir__fin{display:grid;justify-items:center;gap:12px;text-align:center}.reprise--miroir{background:var(--carte-2);border-color:var(--accent-2)}.reprise--miroir .reprise__go{color:var(--accent-2)}.saisie{display:grid;gap:12px}.saisie__grille{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.saisie__face{display:grid;gap:4px;justify-items:center}.saisie__nom{font-size:.7rem;font-weight:800;color:var(--doux)}.saisie__cases{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:100%}.saisie__case{aspect-ratio:1;border:2px solid var(--ombre);border-radius:0;padding:0;color:var(--doux);font-weight:800}.saisie__case--centre{cursor:default;box-shadow:inset 0 0 0 3px var(--texte)}.saisie__aide{text-align:center;color:var(--doux);font-size:.85rem}.saisie__pinceaux{display:flex;gap:8px;justify-content:center}.saisie__pinceau{width:46px;height:46px;border:var(--px) solid var(--bord);border-radius:0;box-shadow:var(--px) var(--px) 0 var(--ombre)}.saisie__pinceau--actif{border-color:var(--texte);transform:translateY(-4px)}.saisie__erreur{padding:10px;background:#4a1f2e;border:var(--px) solid var(--danger);color:#ffd7d7;font-weight:700;font-size:.9rem}.antiseche{padding:14px 14px 40px;display:grid;gap:14px}.couleurs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;font-size:.8rem;font-weight:700}.couleurs li{display:flex;align-items:center;gap:6px}.couleurs i{width:16px;height:16px;display:inline-block;box-shadow:inset 0 0 0 2px var(--ombre)}.antiseche__liste{display:grid;gap:12px}.antiseche__etape{padding:12px;background:var(--carte);border:var(--px) solid var(--bord);box-shadow:var(--px) var(--px) 0 var(--ombre)}.antiseche__etape h2{font-size:.7rem;color:var(--accent);margin-bottom:6px}.antiseche__quoi{font-size:.92rem}.antiseche__danse{margin-top:10px}.antiseche__nom{font-size:.78rem;font-weight:800;color:var(--doux)}.antiseche__pas{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.antiseche__pas li{padding:5px 8px;background:var(--nuit-2);border:2px solid var(--bord);font-size:.8rem;font-weight:800;white-space:nowrap}.antiseche__danse code{display:block;margin-top:6px;color:var(--doux);font-size:.8rem}.antiseche__pied{color:var(--doux);font-size:.75rem;text-align:center}@media print{body{background:#fff;color:#000}.no-print,.onglets{display:none!important}.antiseche__etape,.antiseche__pas li,.couleurs i{background:#fff;border-color:#000;box-shadow:none}.antiseche__etape h2,.antiseche__nom,.antiseche__quoi,.antiseche__pied{color:#000}.antiseche__etape{break-inside:avoid}}.mission--libre{height:auto;min-height:100dvh;display:flex;flex-direction:column;gap:10px;overflow:visible}.mission--libre .mission__cube{min-height:240px}.compagnon-bouton{display:block;width:100%;padding:0;border:0;background:none;text-align:left}.voix-liste{display:grid;gap:8px}.voix-item{width:100%;display:grid;gap:2px;text-align:left;padding:12px;background:var(--carte);border:var(--px) solid var(--bord);box-shadow:var(--px) var(--px) 0 var(--ombre)}.voix-item span{color:var(--doux);font-size:.8rem}.voix-item--actif{border-color:var(--accent);background:var(--carte-2)}.puce--perdu{align-self:center;border-color:var(--danger);color:var(--danger)}