/* ===========================================================
   Raid Log — shared design tokens & base styles
   Used by both index.html (landing) and play.html (game)
   =========================================================== */
:root{
  --void:#0B090D;
  --iron:#1F1A24;
  --iron-light:#332B3C;
  --parchment:#E4DFE6;
  --parchment-dim:#9890A0;
  --ember:#B5102E;
  --ember-bright:#FF2D4D;
  --arcane:#2E8B57;
  --arcane-bright:#4ADE80;
  --shadow:#7C3AED;
  --shadow-bright:#A66BFF;
  --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(124,58,237,0.08), transparent 60%),
    radial-gradient(ellipse at bottom, rgba(181,16,46,0.07), 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;}