/* Barre mobile v2 — pilule flottante « Jack » (verre, indicateur dégradé glissant, bouton central) */
@media (max-width:860px){
html body:not(#a):not(#b) .bnav{--bn-h:64px;--bn-bg:rgba(16,14,20,.72);--bn-bd:rgba(255,255,255,.10);--bn-tx:rgba(236,241,245,.62);--bn-on:#fff;--bn-g:linear-gradient(123deg,#ff2d95 0%,#B600A8 38%,#7621B0 68%,#ff7a18 100%);
 position:fixed!important;left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;height:var(--bn-h)!important;padding:0 6px!important;
 display:flex!important;align-items:center;border-radius:26px!important;border:1px solid var(--bn-bd)!important;
 background:var(--bn-bg)!important;-webkit-backdrop-filter:blur(22px) saturate(1.6)!important;backdrop-filter:blur(22px) saturate(1.6)!important;
 box-shadow:0 12px 34px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08)!important;z-index:110;
 transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .3s;will-change:transform}
html body:not(#a):not(#b) .bnav.bn-hide{transform:translateY(calc(100% + 24px + env(safe-area-inset-bottom)));opacity:0}
html.light body:not(#a):not(#b) .bnav{--bn-bg:rgba(255,255,255,.78);--bn-bd:rgba(12,12,12,.10);--bn-tx:#4a4f58;--bn-on:#0C0C0C;box-shadow:0 10px 30px rgba(40,10,60,.18),inset 0 1px 0 #fff!important}
html body:not(#a):not(#b) .bnav>a,html body:not(#a):not(#b) .bnav>.bmenu{position:relative;z-index:1;flex:1 1 0;min-width:0;height:100%;min-height:0!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;
 background:none!important;border:0!important;padding:0!important;margin:0;color:var(--bn-tx)!important;font:500 10.5px/1 Kanit,system-ui,sans-serif!important;letter-spacing:.02em;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;cursor:pointer;transition:color .25s;-webkit-text-fill-color:currentColor}
html body:not(#a):not(#b) .bnav *{font-family:Kanit,system-ui,sans-serif!important}
html body:not(#a):not(#b) .bnav b{display:grid!important;place-items:center;width:26px!important;height:26px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;transform:none;border-radius:0!important;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
html body:not(#a):not(#b) .bnav b::after{display:none!important}
html body:not(#a):not(#b) .bnav b svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round;stroke-linejoin:round;filter:none!important}
html body:not(#a):not(#b) .bnav b img.gi{width:23px!important;height:23px!important;filter:none!important}
html body:not(#a):not(#b) .bnav>a.on,html body:not(#a):not(#b) .bnav>.bmenu[aria-expanded=true]{color:var(--bn-on)!important;font-weight:600!important}
html body:not(#a):not(#b) .bnav>a.on b{transform:translateY(-1px) scale(1.08)}
html body:not(#a):not(#b) .bnav>a:active b,html body:not(#a):not(#b) .bnav>.bmenu:active b{transform:scale(.82)}
/* indicateur glissant */
.bnav .bn-ind{position:absolute;z-index:0;top:7px;bottom:7px;left:0;width:60px;border-radius:19px;background:var(--bn-g);opacity:.22;box-shadow:0 0 22px rgba(182,0,168,.55);transition:transform .45s cubic-bezier(.3,1.35,.5,1),width .45s cubic-bezier(.3,1.35,.5,1),opacity .25s;pointer-events:none}
.bnav .bn-ind::after{content:"";position:absolute;left:50%;bottom:-6px;width:18px;height:3px;margin-left:-9px;border-radius:3px;background:var(--bn-g);box-shadow:0 0 10px #ff2d95}
html.light .bnav .bn-ind{opacity:.16;box-shadow:0 0 18px rgba(182,0,168,.3)}
.bnav .bn-ind.off{opacity:0!important}
/* bouton central Communauté */
html body:not(#a):not(#b) .bnav>a[data-t=com]{color:var(--bn-tx)!important}
html body:not(#a):not(#b) .bnav>a[data-t=com] b{width:50px!important;height:50px!important;margin-top:-30px;border-radius:18px!important;background:var(--bn-g)!important;color:#fff!important;box-shadow:0 8px 22px rgba(182,0,168,.55),0 0 0 4px var(--base,#0C0C0C)!important;transform:rotate(0)}
html body:not(#a):not(#b) .bnav>a[data-t=com] b svg{stroke:#fff!important;width:25px!important;height:25px!important}
html body:not(#a):not(#b) .bnav>a[data-t=com].on{color:var(--bn-on)!important}
html body:not(#a):not(#b) .bnav>a[data-t=com].on b{transform:translateY(-2px) scale(1.05);box-shadow:0 10px 28px rgba(255,45,149,.7),0 0 0 4px var(--base,#0C0C0C)!important}
html.light body:not(#a):not(#b) .bnav>a[data-t=com] b{box-shadow:0 8px 20px rgba(182,0,168,.35),0 0 0 4px #F4F2F6!important}
/* onde au toucher */
.bnav .bn-rip{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:radial-gradient(circle,rgba(255,45,149,.45),transparent 70%);transform:scale(0);opacity:1;animation:bnrip .5s ease-out forwards;pointer-events:none;z-index:-1}
@keyframes bnrip{to{transform:scale(1.9);opacity:0}}
/* dégagements : contenu, bouton haut, bannières fixes */
html body main{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}
html body footer.nft,html body footer{padding-bottom:calc(110px + env(safe-area-inset-bottom))!important}
html body #totop{bottom:calc(90px + env(safe-area-inset-bottom))!important;transition:bottom .38s,opacity .3s}
html body #asfbar{bottom:calc(88px + env(safe-area-inset-bottom))!important}
html body.bn-hidden #totop{bottom:calc(18px + env(safe-area-inset-bottom))!important}
}
@media (max-width:360px){html body:not(#a):not(#b) .bnav{left:8px!important;right:8px!important}html body:not(#a):not(#b) .bnav>a,html body:not(#a):not(#b) .bnav>.bmenu{font-size:9.5px!important}}
@media (prefers-reduced-motion:reduce){.bnav,.bnav .bn-ind,.bnav b{transition:none!important}.bnav .bn-rip{display:none}}