@tailwind base;
@tailwind components;
@tailwind utilities;

html,
body {
  padding: 0;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  background-color: #000;
}

* {
  box-sizing: border-box;
}

canvas {
  border: 2px solid #333;
  border-radius: 8px;
}

.game-button {
  @apply bg-green-600 hover:bg-green-700 text-white font-bold py-2 px-4 rounded transition-colors duration-200;
}

.game-button:disabled {
  @apply bg-gray-600 hover:bg-gray-600 cursor-not-allowed;
}

.score-display {
  @apply text-2xl font-bold text-white;
}

.control-button {
  @apply bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-6 rounded-lg transition-colors duration-200 active:bg-blue-800;
}