#orientacao, #recuperar-carga { position:fixed; inset:20% 5% auto; padding:24px; background:#171e29; color:#fff; border:2px solid #e0b36b; border-radius:12px; font:18px/1.5 system-ui; z-index:10020; text-align:center; }
[hidden] { display:none !important; }
#abrir-acessibilidade { position:fixed; top:4px; left:4px; z-index:10010; opacity:.8; }
#abrir-acessibilidade, #acoes-acessiveis button, #orientacao button, #recuperar-carga button { min-height:44px; min-width:44px; padding:10px 14px; border:1px solid #e0b36b; border-radius:5px; background:#202839; color:#fff; font:16px system-ui; cursor:pointer; }
#acoes-acessiveis { position:fixed; left:4px; top:52px; bottom:12px; max-width:min(360px,90vw); overflow:auto; padding:10px; background:#151c2bf5; border-radius:8px; z-index:10011; }
#acoes-acessiveis button { display:block; width:100%; margin:5px 0; text-align:left; }
button:focus-visible { outline:3px solid #fff; outline-offset:2px; }
@media (pointer:fine) { #abrir-acessibilidade:not(:focus):not([aria-expanded=true]) { opacity:0; } #abrir-acessibilidade:hover { opacity:1; } }