.croix{overflow:visible;display:block;flex-shrink:0}.croix .corps-fond,.croix .bras-fond{fill:var(--color-liseret)}.croix .corps,.croix .bras{fill:var(--color-clay)}.croix .oeil,.croix .reflet{fill:#fff}.croix .pupille{fill:#1c2a36}.croix .joue{fill:var(--color-joue);opacity:.9}.croix .trait{fill:none;stroke:var(--color-on-clay);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.croix .sourcil{fill:none;stroke:var(--color-on-clay);stroke-width:3.5;stroke-linecap:round;opacity:0;transition:opacity .2s}.croix .b-ouverte,.croix .b-o{fill:var(--color-on-clay)}.croix .ondes path{fill:none;stroke:var(--color-sage);stroke-width:4;stroke-linecap:round}.croix .etincelles path{fill:var(--color-sage)}.croix .bouche,.croix .yeux-contents,.croix .ondes,.croix .etincelles{opacity:0;transition:opacity .15s}.croix .yeux-ouverts{transition:opacity .15s}.croix .tout{transform-origin:60px 110px;transform-box:view-box}.croix .regard{transition:transform .12s ease-out}.croix .paupieres{transform-origin:60px 56px;transform-box:view-box;animation:croix-cligne 4.2s infinite}@keyframes croix-cligne{0%,93%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}.croix .bras-droit{transform-origin:70px 62px;transform-box:view-box}.croix[data-etat=repos] .tout{animation:croix-respire 2.6s ease-in-out infinite}.croix[data-etat=repos] .b-sourire{opacity:1}@keyframes croix-respire{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.croix[data-etat=bonjour] .tout{animation:croix-saut .6s ease-out 1}.croix[data-etat=bonjour] .bras-droit{animation:croix-salut .5s ease-in-out 3 alternate}.croix[data-etat=bonjour] .b-ouverte{opacity:1}@keyframes croix-saut{0%{transform:translateY(0) scaleY(1)}30%{transform:translateY(2px) scaleY(.94)}60%{transform:translateY(-14px) scaleY(1.03)}to{transform:translateY(0)}}@keyframes croix-salut{0%{transform:rotate(8deg)}to{transform:rotate(-28deg)}}.croix[data-etat=ecoute] .tout{transform:rotate(6deg);transition:transform .3s}.croix[data-etat=ecoute] .bras-droit{transform:rotate(-52deg);transition:transform .3s}.croix[data-etat=ecoute] .b-sourire,.croix[data-etat=ecoute] .ondes{opacity:1}.croix[data-etat=ecoute] .regard{transform:translate(2px,-1px)}.croix[data-etat=ecoute] .ondes path{animation:croix-onde 1.5s ease-in infinite;transform-box:view-box;transform-origin:92px 34px}.croix[data-etat=ecoute] .ondes path:nth-child(2){animation-delay:.5s}.croix[data-etat=ecoute] .ondes path:nth-child(3){animation-delay:1s}@keyframes croix-onde{0%{opacity:0;transform:scale(1.5)}35%{opacity:1}to{opacity:0;transform:scale(.75)}}.croix[data-etat=reflechit] .b-plate,.croix[data-etat=reflechit] .s-gauche{opacity:1}.croix[data-etat=reflechit] .regard{transform:translate(-1.5px,-2.5px)}.croix[data-etat=reflechit] .tout{animation:croix-hesite 2.2s ease-in-out infinite}@keyframes croix-hesite{0%,to{transform:rotate(0)}30%{transform:rotate(4deg)}70%{transform:rotate(-3deg)}}.croix[data-etat=parle] .tout{animation:croix-respire 2.6s ease-in-out infinite}.croix[data-etat=parle] .b-ouverte{animation:croix-parle .32s steps(1) infinite}.croix[data-etat=parle] .b-sourire{animation:croix-parle .32s steps(1) infinite reverse}@keyframes croix-parle{0%{opacity:1}50%{opacity:0}}.croix[data-etat=content] .yeux-ouverts{opacity:0}.croix[data-etat=content] .yeux-contents,.croix[data-etat=content] .b-ouverte,.croix[data-etat=content] .etincelles{opacity:1}.croix[data-etat=content] .tout{animation:croix-saut .55s ease-out 2}.croix[data-etat=content] .etincelles path{animation:croix-brille 1s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}@keyframes croix-brille{0%{transform:scale(.6) rotate(0)}to{transform:scale(1.1) rotate(20deg)}}.croix[data-etat=urgence] .b-serieuse,.croix[data-etat=urgence] .s-gauche,.croix[data-etat=urgence] .s-droit{opacity:1}.croix[data-etat=urgence] .joue{opacity:0}@media(prefers-reduced-motion:reduce){.croix,.croix *{animation:none!important;transition:none!important}.croix[data-etat=parle] .b-sourire{opacity:1}.croix[data-etat=parle] .b-ouverte{opacity:0}}html[data-calme] .croix,html[data-calme] .croix *{animation:none!important;transition:none!important}html[data-calme] .croix[data-etat=parle] .b-sourire{opacity:1}html[data-calme] .croix[data-etat=parle] .b-ouverte{opacity:0}.croix-flottante-bouton{position:fixed;left:0;top:0;z-index:55;width:72px;height:75px;padding:0;border:0;background:none;cursor:pointer;border-radius:12px;transform:translateY(calc(100vh + 20px));transition:transform .5s cubic-bezier(.2,.9,.3,1.3),left .7s cubic-bezier(.4,0,.2,1),top .7s cubic-bezier(.4,0,.2,1),opacity .2s}.croix-flottante-bouton[data-arrivee]{transform:none}.croix-flottante-bouton[data-sec]{transition:transform .5s cubic-bezier(.2,.9,.3,1.3),opacity .2s}.croix-flottante-bouton[data-defile]{opacity:0;pointer-events:none}.croix-flottante-bouton[data-reduit]{width:40px;height:42px}.croix-flottante-bouton[data-reduit] svg{width:40px}.croix-flottante-bouton[data-efface]{opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s linear .2s}.croix-flottante-bouton:focus-visible{outline:3px solid var(--color-clay-dark);outline-offset:3px;box-shadow:0 0 0 3px #fff}.croix-flottante-bouton svg{width:72px;height:auto}.croix-bulle{position:fixed;left:0;top:0;z-index:56;width:min(21rem,calc(100vw - 24px));max-height:calc(100vh - 16px);overflow-y:auto;background:var(--color-surface);color:var(--color-ink);border:3px solid var(--color-clay);border-radius:16px;padding:.625rem 3rem .75rem .875rem;font-size:max(1.125rem,18px);font-weight:600;line-height:1.4;box-shadow:0 4px 0 var(--color-liseret),0 8px 24px #1c2a362e;opacity:0;visibility:hidden;transform:translateY(8px) scale(.96);transition:opacity .25s,transform .25s,visibility 0s linear .25s}.croix-bulle[data-visible=true]{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .25s}.croix-bulle[data-sec]{transition:none}.croix-bulle[data-pointe]:after{content:"";position:absolute;width:16px;height:16px;background:var(--color-surface);border:3px solid var(--color-clay);border-left-color:transparent;border-top-color:transparent}.croix-bulle[data-pointe=dessus]:after{bottom:-10px;left:var(--pointe, 50%);transform:translate(-50%) rotate(45deg)}.croix-bulle[data-pointe=dessous]:after{top:-10px;left:var(--pointe, 50%);transform:translate(-50%) rotate(225deg)}.croix-bulle[data-pointe=gauche]:after{right:-10px;top:var(--pointe, 50%);transform:translateY(-50%) rotate(-45deg)}.croix-bulle[data-pointe=droite]:after{left:-10px;top:var(--pointe, 50%);transform:translateY(-50%) rotate(135deg)}.croix-bulle[data-pointe]{overflow:visible}.croix-bulle-annonce{margin:0}.croix-bulle-lecture{display:block}.croix-bulle-lecture[data-attente]{visibility:hidden}.croix-bulle-etape{display:block;font-size:1rem;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.125rem}.croix-bulle-etape[hidden]{display:none}.croix-bulle-texte{display:block}.croix-bulle-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.625rem}.croix-bulle-actions:empty{display:none}.croix-bulle-actions button{min-height:48px;padding:0 1rem;border-radius:6px;font:inherit;font-weight:700;cursor:pointer;border:2px solid var(--color-clay);background:var(--color-surface);color:var(--color-clay)}.croix-bulle-actions button[data-principal]{background:var(--color-clay);color:var(--color-on-clay)}.croix-bulle-actions button:focus-visible,.croix-bulle-fermer:focus-visible{outline:3px solid var(--color-clay-dark);outline-offset:3px;box-shadow:0 0 0 3px #fff}.croix-bulle-fermer{position:absolute;top:0;right:0;width:44px;height:44px;border:0;background:none;color:var(--color-clay);font-size:1.75rem;line-height:1;cursor:pointer;border-radius:12px}.croix-montree{position:relative;z-index:1;border-radius:8px;box-shadow:0 0 0 3px var(--color-surface),0 0 0 7px var(--color-sage),0 0 0 11px color-mix(in srgb,var(--color-sage) 30%,transparent),inset 0 0 0 3px var(--color-sage)!important;transition:box-shadow .3s}.croix-montree[data-visite=appel]{padding:.25rem .5rem;margin:-.25rem -.5rem}html:has(dialog[open]) .croix-flottante{visibility:hidden}html:has(dialog[open]) .croix-flottante *{visibility:hidden!important}@media(prefers-reduced-motion:reduce){.croix-flottante-bouton,.croix-bulle,.croix-montree{transition:none!important}}html[data-calme] .croix-flottante-bouton,html[data-calme] .croix-bulle,html[data-calme] .croix-montree{transition:none!important}@media print{.croix-flottante{display:none}}@media(max-width:1023.98px){.croix-flottante-bouton{display:none}}
