html, body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100%;
  font-family: system-ui, sans-serif;

  background: radial-gradient(circle, #0b0b0c 0%, #050506 100%);
  animation: breathe 6s ease-in-out infinite;
}

@keyframes breathe {
  0% { background-size: 100%; }
  50% { background-size: 103%; }
  100% { background-size: 100%; }
}

#game {
  display: block;
}

/* Best score at top */
#bestDisplay {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  color: #ffffffcc;
  font-size: 30px;
  font-weight: 300;
  text-shadow: 0 0 12px #ffffff22;
  pointer-events: none;
  transition: color 0.4s ease, text-shadow 0.4s ease;
}

/* Last score underneath, smaller + grey-neutral */
#lastDisplay {
  position: fixed;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  color: #9a9a9acc;
  font-size: 22px;
  font-weight: 300;
  text-shadow: 0 0 8px #ffffff15;
  pointer-events: none;
  transition: text-shadow 0.3s ease;
}

/* Glow when last score is strong */
.last-glow {
  text-shadow: 0 0 18px rgba(255,255,255,0.25);
}