/* Console Bailder — base (tokens, reset, raízes, camadas). Dono: INTEGRACAO. */
:root{
  --bg0:#07070b; --bg1:#0e0e16; --bg2:#151522;
  --surface:rgba(255,255,255,.06); --surface2:rgba(255,255,255,.10); --line:rgba(255,255,255,.12);
  --text:#f4f2ec; --text2:rgba(244,242,236,.72); --text3:rgba(244,242,236,.48);
  --paper:#f1eee5; --ink:#17161a;
  --neon-cyan:#00e0ff; --neon-blue:#4d7cff; --neon-violet:#8a45ff; --neon-magenta:#c837ff; --neon-pink:#ff2d9b;
  --neon-grad:linear-gradient(115deg,var(--neon-cyan),var(--neon-blue) 26%,var(--neon-violet) 50%,var(--neon-magenta) 72%,var(--neon-pink));
  --r-tile:22px; --r-panel:28px; --r-pill:999px;
  --shadow:0 24px 60px rgba(0,0,0,.55); --glow-blue:0 0 28px rgba(77,124,255,.45);
  --ease-out:cubic-bezier(.22,1,.36,1); --ease-inout:cubic-bezier(.65,0,.35,1); --ease-in:cubic-bezier(.55,0,1,.45);
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-kids:"Baloo 2","Trebuchet MS",system-ui,sans-serif;
  --gutter:clamp(16px,4vw,72px);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%;margin:0;overflow:hidden;background:var(--bg0)}
body{font-family:var(--font);color:var(--text);background:var(--bg0);
  overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  -webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;
  touch-action:manipulation}
[hidden]{display:none!important}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation}
button:focus{outline:none}
button:focus-visible{outline:3px solid var(--neon-cyan);outline-offset:3px}
canvas{display:block}
img{display:block;max-width:100%}

/* raízes e camadas (z-index do contrato §2.6) */
#menu,#boot,#power{position:fixed;inset:0;overflow:hidden}
#menu{z-index:10;background:var(--bg0)}
#boot{z-index:30;background:var(--bg0)}
#power{z-index:40;background:var(--bg0)}
#fx{position:fixed;inset:0;z-index:50;pointer-events:none;overflow:hidden}
noscript{position:fixed;inset:0;display:grid;place-items:center;font:600 20px var(--font);color:var(--text2)}

/* util */
.bc-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{scroll-behavior:auto!important}
}