/* ============================================================
   Grammar Invaders — UI styles
   Canvas handles all game rendering; this file covers the
   HTML chrome that wraps the canvas.
   ============================================================ */

/* Ensure the canvas fills the flex container exactly */
#invaders-canvas {
  display: block;
  /* Sized dynamically by JS; pixel-crisp rendering */
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

/* Topbar score chip */
#invaders-score-display {
  font-family: 'Inter', sans-serif;
  font-size: 0.9rem;
  letter-spacing: 0.04em;
  color: #e8dcc8;
  min-width: 160px;
  text-align: right;
}