/* Chicken Invaders 5: the night-sky palette. shell.css carries the pixel chrome, so
   this page only restates the tokens and keeps the four chips readable on a phone. */
:root {
  --ink: #eaf1ff;
  --ink-dim: #97a8c4;
  --page: #101a2c;
  --chrome: #2c3f60;
  --chrome-lit: #5b7cab;
  --chrome-edge: #101a2c;
  --chrome-shadow: #0a1220;
  --field: #12203a;
  --field-ink: #dce8fa;
  --field-dim: #8ba3c6;
  --good: #4f9c6c;
  --done: #123024;
  --done-ink: #bdf0d0;
}
#game-canvas { background: #0a1220 }

/* Lives are atlas hearts, so the chip needs to lay them out as a row of sprites. */
.goal .px { --px: 16px }
.goal .lives { display: inline-flex; gap: 2px }

/* The gold target sits beside the score, so the chips do not have to carry it. */
.hud .purse-goal { font-size: 12px; color: var(--field-dim) }

/* Four chips plus the score can outgrow a narrow header: overflow to the right so the
   flock counter and lives stay readable and it is the transient streak that runs off. */
@media (max-width:600px) { .hud .goals { justify-content: flex-start } }