/* ===== WardenCraft — topbar, navegação, rodapé ===== */
.top{
  position:relative;z-index:51;text-align:center;font-weight:700;font-size:14px;padding:7px 10px;color:#031116;
  background:linear-gradient(90deg,var(--ac2),var(--ac),#9dfcff,var(--ac),var(--ac2));background-size:300% 100%;
  animation:barflow 8s linear infinite;
}
header.nav{
  position:sticky;top:0;z-index:50;
  background:#050a0fcc;backdrop-filter:blur(14px) saturate(1.4);
  border-bottom:1px solid var(--line);transition:box-shadow .3s,background .3s;
}
header.nav.stuck{box-shadow:0 10px 40px #000a;background:#050a0fee}
header .wrap{display:flex;align-items:center;gap:22px;min-height:68px}
.brand{display:flex;align-items:center;gap:12px;color:var(--tx);text-decoration:none;font-family:var(--f-pix);font-size:13px;letter-spacing:.5px}
.brand img{height:38px;width:auto;transition:transform .5s var(--ease),filter .3s;filter:drop-shadow(0 0 8px #00e5ff66)}
.brand:hover img{transform:rotate(-8deg) scale(1.15);filter:drop-shadow(0 0 16px var(--ac))}
nav{display:flex;gap:6px;flex:1;align-items:center}
nav a{position:relative;color:var(--mu);text-decoration:none;font-weight:600;font-size:15px;padding:8px 12px;border-radius:10px;transition:color .25s,background .25s}
nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;background:var(--ac);border-radius:2px;transform:scaleX(0);transform-origin:0 50%;transition:transform .35s var(--ease);box-shadow:0 0 10px var(--ac)}
nav a:hover,nav a.on{color:var(--tx)}
nav a:hover{background:#00e5ff0d}
nav a:hover::after,nav a.on::after{transform:scaleX(1)}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:10px;width:44px;height:44px;cursor:pointer;color:var(--tx);position:relative;margin-left:auto}
.burger i,.burger i::before,.burger i::after{position:absolute;left:11px;right:11px;height:2px;background:currentColor;border-radius:2px;transition:transform .35s var(--ease),opacity .2s}
.burger i{top:21px}.burger i::before,.burger i::after{content:"";left:0;right:0}
.burger i::before{top:-7px}.burger i::after{top:7px}
.burger[aria-expanded=true] i{background:transparent}
.burger[aria-expanded=true] i::before{transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded=true] i::after{transform:translateY(-7px) rotate(-45deg)}
.cnt{background:#031116;color:var(--ac);border-radius:99px;padding:0 9px;font-size:13px;font-weight:800;min-width:24px;text-align:center}
.cnt.bump{animation:bump .5s var(--ease)}

footer{position:relative;z-index:1;margin-top:60px;padding:48px 0 30px;color:var(--mu);font-size:15px;
  background:linear-gradient(180deg,transparent,#03070b 40%);border-top:1px solid var(--line)}
footer::before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--ac),transparent);opacity:.7}
footer .wrap{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:34px}
footer .fb{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-family:var(--f-pix);font-size:13px;color:var(--tx)}
footer .fb img{height:34px}
footer h4{color:var(--tx);font-size:15px;margin-bottom:10px;font-weight:700}
footer a{display:block;color:var(--mu);text-decoration:none;padding:3px 0;transition:color .2s,transform .25s var(--ease)}
footer a:hover{color:var(--ac);transform:translateX(6px)}
footer .copy{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
#toTop{position:fixed;right:22px;bottom:22px;z-index:70;width:48px;height:48px;border-radius:14px;border:1px solid var(--line2);background:#0a141bdd;backdrop-filter:blur(8px);color:var(--ac);cursor:pointer;font-size:20px;
  opacity:0;translate:0 20px;pointer-events:none;transition:opacity .3s,translate .4s var(--ease),box-shadow .3s}
#toTop.on{opacity:1;translate:0 0;pointer-events:auto}
#toTop:hover{box-shadow:0 0 22px var(--glow);border-color:var(--ac)}

/* toasts */
#toasts{position:fixed;left:50%;bottom:26px;translate:-50% 0;z-index:90;display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none}
.toast{background:#0a141bf2;border:1px solid var(--ac2);color:var(--tx);padding:12px 20px;border-radius:12px;font-weight:600;font-size:15px;box-shadow:0 12px 40px #000b,0 0 24px #00e5ff22;animation:toastIn .5s var(--ease) both}
.toast.bad{border-color:var(--bad)}
.toast.out{animation:toastOut .35s ease forwards}

@media(max-width:860px){
  .burger{display:block}
  header .wrap{flex-wrap:wrap;gap:10px;padding-block:8px}
  header .wrap>.btn{order:3}
  nav{order:4;flex-basis:100%;flex-direction:column;align-items:stretch;gap:2px;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s var(--ease),opacity .3s}
  nav.open{max-height:520px;opacity:1;padding-bottom:10px}
  nav a{padding:12px}
  footer .wrap{grid-template-columns:1fr}
}