:root {
  --chao: #07070a; --painel: #111118; --tinta: #f4f1ea; --tinta-2: #a5a3b0;
  --cor-1: #f95257; --cor-2: #38b6ff; --cor-3: #f2b526; --lima: #e6fd9e;
  --display: "Bricolage Grotesque", "Figtree", system-ui, sans-serif;
  --texto: "Figtree", system-ui, sans-serif;
  color-scheme: dark;
}
* { box-sizing: border-box; margin: 0; }
html, body { background: var(--chao); color: var(--tinta); font-family: var(--texto); }
body { min-height: 100dvh; -webkit-tap-highlight-color: transparent; }
button { font: inherit; color: inherit; }
[hidden] { display: none !important; }

/* Aviso de rede, comum às três telas */
.rede { position: fixed; inset: 0 0 auto 0; padding: 8px 16px; background: var(--cor-3); color: #07070a;
  font-weight: 700; font-size: 14px; text-align: center; z-index: 9; }