/* Paleta, fontes e reset. Tudo que o resto das folhas assume que existe. */
:root{
  --void:#dbeecb;
  --panel:#fffef8;
  --panel2:#f5ecd6;
  --line:#e6d7ae;
  --line2:#d0bb86;
  --ember:#f5893b;
  --ember-dim:#d86e22;
  --verdigris:#2fa96f;
  --brass:#c68f2b;
  --ash:#453626;
  --ash-dim:#8f7c5c;
  --red:#e6543f;
  --mono:ui-monospace,"SF Mono","JetBrains Mono","Cascadia Mono",Menlo,Consolas,monospace;
  --sans:"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --display:"Fredoka","Nunito",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  background:#cfe6ad;
  color:var(--ash);
  font-family:var(--sans);
  font-weight:600;
  font-size:14px;
  display:flex;
  justify-content:center;
  padding:16px;
  background-image:
    radial-gradient(ellipse 95% 55% at 50% -8%, rgba(255,221,130,.7), transparent 68%),
    linear-gradient(#a9dcf2 0%, #c7e8bd 48%, #b6dc8f 100%);
  background-attachment:fixed;
  min-height:100vh;
}
#app{width:100%;max-width:1120px}
/* a tela de jogo respira mais: o tabuleiro é o assunto, tudo o mais é apoio */
body.jogando #app{max-width:1720px}