/* Camadas: mapa < atalhos < controles < menu < janelas do jogo. */
#btn-abrir-menu {z-index:80; top:calc(env(safe-area-inset-top,0px) + 12px); right:10px; width:44px; height:44px;}
#eldora-hub-toggle {z-index:79; top:calc(env(safe-area-inset-top,0px) + 12px); right:62px; width:44px; height:44px; padding:0; border:1px solid #a78a4d; border-radius:12px;}
#eldora-controles-hub {z-index:90; max-width:calc(100vw - 32px);}
#menu-overlay {z-index:100; height:100dvh; background:#030813ad;}
#side-menu.eldora-menu {position:fixed; top:0; right:0; width:min(310px,88vw); max-width:310px; height:100dvh; z-index:110; transform:translateX(105%); visibility:hidden; transition:transform .2s ease,visibility .2s; display:flex; flex-direction:column; box-sizing:border-box; overflow:hidden; border:0; border-left:1px solid #9f834a; background:linear-gradient(160deg,#1b2638,#0c1320 65%); box-shadow:-14px 0 40px #0007; padding:0; font-family:'Segoe UI',sans-serif;}
#side-menu.eldora-menu.aberto {transform:translateX(0); visibility:visible;}
#side-menu .eldora-menu-header {box-sizing:border-box; min-height:74px; flex-shrink:0; padding:calc(env(safe-area-inset-top,0px) + 12px) 12px 12px; background:#202d40; gap:8px;}
#side-menu .eldora-menu-titulo {font-size:14px; color:#f0d79b; letter-spacing:.5px;}
#side-menu .eldora-menu-subtitulo {font-size:11px; color:#a6b2c4;}
#side-menu #btn-fechar-menu {position:static; flex:0 0 44px; width:44px; height:44px; margin:0; padding:0; border:1px solid #415068; border-radius:12px; color:#d0dae8; background:#172231; font-size:20px; text-shadow:none; cursor:pointer;}
#side-menu .eldora-menu-itens {overflow-y:auto; overscroll-behavior:contain; min-height:0; padding:12px 12px calc(env(safe-area-inset-bottom,0px) + 14px); gap:7px;}
#side-menu .eldora-menu-grupo {font-size:10px; color:#9aa9be; letter-spacing:1.5px; margin:10px 4px 2px;}
#side-menu .eldora-menu-btn {display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:10px; box-sizing:border-box; min-height:52px; margin:0; padding:8px 10px; border:1px solid #354459; border-radius:11px; background:linear-gradient(120deg,#202e40,#182333); color:#e0e7ef; box-shadow:none; text-align:left; transition:background .15s; touch-action:manipulation;}
#side-menu .eldora-menu-btn .texto {font-size:13px; font-family:'Segoe UI',sans-serif; line-height:1.3; color:inherit; font-weight:600;}
#side-menu .eldora-menu-btn.active {border-color:#c5a563; background:linear-gradient(110deg,#4b402a,#29291f); color:#f6dda3; box-shadow:inset 3px 0 #d6b774;}
#side-menu .eldora-menu-btn:hover {transform:none; border-color:#b3975b;}
#side-menu .eldora-menu-btn:active {transform:scale(.99);}
#side-menu .eldora-menu-icone {width:32px; height:32px; font-size:17px; border:1px solid #475366; border-radius:9px; background:#111b29;}
#side-menu .eldora-menu-em-breve {font-size:9px; padding:3px 5px;}
#side-menu .eldora-menu-sair {color:#f0a3a3; border-color:#583d48;}
#side-menu :focus-visible {outline:2px solid #ebc975; outline-offset:2px;}
body.menu-aberto #btn-abrir-menu, body.menu-aberto #eldora-hub-toggle,
body.menu-aberto #eldora-controles-hub,
body.game-overlay-active #btn-abrir-menu, body.game-overlay-active #eldora-hub-toggle,
body.game-overlay-active #eldora-controles-hub,
body.ui-modal-aberta #eldora-hub-toggle, body.ui-modal-aberta #eldora-controles-hub,
body.combate-aberto #eldora-hub-toggle, body.combate-aberto #eldora-controles-hub,
body.fora-do-mapa #eldora-hub-toggle, body.fora-do-mapa #eldora-controles-hub {visibility:hidden !important; pointer-events:none !important;}
@media(prefers-reduced-motion:reduce){#side-menu.eldora-menu {transition:none;}}

#side-menu .eldora-menu-itens {scrollbar-width:thin; scrollbar-color:#57647a transparent;}
#side-menu .eldora-menu-itens::-webkit-scrollbar {width:4px;}
#side-menu .eldora-menu-itens::-webkit-scrollbar-thumb {background:#57647a; border-radius:8px;}
#side-menu .eldora-menu-itens::-webkit-scrollbar-track {background:transparent;}