/* ===========================================================
   Raid Log — shared design tokens & base styles
   Used by both index.html (landing) and play.html (game)
   =========================================================== */
:root{
  --void:#15120F;
  --iron:#2A2520;
  --iron-light:#3A332B;
  --parchment:#E8DFC8;
  --parchment-dim:#A89F88;
  --ember:#B23A2E;
  --ember-bright:#D9523F;
  --arcane:#3E8E8E;
  --arcane-bright:#56B6B6;
  --gold:#C9A227;
  --common:#9D9D9D;
  --uncommon:#3E8E55;
  --rare:#3E6FB2;
  --epic:#A335EE;
  --legendary:#C9A227;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--void);
  background-image:
    radial-gradient(ellipse at top, rgba(62,142,142,0.06), transparent 60%),
    radial-gradient(ellipse at bottom, rgba(178,58,46,0.05), transparent 60%);
  color:var(--parchment);
  font-family:'Spectral',serif;
  min-height:100vh;
  line-height:1.6;
}
h1,h2,h3,.display{
  font-family:'Cinzel',serif;
  letter-spacing:0.03em;
  margin:0;
}
.mono{font-family:'JetBrains Mono',monospace;}
a{color:var(--arcane-bright);}
.hidden{display:none !important;}