[class*="_topHud_"]{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9300!important;overflow:visible!important}
.nrmt-top-menu-grouped{position:relative!important;z-index:9301!important;overflow-x:auto!important;overflow-y:hidden!important;isolation:isolate;border-top:0!important;box-shadow:none!important;align-items:center!important;scrollbar-width:none!important;-ms-overflow-style:none!important}
.nrmt-top-menu-grouped::-webkit-scrollbar{display:none!important;height:0!important}
.nrmt-top-menu-grouped:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#6d4e18 8%,#e0a735 50%,#6d4e18 92%,transparent);pointer-events:none;z-index:1}
.nrmt-top-menu-grouped:after{display:none!important}
.nrmt-top-menu-grouped>*{position:relative;z-index:2;flex:0 0 auto}
.nrmt-menu-original-collapsed{display:none!important}
.nrmt-top-menu-grouped>button.nrmt-menu-direct{align-self:center!important;min-width:78px!important;max-width:88px!important;height:54px!important;padding:5px 7px 6px!important}
.nrmt-top-menu-grouped>button.nrmt-menu-direct [class*="_topHudMenuIcon_"]{width:23px!important;height:23px!important;filter:drop-shadow(0 0 3px #eab84c44)!important}
.nrmt-top-menu-grouped .nrmt-menu-direct__icon{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;color:#e8b449!important;opacity:1!important;filter:none!important}
.nrmt-top-menu-grouped .nrmt-menu-direct__icon svg{display:block!important;width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 0 3px #eab84c55)!important}
.nrmt-top-menu-grouped>button.nrmt-menu-direct [class*="_topHudMenuLabel_"],.nrmt-top-menu-grouped .nrmt-menu-logout [class*="_topHudMenuLabel_"]{font-size:12px!important;line-height:1.15!important;letter-spacing:.02em!important;white-space:nowrap!important}
.nrmt-menu-group{position:relative;align-self:center!important;display:flex;z-index:9302;height:54px!important;flex:0 0 auto}
.nrmt-menu-group.is-open{z-index:9400}
.nrmt-menu-group__trigger{position:relative;min-width:78px!important;flex-basis:78px!important;height:54px!important;padding:5px 7px 6px!important;gap:2px!important;border-top:0!important;white-space:nowrap!important}
.nrmt-menu-group__trigger>b{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;color:#e8b449!important;font:700 18px/1 serif!important;filter:drop-shadow(0 0 4px #e0a83955)}
.nrmt-menu-group__trigger>span{font-size:12px!important;letter-spacing:.02em;line-height:1.15!important;white-space:nowrap!important}
.nrmt-menu-group__trigger>em{position:absolute;right:7px;bottom:7px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #967c46;transition:transform .15s}
.nrmt-menu-group.is-open .nrmt-menu-group__trigger{background:linear-gradient(#514b3a,#332f28)!important;box-shadow:inset 0 -2px #e2ad3f}
.nrmt-menu-group.is-open .nrmt-menu-group__trigger>em{transform:rotate(180deg)}
.nrmt-menu-group__dropdown{position:absolute;z-index:9500;left:50%;top:calc(100% + 1px);box-sizing:border-box;width:300px;padding:12px 13px 13px;border:1px solid transparent;border-image-source:var(--nrmt-archive-panel-frame,url('/assets/branding/shinobi-archive-ui-v3/panel-frame.png?v=1'));border-image-slice:104 122;border-image-width:9px;border-image-repeat:stretch;background:radial-gradient(circle at 16% 4%,#75531c2b,transparent 34%),linear-gradient(155deg,#192324fc,#071011fe 74%);box-shadow:0 18px 42px #000e,inset 0 0 28px #0008;transform:translate(-50%,-8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s,transform .14s}
.nrmt-menu-group.is-open .nrmt-menu-group__dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.nrmt-menu-group__dropdown.is-portal{position:fixed!important;z-index:20000!important;margin:0!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
.nrmt-menu-group__dropdown.is-portal:before{left:50%}
.nrmt-menu-group__dropdown:before{content:"";position:absolute;left:50%;top:-5px;width:9px;height:9px;border-left:1px solid #c79735;border-top:1px solid #c79735;background:#152020;transform:translateX(-50%) rotate(45deg);box-shadow:-2px -2px 5px #0008}
.nrmt-menu-group__dropdown>header{position:relative;display:grid;grid-template-columns:1fr auto;gap:3px;padding:8px 9px 11px;margin-bottom:5px;border-bottom:1px solid #85611f;text-align:left;background:linear-gradient(90deg,#c7982420,transparent 76%)}
.nrmt-menu-group__dropdown>header small{grid-column:1/3;color:#8f978f;font-size:7.5px;font-weight:900;letter-spacing:.17em}
.nrmt-menu-group__dropdown>header strong{color:#e4b44d;font:italic 15px NinjaTitle,Georgia,serif;letter-spacing:.05em}
.nrmt-menu-group__dropdown>header span{align-self:center;color:#939991;font-size:8.5px}
.nrmt-menu-group__dropdown>header mark{grid-column:1/3;justify-self:start;margin-top:3px;padding:3px 6px;border:1px solid #675321;background:#070c0d;color:#dcb246;font:800 11px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.12em}
.nrmt-menu-group__dropdown>button{position:relative;width:100%;min-height:54px;display:grid;grid-template-columns:42px 1fr 25px;align-items:center;gap:8px;margin-top:5px;padding:8px 7px;border:1px solid rgba(61,98,95,.82);border-image:none;background:linear-gradient(135deg,#182323fa,#091112fd 75%);color:#e4e4df;text-align:left;cursor:pointer;box-shadow:inset 0 0 16px #0008;transition:filter .14s,transform .14s}
.nrmt-menu-group__dropdown>button:hover{filter:brightness(1.22);transform:translateX(2px);background:linear-gradient(90deg,#5e461f,#10191a 56%)}
.nrmt-menu-group__dropdown>button>i{display:grid;place-items:center;box-sizing:border-box;width:40px;height:40px;border:1px solid rgba(62,105,101,.78);border-image:none;border-radius:2px;background:radial-gradient(circle,#26606b55,#050b0c 72%);color:#e4b44d;font:17px/1 serif;box-shadow:inset 0 0 8px #000}
.nrmt-menu-group__dropdown>button>span{display:flex;min-width:0;flex-direction:column;gap:2px}
.nrmt-menu-group__dropdown>button b{color:#e6e2d6;font:italic 11px NinjaTitle,Georgia,serif;letter-spacing:.03em}
.nrmt-menu-group__dropdown>button small{color:#8f9690;font:12px "Segoe UI",Arial,sans-serif}
.nrmt-menu-group__dropdown>button>span>u{align-self:flex-start;padding:2px 5px;border:1px solid #bb8a2e;background:#d8a334;color:#101313;text-decoration:none;font:900 11px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.1em;box-shadow:0 0 9px #e1a93255}
.nrmt-menu-group__dropdown>button>em{display:grid;align-content:center;justify-items:center;gap:1px;color:#d4a43d;font:19px/1 serif}
.nrmt-menu-group__dropdown>button>em>small{color:#6f755f;font:700 11px/1 "Segoe UI",Arial,sans-serif}
.nrmt-menu-group__dropdown>button.is-featured{min-height:70px;background:radial-gradient(circle at 18% 50%,#168c9d3b,transparent 43%),linear-gradient(120deg,#4a371a,#0a1719 72%);box-shadow:inset 3px 0 #e2aa35,inset 0 0 18px #0008,0 0 10px #dfa83426}
.nrmt-menu-group__dropdown>button.is-featured:after{content:"ROTA PRINCIPAL";position:absolute;right:9px;top:6px;color:#6cd3d1;font:800 11px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.1em}
.nrmt-menu-group__dropdown>button.is-featured>i{width:44px;height:48px;color:#ffd35b;background:radial-gradient(circle,#2f7a875d,#070d0e 72%)}
.nrmt-menu-group__dropdown>button.is-featured b{color:#ffd15b;font-size:13px;text-shadow:0 1px #000}
.nrmt-menu-group__dropdown--battle{width:322px}
/* Abaixo de 850px o dropdown vira um cartao fixo; acima disso ele fica preso
   embaixo do gatilho. A barra em si nunca encolhe o texto pra caber — ela
   rola na horizontal (overflow-x acima), entao nao precisa de breakpoint
   pra espremer botao/fonte de novo. */
@media(max-width:850px){.nrmt-menu-group__dropdown{position:fixed;left:50%;top:62px;width:min(320px,calc(100vw - 16px))}}

/* A antiga barra de area roubava espaco e recortava os submenus. */
.nrmt-baiak-layout .nrmt-bi-stagebar{display:none!important}
.nrmt-baiak-layout canvas{top:calc(var(--bi-top) + var(--bi-gap))!important;height:calc(100vh - var(--bi-top) - var(--bi-bottom) - var(--bi-gap)*2)!important}

/* Ícones vetoriais consistentes, inclusive contra regras antigas que ocultavam SVG. */
.nrmt-top-menu-grouped .nrmt-menu-group__trigger>b svg{display:block!important;width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 0 3px #eab84c44)}
.nrmt-menu-group__dropdown>button>i svg{display:block!important;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nrmt-menu-group__dropdown--premium{background:radial-gradient(circle at 20% 0,#8b651d38,transparent 38%),linear-gradient(155deg,#211b0dfc,#071011fe 74%)}
.nrmt-menu-group__dropdown--premium>header mark{border-color:#9f7627;color:#ffd76d;background:#171005}
.nrmt-menu-group__dropdown--premium>button{border-left:3px solid #bd8d32!important;background:radial-gradient(circle at 12% 50%,#a6771b1c,transparent 42%),linear-gradient(90deg,#241b0d,#091718 70%)!important}
.nrmt-menu-group__dropdown--premium>button:hover{border-color:#d4a33f!important;background:linear-gradient(90deg,#3a2a10,#0b1919 72%)!important}
.nrmt-menu-group__dropdown--premium>button>i{color:#ffd35f!important}

/* VIP, Arena e Correio ficam exclusivamente dentro dos grupos. */
#nrmt-vip-fab,.nrmt-pvp-launch,[data-nrmt-pvp-launch],.nrmt-menu-logout-source{display:none!important}
.nrmt-top-menu-grouped .nrmt-menu-logout{display:flex!important;order:9!important;align-self:center!important;min-width:78px!important;height:54px!important;padding:5px 7px 6px!important}
.nrmt-top-menu-grouped .nrmt-menu-vip-direct{display:flex!important;order:6!important;border-left:1px solid #76581f!important;border-right:1px solid #76581f!important;background:linear-gradient(#3b2c13,#17140d)!important;box-shadow:inset 0 -2px #d9a634!important}.nrmt-top-menu-grouped .nrmt-menu-vip-direct .nrmt-menu-direct__icon{color:#ffd15e!important}.nrmt-top-menu-grouped .nrmt-menu-vip-direct:hover{filter:brightness(1.18)}
.nrmt-top-menu-grouped .nrmt-menu-discord{display:flex!important;position:relative!important;order:6!important;border-left:1px solid #76581f!important;border-right:1px solid #76581f!important;background:linear-gradient(#241f38,#141221)!important;box-shadow:inset 0 -2px #5865f2!important}.nrmt-top-menu-grouped .nrmt-menu-discord .nrmt-menu-direct__icon{color:#8ea1ff!important}.nrmt-top-menu-grouped .nrmt-menu-discord:hover{filter:brightness(1.18)}.nrmt-menu-discord__dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#58e88a;box-shadow:0 0 6px #58e88a}
.nrmt-top-menu-grouped .nrmt-menu-referral{display:flex!important;position:relative!important;order:6!important;border-left:1px solid #76581f!important;border-right:1px solid #76581f!important;background:linear-gradient(#1f2b1a,#111a0e)!important;box-shadow:inset 0 -2px #6bbf4f!important}.nrmt-top-menu-grouped .nrmt-menu-referral .nrmt-menu-direct__icon{color:#8fe07a!important}.nrmt-top-menu-grouped .nrmt-menu-referral:hover{filter:brightness(1.18)}
.nrmt-top-menu-grouped .nrmt-menu-wiki{display:flex!important;position:relative!important;order:7!important;background:linear-gradient(#10292b,#091719)!important;box-shadow:inset 0 -2px #61dfe3!important}.nrmt-top-menu-grouped .nrmt-menu-wiki .nrmt-menu-direct__icon{color:#6fe8ea!important}.nrmt-top-menu-grouped .nrmt-menu-wiki:hover{filter:brightness(1.2);box-shadow:inset 0 -2px #e4b84c,0 0 16px #61dfe322!important}
.nrmt-top-menu-grouped .nrmt-menu-admin{display:flex!important;position:relative!important;order:6!important;border-left:1px solid #76581f!important;border-right:1px solid #76581f!important;background:linear-gradient(#301613,#150a09)!important;box-shadow:inset 0 -2px #d5a72c!important}.nrmt-top-menu-grouped .nrmt-menu-admin .nrmt-menu-direct__icon{color:#f3c849!important}.nrmt-top-menu-grouped .nrmt-menu-admin:hover{filter:brightness(1.18)}
body.nrmt-display-mobile .nrmt-top-menu-grouped>.nrmt-menu-lobby{position:sticky!important;z-index:5!important;left:0!important;flex:0 0 52px!important;min-width:52px!important;max-width:52px!important;background:linear-gradient(#363a37,#202422)!important;box-shadow:5px 0 10px #0009,inset 0 -2px #d4a333!important}
body.nrmt-display-mobile .nrmt-top-menu-grouped>.nrmt-menu-lobby [class*="_topHudMenuLabel_"]{display:none!important}
body[data-nrmt-display-preference="mobile"] .nrmt-top-menu-grouped>.nrmt-menu-lobby{position:sticky!important;z-index:5!important;left:0!important;flex:0 0 52px!important;min-width:52px!important;max-width:52px!important}
.nrmt-top-menu-grouped .nrmt-menu-logout svg,.nrmt-top-menu-grouped .nrmt-menu-logout__icon svg{display:block!important;width:23px!important;height:23px!important;fill:none!important;stroke:#e8b449!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 0 3px #eab84c44)}

/* Abaixo de 480px o rotulo de texto sai (fica so o icone); LOBBY continua
   fixo a esquerda e o resto rola. Nada aqui volta a fonte pra ilegivel. */
@media(max-width:480px){
  .nrmt-top-menu-grouped>button.nrmt-menu-direct,.nrmt-menu-group__trigger,.nrmt-top-menu-grouped .nrmt-menu-logout{min-width:52px!important;max-width:52px!important;flex-basis:52px!important;padding:5px 4px!important}
  .nrmt-top-menu-grouped>button.nrmt-menu-direct [class*="_topHudMenuLabel_"],.nrmt-top-menu-grouped .nrmt-menu-logout [class*="_topHudMenuLabel_"],.nrmt-menu-group__trigger>span{display:none!important}
  .nrmt-menu-group__trigger>em{right:4px;bottom:5px}
}

/* Remove a barra decorativa que aparecia abaixo do ultimo item do menu. */
body.nrmt-baiak-layout .nrmt-top-menu-grouped::before{
  content:none!important;
  display:none!important;
}
