/* ===== Menu inferior animado ===== */
#nbar{animation:nBarIn .75s cubic-bezier(.22,1.25,.36,1) both}
@keyframes nBarIn{from{transform:translateY(110%)}to{transform:none}}
#nbar button{animation:nIcIn .55s cubic-bezier(.22,1.4,.36,1) both;animation-delay:calc(var(--k,0)*60ms + 380ms)}
@keyframes nIcIn{from{opacity:0;transform:translateY(14px) scale(.7)}to{opacity:1;transform:none}}
/* bolha que desliza com mola e se estica na viagem */
#nbar .ind{transition:transform .6s cubic-bezier(.34,1.5,.5,1)!important;box-shadow:0 8px 18px rgba(27,82,224,.38)}
#nbar .ind.go{animation:nStretch .55s ease-out}
@keyframes nStretch{0%{scale:1 1}35%{scale:var(--s,1.25) .88}100%{scale:1 1}}
/* ícones: mola ao ativar, encolhe ao tocar */
#nbar button svg{transition:transform .35s cubic-bezier(.34,1.6,.64,1)}
#nbar button.on svg{transform:translateY(-1px) scale(1.1)}
#nbar button:active svg{transform:scale(.8)!important;transition-duration:.1s}
#nbar button.on[data-p="homePage"] svg{animation:nHome .65s cubic-bezier(.3,1.5,.4,1)}
#nbar button.on[data-p="gamesPage"] svg{animation:nCal .7s ease-out;transform-origin:50% 20%}
#nbar button.on[data-p="tablePage"] svg{animation:nTab .6s cubic-bezier(.3,1.4,.4,1);transform-origin:0 50%}
#nbar button.on[data-p="chatLivePage"] svg{animation:nChat .7s cubic-bezier(.3,1.5,.4,1)}
#nbar button.on[data-p="maisPage"] svg{animation:nMore .65s cubic-bezier(.3,1.5,.4,1)}
@keyframes nHome{0%{transform:translateY(8px) scale(.6)}55%{transform:translateY(-6px) scale(1.2)}100%{transform:translateY(-1px) scale(1.1)}}
@keyframes nCal{0%{transform:rotate(0) scale(.7)}30%{transform:rotate(-14deg) scale(1.15)}55%{transform:rotate(10deg) scale(1.12)}80%{transform:rotate(-4deg) scale(1.1)}100%{transform:translateY(-1px) rotate(0) scale(1.1)}}
@keyframes nTab{0%{transform:scaleX(.2)}60%{transform:scaleX(1.25)}100%{transform:translateY(-1px) scale(1.1)}}
@keyframes nChat{0%{transform:translateY(6px) scale(.5) rotate(-12deg)}50%{transform:translateY(-6px) scale(1.25) rotate(8deg)}100%{transform:translateY(-1px) scale(1.1) rotate(0)}}
@keyframes nMore{0%{transform:scale(.4) rotate(-90deg)}60%{transform:scale(1.3) rotate(10deg)}100%{transform:translateY(-1px) scale(1.1) rotate(0)}}
@media(prefers-reduced-motion:reduce){#nbar,#nbar button,#nbar .ind,#nbar button svg{animation:none!important;transition-duration:.01s!important}}