/* Rodapé em estilo game (sem trocar as fontes) */
.footer{
  background-color:#0d0b12!important;border-top:4px solid #4b3f66!important;
  box-shadow:inset 0 4px 0 #0d0b12,inset 0 8px 0 #1b1626;
  image-rendering:pixelated;
}
.footer .footer-main{border-bottom:4px dashed #4b3f66!important}
.footer .footer-bottom{border-top:0!important}

/* títulos das colunas viram etiquetas */
.footer .mini-label{
  display:inline-block;padding:5px 8px;margin-bottom:12px;background:#1b1626;color:#f2a65a;
  border:2px solid #4b3f66;box-shadow:3px 3px 0 #dd7136;
  transition:transform .06s steps(2,end),box-shadow .06s steps(2,end);
  -webkit-user-select:none;user-select:none;
}
.footer .mini-label:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #dd7136}
.footer .mini-label:active{transform:translate(3px,3px);box-shadow:0 0 0 #dd7136}

/* links: item de menu com ▶ no hover */
.footer nav a{
  position:relative;display:block;padding:3px 0 3px 0;border:2px solid transparent;
  transition:transform .06s steps(2,end);
}
.footer nav a:hover{color:#f2a65a;transform:translateX(6px)}
.footer nav a:hover::before{content:"▶";position:absolute;left:-18px;top:50%;transform:translateY(-50%);font-size:9px;color:#f2a65a}
.footer nav a:active{transform:translateX(9px)}
.footer nav a:focus-visible{outline:3px dashed #f2a65a;outline-offset:3px}
.footer .brand{display:inline-flex}
.footer .brand img{image-rendering:pixelated}
@media (prefers-reduced-motion:reduce){.footer .mini-label,.footer nav a{transition:none}}
.footer .mini-label{align-self:flex-start;width:fit-content}