/* Bouton flottant du Jeu des Sphères, partagé sur les pages du site. */
.ecosphere-float{position:fixed;right:clamp(16px,2vw,28px);bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;align-items:center;justify-content:center;gap:0;width:68px;height:68px;padding:9px;border:1px solid rgba(185,251,104,.7);border-radius:999px;overflow:hidden;background:linear-gradient(145deg,rgba(9,44,43,.98),rgba(5,20,23,.97));box-shadow:0 10px 28px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.16),0 0 16px rgba(185,251,104,.14);backdrop-filter:blur(10px);color:#f7fff9;text-decoration:none;transition:width .25s ease,height .25s ease,padding .25s ease,border-color .2s ease,box-shadow .25s ease,transform .2s ease;animation:ecosphere-button-breathe 5s ease-in-out infinite}
.ecosphere-float:hover,.ecosphere-float:focus-visible{justify-content:flex-start;gap:12px;width:244px;height:64px;padding:8px 16px 8px 9px;border-color:#ddffae;box-shadow:0 14px 34px rgba(0,0,0,.42),0 0 20px rgba(185,251,104,.2);outline:3px solid #eaffc7;outline-offset:3px;animation:none}
.ecosphere-float__orb{display:grid;grid-template-columns:repeat(2,19px);grid-template-rows:repeat(2,19px);place-content:center;gap:2px;width:48px;height:48px;flex:0 0 48px;overflow:hidden;border:1px solid rgba(255,255,255,.56);border-radius:50%;background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.16),rgba(4,22,23,.9) 76%);box-shadow:inset 0 1px 4px rgba(255,255,255,.18),0 0 10px rgba(126,230,211,.2)}
.ecosphere-float__bubble{display:grid;place-items:center;width:19px;height:19px;overflow:hidden;border:1px solid rgba(255,255,255,.82);border-radius:50%;font-size:9px;line-height:1;font-style:normal;box-shadow:inset 1px 1px 2px rgba(255,255,255,.58),inset -1px -2px 3px rgba(0,0,0,.28);}
.ecosphere-float__bubble--water{background:radial-gradient(circle at 30% 22%,#fff 0,#b3eeff 13%,#4ecbff 48%,#32afe3 78%,#0683b7 100%)}
.ecosphere-float__bubble--soil{background:radial-gradient(circle at 30% 22%,#fff 0,#ffe0a8 13%,#ffbd60 48%,#e3a144 78%,#b77518 100%)}
.ecosphere-float__bubble--life{background:radial-gradient(circle at 30% 22%,#fff 0,#b4ffd2 13%,#59e19a 48%,#3dc57e 78%,#118952 100%)}
.ecosphere-float__bubble--climate{background:radial-gradient(circle at 30% 22%,#fff 0,#ffc0c0 13%,#ef4444 48%,#d32828 78%,#a70000 100%)}
.ecosphere-float__bubble{transform-origin:center;animation:ecosphere-bubble-pulse 2.8s ease-in-out infinite}
.ecosphere-float__bubble--soil{animation-delay:.45s}.ecosphere-float__bubble--life{animation-delay:.9s}.ecosphere-float__bubble--climate{animation-delay:1.35s}
@keyframes ecosphere-bubble-pulse{0%,12%,75%,100%{transform:translateY(0) scale(1);filter:brightness(1)}32%,54%{transform:translateY(-2px) scale(1.12);filter:brightness(1.32) drop-shadow(0 0 3px rgba(255,255,255,.88))}}
.ecosphere-float__label{display:block;flex:0 0 auto;max-width:0;overflow:hidden;opacity:0;white-space:nowrap;transition:max-width .25s ease,opacity .18s ease}
.ecosphere-float__label strong{display:block;color:#f7fff9;font-size:.96rem;line-height:1.2}
.ecosphere-float__mobile-label{display:none}
.ecosphere-float:hover .ecosphere-float__label,.ecosphere-float:focus-visible .ecosphere-float__label{max-width:160px;opacity:1}
.back-top.is-visible{right:clamp(22px,2.5vw,34px);bottom:calc(98px + env(safe-area-inset-bottom,0px));z-index:39}
@keyframes ecosphere-button-breathe{0%,100%{box-shadow:0 10px 28px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.16),0 0 12px rgba(185,251,104,.1)}50%{box-shadow:0 10px 28px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.18),0 0 19px rgba(185,251,104,.2)}}
@media(max-width:700px){.ecosphere-float{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));justify-content:flex-start;gap:8px;width:116px;height:60px;padding:5px 12px 5px 6px;animation:none}.ecosphere-float__orb{width:42px;height:42px;flex-basis:42px;grid-template-columns:repeat(2,17px);grid-template-rows:repeat(2,17px);gap:2px}.ecosphere-float__bubble{width:17px;height:17px;font-size:8px}.ecosphere-float__label{max-width:none;opacity:1}.ecosphere-float__desktop-label{display:none!important}.ecosphere-float__mobile-label{display:block!important;font-size:.92rem!important}.ecosphere-float:hover,.ecosphere-float:focus-visible{justify-content:flex-start;gap:8px;width:116px;height:60px;padding:5px 12px 5px 6px;transform:translateY(-2px)}.back-top.is-visible{right:18px;bottom:calc(84px + env(safe-area-inset-bottom,0px))}}
@media(max-width:360px){.ecosphere-float{right:10px;width:110px;gap:6px}.ecosphere-float:hover,.ecosphere-float:focus-visible{width:110px;gap:6px}}
@media(prefers-reduced-motion:reduce){.ecosphere-float,.ecosphere-float__label,.ecosphere-float__bubble{animation:none;transition:none}}