/* /game/vampire-runner/vampire-runner.css */

/* Wrap */
#vampire-runner { user-select: none; }
#vampire-runner .vr-title { margin: 0 0 6px; }
#vampire-runner .vr-instructions { margin: 0 0 8px; }

/* Stats & buttons */
#vampire-runner .vr-stats { margin: 10px 0; font-family: monospace; }
#vampire-runner .vr-stat { margin-right: 12px; }
#vampire-runner .vr-buttons .btn { margin-right: 6px; }

/* Canvas */
#vampire-runner #vr {
  width: 100%;
  height: auto;
  background: #0b0b12;       /* night sky */
  border: 2px solid #222;
  display: block;
  outline: none;
}

/* Make canvas tappable & keyboard-focus friendly */
#vampire-runner #vr:focus {
  box-shadow: 0 0 0 3px rgba(194,27,47,.35); /* vamp red glow */
}

/* Layout tweaks */
@media (max-width: 767px) {
  #vampire-runner #vr { margin-bottom: 12px; }
}

/* Optional: subtle section spacing if your theme needs it */
#vampire-runner.ptb-lg { padding-top: 40px; padding-bottom: 40px; }

/* Buttons look crisp against dark canvas */
#vampire-runner .btn-primary { border-radius: 4px; }