@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:#faf7f2;--color-ink:#22252a;--color-muted:#8a8f98;--color-accent:#c8963e;--color-surface:#fff;--color-line:color-mix(in srgb, var(--color-ink) 14%, transparent);--color-ink-sur-accent:#22252a;--color-jeu-rond:#e8907e;--color-jeu-carre:#7fa7d9;--color-jeu-triangle:#8cc49a;--color-jeu-losange:#e6c36a;--color-jeu-etoile:#b394d6;--color-jeu-croix:#6fc2c0;--color-jeu-goutte:#e89bbf;--color-jeu-hexagone:#a8b46a;--accent-jeu:var(--color-accent);--color-voile:#00000073;--radius:12px;--stroke-thin:1px;--stroke:2px;--stroke-strong:3px;--icon-size:28px;--weight-regular:400;--weight-bold:700;--opacity-disabled:.35;--shadow:0 1px 3px color-mix(in srgb, var(--color-ink) 8%, transparent);--tap-min:56px;--tap-gap:8px;--cell-min:36px;--text-base:18px;--text-lg:calc(var(--text-base) * 1.33);--text-xl:calc(var(--text-base) * 1.78);--gutter:16px;--main-taille:72px;--font:"Inter Variable", system-ui, -apple-system, sans-serif;--duration-short:.15s;--duration-long:.3s;--ease:cubic-bezier(.25, .1, .25, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#1b1d21;--color-ink:#f2eee6;--color-muted:#9aa0a8;--color-surface:#25282d}}@media (prefers-reduced-motion:reduce){:root{--duration-short:0s;--duration-long:0s}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg);min-height:100dvh;color:var(--color-ink);font-family:var(--font);font-size:var(--text-base);-webkit-tap-highlight-color:transparent;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0;line-height:1.4}.ecran-jeu{--accent-jeu-doux:color-mix(in srgb, var(--accent-jeu) 22%, var(--color-surface));--accent-jeu-fort:color-mix(in srgb, var(--accent-jeu) 55%, var(--color-surface));--color-fixe:color-mix(in srgb, var(--color-ink) 10%, var(--color-surface))}.chiffres{font-variant-numeric:tabular-nums}.bouton{appearance:none;min-height:var(--tap-min);padding:0 var(--gutter);border:var(--stroke) solid var(--color-ink);border-radius:var(--radius);background:var(--color-surface);color:var(--color-ink);font-family:inherit;font-size:var(--text-base);font-weight:var(--weight-bold);text-align:center;cursor:pointer;justify-content:center;align-items:center;margin:0;text-decoration:none;display:flex}.bouton.principal{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-ink-sur-accent)}.bouton-icone{appearance:none;min-width:var(--tap-min);min-height:var(--tap-min);border:var(--stroke) solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);color:var(--color-ink);cursor:pointer;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.bouton:disabled,.bouton-icone:disabled{opacity:var(--opacity-disabled);cursor:default}.bouton:focus-visible,.bouton-icone:focus-visible{outline:var(--stroke-strong) solid var(--color-ink);outline-offset:var(--stroke)}.accueil{padding:var(--gutter);justify-content:center;gap:var(--tap-gap);flex-direction:column;min-height:100dvh;display:flex}.accueil h1{font-size:var(--text-xl);color:var(--color-ink);margin:0;font-weight:700}.accueil p{font-size:var(--text-lg);color:var(--color-ink);margin:0}.tutoriel{width:100%;max-width:none;height:100dvh;max-height:none;padding:calc(var(--gutter) + env(safe-area-inset-top)) var(--gutter) calc(var(--gutter) + env(safe-area-inset-bottom));background:var(--color-bg);color:var(--color-ink);font-size:var(--text-base);border:0;margin:0}.tutoriel[open]{gap:var(--gutter);animation:tutoriel-entree var(--duration-long) var(--ease);flex-direction:column;display:flex}@keyframes tutoriel-entree{0%{opacity:0}}.tutoriel-phrase{min-height:calc(var(--text-lg) * 1.4);text-align:center;font-size:var(--text-lg);font-weight:var(--weight-bold);flex:none;margin:0}.tutoriel-scene{flex:1;min-height:0;position:relative}.tutoriel-plateau{height:100%}.tutoriel-plateau .tuto-cible{outline:var(--stroke-strong) dashed var(--color-accent);outline-offset:calc(var(--stroke-strong) * -2);animation:tuto-cible var(--duration-long) var(--ease) infinite alternate}@keyframes tuto-cible{to{outline-offset:calc(var(--stroke) * -1)}}.tutoriel-main{opacity:0;pointer-events:none;width:0;height:0;transition:transform var(--duration-long) var(--ease), opacity var(--duration-short) var(--ease);position:absolute;top:0;left:0}.tutoriel-main.sans-glissement{transition:none}.tutoriel-main.visible{opacity:1}.main-animee{width:var(--main-taille);left:calc(var(--main-taille) * -14 / 62);top:calc(var(--main-taille) * -14 / 62);fill:none;stroke:var(--color-ink);stroke-width:var(--stroke);stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 var(--stroke) var(--stroke) color-mix(in srgb, var(--color-ink) 25%, transparent));position:absolute;overflow:visible}.main-animee .main-trait:first-of-type{fill:var(--color-surface)}.main-onde{stroke:var(--color-accent);stroke-dasharray:3 4;opacity:0;transform-origin:0 0}.tutoriel-main.appuie .main-animee{animation:main-appui var(--duration-long) var(--ease)}.tutoriel-main.appuie .main-onde{animation:main-onde var(--duration-long) var(--ease)}@keyframes main-appui{50%{transform:translateY(var(--stroke-strong)) scale(.96)}}@keyframes main-onde{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){.tutoriel-plateau .tuto-cible{animation:none}}.dialogue{width:calc(100% - var(--gutter) * 2);max-width:calc(var(--tap-min) * 8);padding:calc(var(--gutter) * 1.5);border:var(--stroke) solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow);font-size:var(--text-base)}.dialogue::backdrop{background:var(--color-voile)}.dialogue[open]{animation:dialogue-entree var(--duration-long) var(--ease)}@keyframes dialogue-entree{0%{opacity:0;transform:scale(.96)}}.dialogue h2{margin:0 0 var(--gutter);font-size:var(--text-lg);font-weight:var(--weight-bold)}.dialogue p{margin:0 0 var(--gutter);font-size:var(--text-lg)}.dialogue-actions{gap:var(--tap-gap);flex-direction:column;display:flex}.icone{width:var(--icon-size);height:var(--icon-size);fill:none;stroke:currentColor;stroke-width:var(--stroke);stroke-linecap:round;stroke-linejoin:round;flex:none}.ecran-jeu{height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));gap:var(--tap-gap);padding:var(--tap-gap) var(--gutter);flex-direction:column;display:flex}.barre{align-items:center;gap:var(--tap-gap);flex:none;display:flex}.barre-haute{grid-template-columns:var(--tap-min) 1fr var(--tap-min);grid-template-areas:"retour titre.";align-items:center;display:grid}.barre-haute h1{text-align:center;font-size:var(--text-lg);font-weight:var(--weight-bold);grid-area:titre;margin:0}.barre-haute h1.masque{visibility:hidden}.bandeau-indice{max-height:var(--tap-min);padding:0 var(--tap-gap);font-size:var(--text-base);grid-area:1/2/auto/4;align-items:center;margin:0;line-height:1.25;display:flex}.bandeau-indice:empty{display:none}.bandeau-indice:not(:empty){min-height:var(--tap-min);border:var(--stroke) dashed var(--color-accent);border-radius:var(--radius);background:var(--color-surface)}.barre-basse .bouton-icone{flex:1}.plateau{flex:1;min-height:0}.chargement{color:var(--color-muted);font-size:var(--text-lg);flex:1;justify-content:center;align-items:center;margin:0;display:flex}.annonce{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}