:root{--papier:#f6f1e7;--papier-2:#ece4d3;--encre:#2b2a26;--encre-douce:#6b665c;--accent:#5f7a55;--accent-fonce:#46603e;--ocre:#b8742a;--police-titre:Georgia, serif;--police:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--rayon:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:17px/1.5 var(--police);color:var(--encre);background:var(--papier);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{background:var(--papier);min-height:100dvh;margin:0}#root{flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;display:flex}h1,h2,h3{font-family:var(--police-titre);margin:0 0 .5em;font-weight:400;line-height:1.2}h1{font-size:1.7rem}h2{font-size:1.35rem}h3{font-size:1.1rem}p{margin:0 0 .8em}a{color:var(--accent-fonce)}small,.doux{color:var(--encre-douce)}main{flex:1;padding:20px 16px 96px}button,.bouton{font:inherit;cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 20px;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:default}button.secondaire{color:var(--accent-fonce);box-shadow:inset 0 0 0 1.5px var(--accent);background:0 0}button.discret{color:var(--encre-douce);background:0 0;min-height:40px;padding:8px 12px}button.large{width:100%}.rangee{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rangee>button{flex:1}.pile>*+*{margin-top:12px}input,textarea,select{font:inherit;border:1.5px solid var(--papier-2);width:100%;color:var(--encre);background:#fffdf8;border-radius:10px;padding:12px 14px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}label{color:var(--encre-douce);margin-bottom:4px;font-size:.92rem;display:block}.carte{border-radius:var(--rayon);box-shadow:0 1px 0 var(--papier-2), 0 2px 10px #3c321e0f;background:#fffdf8;padding:18px}.carte+.carte{margin-top:14px}.medailles .carte+.carte{margin-top:0}.etiquettes{flex-wrap:wrap;gap:6px;margin:6px 0 12px;display:flex}.etiquette{background:var(--papier-2);color:var(--encre-douce);border-radius:999px;padding:3px 10px;font-size:.8rem}.puces{flex-wrap:wrap;gap:8px;display:flex}.puce{color:var(--encre);box-shadow:inset 0 0 0 1.5px var(--papier-2);background:#fffdf8;min-height:40px;padding:8px 14px}.puce.choisie{background:var(--accent);color:#fff;box-shadow:none}.citation{font-family:var(--police-titre);color:var(--encre-douce);border-left:3px solid var(--papier-2);margin:16px 0 0;padding-left:12px;font-style:italic}.citation small{font-style:normal;font-family:var(--police);margin-top:4px;font-size:.8rem;display:block}.erreur{color:#7a2e12;background:#f8e3d9;border-radius:10px;padding:10px 14px}nav.onglets{border-top:1px solid var(--papier-2);padding-bottom:env(safe-area-inset-bottom);background:#f6f1e7f5;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}nav.onglets>div{width:100%;max-width:560px;display:flex}nav.onglets button{color:var(--encre-douce);background:0 0;border-radius:0;flex-direction:column;flex:1;gap:2px;min-height:60px;padding:8px 4px;font-size:.75rem}nav.onglets button span{font-size:1.3rem;line-height:1}nav.onglets button.actif{color:var(--accent-fonce);font-weight:600}.serie{align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.serie strong{font-family:var(--police-titre);color:var(--accent-fonce);font-size:2.2rem;font-weight:400;line-height:1}.timer{text-align:center;padding:20px 0}.timer .chiffres{font-family:var(--police-titre);font-variant-numeric:tabular-nums;font-size:5rem;line-height:1}.timer .anneau{place-items:center;width:240px;height:240px;margin:0 auto 16px;display:grid;position:relative}.timer .anneau svg{position:absolute;inset:0;transform:rotate(-90deg)}.timer .etapes{flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0 20px;display:flex}.timer .etapes i{background:var(--papier-2);border-radius:50%;width:10px;height:10px}.timer .etapes i.faite{background:var(--accent)}.timer .etapes i.encours{background:var(--ocre)}.mur{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.page{background:#fffdf8;border-radius:10px;overflow:hidden;box-shadow:0 1px 6px #3c321e14}.page img{aspect-ratio:3/4;object-fit:cover;background:var(--papier-2);width:100%;display:block}.page .vide{aspect-ratio:3/4;background:var(--papier-2);color:var(--encre-douce);text-align:center;place-items:center;padding:10px;font-size:.85rem;display:grid}.page div.legende{color:var(--encre-douce);padding:6px 10px 8px;font-size:.78rem}.page div.legende b{color:var(--encre);font-size:.82rem;font-weight:600;display:block}.calendrier{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;font-size:.8rem;display:grid}.calendrier .entete{color:var(--encre-douce);padding-bottom:2px;font-size:.7rem}.calendrier .jour{aspect-ratio:1;color:var(--encre-douce);background:#fffdf8;border-radius:8px;place-items:center;display:grid}.calendrier .jour.fait{background:var(--accent);color:#fff}.calendrier .jour.mini{color:#fff;background:#9bb08f}.calendrier .jour.joker{color:var(--encre);background:#ecd7b5}.calendrier .jour.aujourdhui{box-shadow:inset 0 0 0 2px var(--ocre)}.calendrier .jour.futur{opacity:.4}.medailles{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.medaille{text-align:center;padding:16px 10px}.medaille .emoji{font-size:2.4rem;display:block}.medaille.verrouillee{opacity:.45}.medaille.verrouillee .emoji{filter:grayscale()}.avant-apres{grid-template-columns:1fr 1fr;gap:10px;display:grid}.avant-apres img{aspect-ratio:3/4;object-fit:cover;background:var(--papier-2);border-radius:10px;width:100%}.plein-ecran{z-index:10;background:#14120eeb;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.plein-ecran img{border-radius:8px;max-width:100%;max-height:80dvh}.compteurs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.compteurs>div{text-align:center;color:var(--encre-douce);box-shadow:0 1px 0 var(--papier-2);background:#fffdf8;border-radius:12px;padding:10px 6px;font-size:.78rem;line-height:1.25}.compteurs strong{font-family:var(--police-titre);color:var(--accent-fonce);font-size:1.9rem;font-weight:400;line-height:1.1;display:block}.paliers{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.paliers .carte+.carte{margin-top:0}.palier{text-align:center;padding:10px 4px}.palier .emoji{font-size:1.6rem;line-height:1.2;display:block}.palier b{font-size:.85rem}.palier.verrouillee{opacity:.4}.palier.verrouillee .emoji{filter:grayscale()}