/* 自定义样式 */

body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

#game-container {
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  touch-action: none;
}

/* HUD 样式 */
#hud {
  pointer-events: none;
  z-index: 10;
}

/* 按钮悬停效果 */
button {
  cursor: pointer;
  transition: all 0.3s ease;
}

button:hover {
  transform: scale(1.05);
}

button:active {
  transform: scale(0.95);
}

/* 屏幕动画 */
.hidden {
  display: none !important;
}

/* 游戏结束和开始屏幕 */
#game-over, #start-screen {
  z-index: 100;
}

/* 响应式设计 */
@media (max-width: 480px) {
  #game-container canvas {
    max-width: 100%;
    height: auto;
  }
}

/* 防止在移动设备上双击缩放 */
* {
  touch-action: manipulation;
}

/* 阴影效果 */
.drop-shadow-lg {
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.3));
}

/* 渐变背景动画 */
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

body {
  background-size: 200% 200%;
  animation: gradient 15s ease infinite;
}