@layer theme,base;@layer components{.fj-jeu{font-family:var(--font-sans);font-variation-settings:"CASL" 0;color:var(--color-manganese);-webkit-text-size-adjust:100%}.fj-jeu :focus-visible{outline:3px solid var(--color-ciel-fonce);outline-offset:3px}.fj-titre{font-family:var(--font-display);letter-spacing:-.005em;font-variation-settings:normal;font-weight:400;line-height:1.02}.fj-pastille{background:var(--color-blanc);min-height:44px;color:var(--color-manganese);box-shadow:inset 0 2px 0 #fffffff2, 0 0 0 2px var(--color-manganese), 0 3px 0 0 var(--color-manganese), 0 12px 18px -12px #35203c8c;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .75rem .2rem .3rem;display:inline-flex}.fj-pastille-chiffre{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.28rem;line-height:1}.fj-jauge{background:var(--color-email-2);height:8px;box-shadow:inset 0 0 0 1.5px var(--color-manganese);border-radius:999px;position:relative;overflow:hidden}.fj-jauge>span{background:var(--color-tomate);box-shadow:inset 0 0 0 1.5px var(--color-manganese), inset 0 2px 0 #fff6;transition:width .6s var(--ease-email);border-radius:999px;position:absolute;inset:0 auto 0 0}.fj-objectif{background:var(--color-blanc);max-width:100%;min-height:44px;color:var(--color-manganese);text-align:left;box-shadow:inset 0 2px 0 #fffffff2, 0 0 0 2px var(--color-manganese), 0 3px 0 0 var(--color-manganese), 0 12px 18px -12px #35203c8c;border-radius:14px;align-items:center;gap:.5rem;padding:.25rem .75rem .25rem .3rem;display:flex}.fj-objectif[data-fait=true]{background:var(--color-feuille-pale)}.fj-rond{background:var(--color-blanc);width:46px;height:46px;color:var(--color-manganese);box-shadow:inset 0 2px 0 #fffffff2, 0 0 0 2px var(--color-manganese), 0 3px 0 0 var(--color-manganese), 0 12px 18px -12px #35203c8c;transition:transform .14s var(--ease-ressort), box-shadow .14s var(--ease-ressort);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:999px;place-items:center;display:inline-grid}.fj-rond:active,.fj-rond[data-pressed]{box-shadow:inset 0 2px 0 #fffffff2, 0 0 0 2px var(--color-manganese), 0 1px 0 0 var(--color-manganese);transform:translateY(2px)}.fj-barre{padding:8px clamp(5px, 1.6vw, 10px) calc(8px + env(safe-area-inset-bottom,0px));background:var(--color-email);box-shadow:0 -2px 0 var(--color-manganese), 0 -14px 28px -18px #35203c99;border-radius:26px 26px 0 0;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(4px,1.4vw,8px);display:grid}@media (min-width:900px){.fj-barre{box-shadow:0 0 0 2px var(--color-manganese), 0 5px 0 var(--color-manganese), 0 22px 36px -20px #35203c99;border-radius:26px;padding:8px}}.fj-tuile{--fj-lieu:var(--color-feuille);--fj-lieu-pale:var(--color-feuille-pale);border-radius:var(--radius-carreau);background:var(--color-blanc);min-height:60px;color:var(--color-manganese);letter-spacing:-.015em;white-space:nowrap;box-shadow:inset 0 2px 0 #fffffff2, inset 0 -4px 0 var(--fj-lieu-pale), 0 0 0 2px var(--color-manganese), 0 3px 0 0 var(--color-manganese);transition:transform .14s var(--ease-ressort), box-shadow .14s var(--ease-ressort), background-color .18s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 2px 5px;font-size:clamp(.74rem,3.3vw,.86rem);font-weight:760;line-height:1.05;display:flex;position:relative}.fj-tuile svg{transition:transform .22s var(--ease-ressort)}.fj-tuile:active,.fj-tuile[data-pressed]{box-shadow:inset 0 2px 0 #fffffff2, inset 0 -4px 0 var(--fj-lieu-pale), 0 0 0 2px var(--color-manganese), 0 1px 0 0 var(--color-manganese);transform:translateY(2px)}.fj-tuile[aria-pressed=true],.fj-tuile[aria-current=true]{background:var(--fj-lieu-pale);box-shadow:inset 0 2px 0 #ffffffe6, inset 0 -5px 0 var(--fj-lieu), 0 0 0 2px var(--color-manganese), 0 7px 0 0 var(--color-manganese), 0 16px 20px -14px #35203cb3;transform:translateY(-4px)}.fj-tuile[aria-pressed=true] svg{transform:scale(1.12)rotate(-4deg)}.fj-tuile-pastille{background:var(--color-tomate);color:#fff;text-align:center;min-width:22px;height:22px;box-shadow:0 0 0 2px var(--color-manganese);border-radius:999px;padding:0 6px;font-size:.78rem;font-weight:800;line-height:22px;position:absolute;top:-7px;right:-3px}[data-lieu=potager]{--fj-lieu:var(--color-feuille);--fj-lieu-pale:var(--color-feuille-pale);--fj-lieu-texte:#fff}[data-lieu=construire]{--fj-lieu:var(--color-tuile);--fj-lieu-pale:#fbe3d9;--fj-lieu-texte:#fff}[data-lieu=moulin]{--fj-lieu:var(--color-ciel);--fj-lieu-pale:var(--color-ciel-pale);--fj-lieu-texte:var(--color-manganese)}[data-lieu=fournil]{--fj-lieu:var(--color-beurre);--fj-lieu-pale:var(--color-beurre-pale);--fj-lieu-texte:var(--color-manganese)}[data-lieu=village]{--fj-lieu:var(--color-tomate);--fj-lieu-pale:var(--color-tomate-pale);--fj-lieu-texte:#fff}[data-lieu=carnet]{--fj-lieu:var(--color-manganese);--fj-lieu-pale:var(--color-email-2);--fj-lieu-texte:#fff}.fj-assiette{background:var(--color-blanc);border-radius:var(--radius-assiette) var(--radius-assiette) 0 0;box-shadow:inset 0 0 0 7px var(--color-blanc), inset 0 0 0 9px var(--color-ciel-pale), 0 0 0 2px var(--color-manganese), 0 -18px 34px -22px #35203cbf;position:relative}@media (min-width:900px){.fj-assiette{border-radius:var(--radius-assiette);box-shadow:inset 0 0 0 7px var(--color-blanc), inset 0 0 0 9px var(--color-ciel-pale), 0 0 0 2px var(--color-manganese), 0 5px 0 var(--color-manganese), 0 26px 40px -24px #35203cbf}}.fj-poignee{background:var(--color-manganese-3);opacity:.55;border-radius:99px;width:46px;height:5px}.fj-enseigne{background:var(--fj-lieu);color:var(--fj-lieu-texte);font-family:var(--font-display);white-space:nowrap;box-shadow:inset 0 0 0 3px var(--fj-lieu), inset 0 0 0 5.5px #fff, inset 0 3px 0 6px #ffffff40, 0 0 0 2px var(--color-manganese), 0 4px 0 var(--color-manganese);border-radius:16px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 2.1rem .6rem;font-size:1.32rem;line-height:1;display:inline-flex;position:relative}.fj-onglets{background:var(--color-email-2);scrollbar-width:none;border-radius:18px;gap:6px;padding:5px;display:flex;overflow-x:auto;box-shadow:inset 0 2px 3px #35203c1f}.fj-onglets::-webkit-scrollbar{display:none}.fj-onglet{min-height:44px;color:var(--color-manganese-2);transition:transform .14s var(--ease-ressort), background-color .16s;-webkit-tap-highlight-color:transparent;border-radius:13px;flex:1 0 auto;justify-content:center;align-items:center;gap:.35rem;padding:0 .8rem;font-size:.95rem;font-weight:760;display:inline-flex}.fj-onglets[data-serres]{gap:2px;padding:4px}.fj-onglets[data-serres] .fj-onglet{padding:0 .6rem}@media (max-width:400px){.fj-onglets[data-serres] .fj-onglet{padding:0 .45rem;font-size:.9rem}}@container (min-width:440px){.fj-assiette .fj-onglets{flex-wrap:wrap;overflow-x:visible}}.fj-onglet[aria-selected=true]{background:var(--color-blanc);color:var(--color-manganese);box-shadow:inset 0 -4px 0 var(--fj-lieu), 0 0 0 2px var(--color-manganese), 0 3px 0 var(--color-manganese);transform:translateY(-2px)}.fj-vignette{background:var(--color-blanc);min-height:96px;color:var(--color-manganese);text-align:center;box-shadow:inset 0 2px 0 #fffffff2, 0 0 0 2px var(--color-manganese), 0 3px 0 var(--color-manganese);transition:transform .14s var(--ease-ressort), box-shadow .14s var(--ease-ressort), background-color .16s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;font-size:.92rem;font-weight:760;line-height:1.1;display:flex;position:relative}.fj-vignette:active:not(:disabled),.fj-vignette[data-pressed]{transform:translateY(2px)}.fj-vignette[aria-pressed=true],.fj-vignette[aria-checked=true]{background:var(--fj-lieu-pale,var(--color-feuille-pale));box-shadow:inset 0 2px 0 #ffffffe6, inset 0 0 0 3px var(--fj-lieu,var(--color-feuille)), 0 0 0 2px var(--color-manganese), 0 6px 0 var(--color-manganese);transform:translateY(-3px)}.fj-vignette:disabled,.fj-vignette[aria-disabled=true]{opacity:.62;filter:saturate(.4)}.fj-stock{background:var(--color-email-2);font-variant-numeric:tabular-nums;min-width:26px;height:22px;box-shadow:inset 0 0 0 1.5px var(--color-manganese-3);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:.82rem;font-weight:800;display:inline-flex}.fj-stock[data-vide=true]{background:var(--color-tomate-pale);color:var(--color-tomate-fonce);box-shadow:inset 0 0 0 1.5px var(--color-tomate-fonce)}.fj-bulle{background:var(--color-blanc);color:var(--color-manganese);font-variation-settings:"CASL" 1;box-shadow:0 0 0 2px var(--color-manganese), 0 4px 0 var(--color-manganese), 0 14px 24px -14px #35203c80;border-radius:20px;padding:.7rem .95rem .75rem;font-size:1.02rem;line-height:1.32;position:relative}.fj-bulle-nom{background:var(--fj-lieu,var(--color-feuille));color:var(--fj-lieu-texte,#fff);font-family:var(--font-display);font-variation-settings:normal;box-shadow:0 0 0 2px var(--color-manganese);border-radius:999px;padding:.15rem .6rem .2rem;font-size:.86rem;line-height:1.1;position:absolute;top:-.85rem;left:.9rem}.fj-ruban{background:var(--color-feuille);color:#fff;box-shadow:inset 0 0 0 3px var(--color-feuille), inset 0 0 0 5px #ffffffd9, 0 0 0 2px var(--color-manganese), 0 4px 0 var(--color-manganese), 0 18px 28px -16px #35203cbf;border-radius:16px;align-items:center;gap:.6rem;padding:.55rem 1.1rem .6rem .6rem;display:flex;position:relative}.fj-voile{background:radial-gradient(circle at 50% 40%,#fff3c729 0%,#fff3c700 55%),#35203c80}@keyframes fj-pose{0%{opacity:0;transform:translateY(-18px)scale(1.04)}60%{opacity:1;transform:translateY(2px)scale(.99)}to{opacity:1;transform:none}}.fj-pose{animation:fj-pose .46s var(--ease-pose) both}@keyframes fj-medaille{0%{opacity:0;transform:scale(1.45)}45%{opacity:1;transform:scale(.94)}75%{transform:scale(1.03)translateY(-2px)}to{transform:none}}.fj-medaille{animation:fj-medaille .46s var(--ease-email) both}@keyframes fj-tourne{to{transform:rotate(360deg)}}@keyframes fj-respire{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.fj-pose,.fj-medaille{animation:.18s ease-out both fj-fondu}.fv-reflet:after{display:none}.fj-tuile,.fj-tuile svg,.fj-vignette,.fj-onglet{transition:none}}:root[data-fj-calme=true] .fj-pose,:root[data-fj-calme=true] .fj-medaille{animation:.18s ease-out both fj-fondu}:root[data-fj-calme=true] .fv-reflet:after{display:none}@keyframes fj-fondu{0%{opacity:0}to{opacity:1}}.fj-champ{background:var(--color-blanc);width:100%;min-height:48px;color:var(--color-manganese);font:inherit;box-shadow:inset 0 2px 3px #35203c1a, 0 0 0 2px var(--color-manganese);border-radius:14px;padding:.6rem .9rem;font-size:1.02rem}.fj-champ:focus-visible{outline:3px solid var(--color-ciel-fonce);outline-offset:3px}.fj-champ[aria-invalid=true]{box-shadow:inset 0 2px 3px #35203c1a, 0 0 0 2px var(--color-tomate-fonce)}.fj-interrupteur{background:var(--color-email-2);width:58px;height:34px;box-shadow:inset 0 0 0 2px var(--color-manganese);border-radius:999px;flex-shrink:0;transition:background-color .18s;position:relative}.fj-interrupteur:after{content:"";width:26px;height:26px;box-shadow:0 0 0 2px var(--color-manganese), 0 2px 0 var(--color-manganese);transition:transform .2s var(--ease-ressort);background:#fff;border-radius:999px;position:absolute;top:4px;left:4px}[aria-checked=true]>.fj-interrupteur{background:var(--color-feuille)}[aria-checked=true]>.fj-interrupteur:after{transform:translate(24px)}.fj-curseur{width:100%;height:44px;accent-color:var(--color-feuille)}.fj-bulle-guide{color:var(--color-manganese);box-shadow:0 0 0 2px var(--color-manganese), 0 4px 0 var(--color-manganese), 0 14px 24px -14px #35203c80;background:#fff;border-radius:20px;padding:1.15rem 1rem .8rem;font-size:1.02rem;line-height:1.35}.fj-guide-nom{background:var(--color-feuille);font-family:var(--font-display);color:#fff;box-shadow:0 0 0 2px var(--color-manganese);font-variation-settings:normal;border-radius:999px;padding:.12rem .65rem;font-size:.85rem;position:absolute;top:-.85rem}@media (min-width:900px){@container (min-width:520px){.fj-pastille{gap:.5rem;min-height:54px;padding:.25rem 1rem .25rem .4rem}.fj-pastille>svg{width:40px;height:40px}.fj-pastille-chiffre{font-size:1.62rem}.fj-objectif{gap:.7rem;min-height:58px;padding:.35rem 1.1rem .35rem .4rem}[data-hud] .fj-rond{width:52px;height:52px}[data-hud] .fj-rond>svg{width:26px;height:26px}}.fj-assiette .fj-rond{width:52px;height:52px}.fj-assiette .fj-rond>svg{width:26px;height:26px}.fj-barre{gap:clamp(4px,1.3cqi,10px);padding:10px}.fj-tuile{letter-spacing:-.01em;gap:4px;min-height:clamp(62px,11cqi,76px);font-size:clamp(.74rem,2.3cqi,1rem)}.fj-tuile>svg{width:clamp(28px,5.4cqi,38px);height:clamp(28px,5.4cqi,38px)}.fj-barre .fj-tuile-pastille{min-width:26px;height:26px;font-size:.9rem;line-height:26px}@container (min-width:500px){.fj-assiette .fj-enseigne{padding:.62rem 2.2rem .68rem;font-size:1.46rem}}.fj-assiette .fj-onglet{min-height:50px;font-size:1rem}.fj-assiette .fj-vignette{min-height:104px;font-size:.98rem}}}@layer utilities;