/* =========================================================================
   MeAuren — base: o que o navegador desenha e ninguém lembra de desenhar
   (seleção, cursor de texto, barras de rolagem, foco, números, links).
   ========================================================================= */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{
  background:var(--night);color:var(--ink);
  font-family:var(--fb);font-size:var(--t-base);line-height:1.55;
  font-feature-settings:"kern" 1;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* títulos: largos e pesados, caixa alta onde o app já pedia */
h1,h2,h3{font-family:var(--fd);font-weight:800;letter-spacing:-.01em;line-height:1.08;text-wrap:balance;}
h4,h5{font-family:var(--fb);font-weight:700;letter-spacing:0;}
p{text-wrap:pretty;}

/* seleção e cursor de texto na cor da casa */
::selection{background:color-mix(in srgb,var(--amber) 34%,transparent);color:var(--ink);}
input,textarea,[contenteditable]{caret-color:var(--amber);}
::placeholder{color:var(--mut-2);opacity:1;}

/* foco: anel visível, com respiro, só quando vem do teclado */
:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:4px;}
:focus:not(:focus-visible){outline:none;}

/* links */
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:var(--line-2);}
a:hover{text-decoration-color:currentColor;}

/* números de jogo sempre alinhados */
.mono,input[type=number],.vv,.pp{font-variant-numeric:tabular-nums lining-nums;}
code,kbd{font-family:var(--fm);font-size:.9em;background:var(--surf-3);border-radius:4px;padding:.08em .38em;}

/* barras de rolagem finas, no tom da superfície */
*{scrollbar-width:thin;scrollbar-color:var(--surf-3) transparent;}
*::-webkit-scrollbar{width:10px;height:10px;}
*::-webkit-scrollbar-track{background:transparent;}
*::-webkit-scrollbar-thumb{background:var(--surf-3);border-radius:10px;border:3px solid transparent;background-clip:padding-box;}
*::-webkit-scrollbar-thumb:hover{background:var(--line-2);background-clip:padding-box;}
*::-webkit-scrollbar-corner{background:transparent;}

/* imagens e mídia nunca estouram o contêiner */
img,video,canvas,svg{max-width:100%;}

/* ícones desenhados (sprite em #icones no HTML).
   Escopo em svg.i de propósito: o app já usa class="i" em <span> (nome do item
   no equipamento, por exemplo) e a regra genérica encolhia o texto para 18px. */
svg.i{width:18px;height:18px;flex:none;display:inline-block;vertical-align:-.2em;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
svg.i.sm{width:15px;height:15px;}
svg.i.lg{width:22px;height:22px;}

/* texto só para leitor de tela */
.sr,.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}