/* base.css: tokens e tela cheia. Estilos de interface ficam em ui.css */
:root{
  color-scheme:dark;
  --bg:#0b0809;
  --panel:#17110f;
  --panel2:#221915;
  --line:#e8c7a01f;
  --ink:#ece2d0;
  --muted:#a8998a;
  --blood:#b8202a;
  --ember:#ff7a2a;
  --gold:#d4a24c;
  --bone:#e8dcc4;
  --arcane:#7a5cff;
  --poison:#6fae3a;
  /* nomes antigos mantidos pra não quebrar módulos (apontam pra paleta nova) */
  --grass:var(--poison); --pink:var(--blood); --cyan:var(--arcane); --red:var(--blood);
  --f-display:'Cinzel','Cinzel Decorative',Georgia,'Times New Roman',serif;
  --f-deco:'Cinzel Decorative','Cinzel',Georgia,serif;
  --f-body:'Alegreya Sans','Segoe UI',system-ui,sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--f-body);-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;overscroll-behavior:none}
#game{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}
#ui{position:fixed;inset:0;pointer-events:none;z-index:10}
#ui *{pointer-events:auto}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
button:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}