#game-canvas {
  background: #0a0800;
  border: 3px solid rgba(210, 160, 60, 0.6);
  box-shadow: 0 0 18px rgba(210, 160, 60, 0.35), 0 0 40px rgba(180, 120, 30, 0.15);
  animation: canvasGlow 4s ease-in-out infinite;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

@keyframes canvasGlow {
  0%, 100% {
    box-shadow: 0 0 18px rgba(210, 160, 60, 0.35), 0 0 40px rgba(180, 120, 30, 0.15);
    border-color: rgba(210, 160, 60, 0.6);
  }
  50% {
    box-shadow: 0 0 24px rgba(220, 140, 40, 0.5), 0 0 50px rgba(200, 100, 20, 0.25);
    border-color: rgba(220, 140, 40, 0.75);
  }
}

.game-page {
  background:
    radial-gradient(ellipse at 50% 20%, rgba(200, 120, 40, 0.18) 0%, transparent 60%),
    radial-gradient(ellipse at 50% 100%, rgba(160, 90, 30, 0.22) 0%, transparent 50%),
    radial-gradient(ellipse at 50% 50%, rgba(80, 50, 20, 0.12) 0%, transparent 70%),
    linear-gradient(to bottom, #0d0800 0%, #1a0e04 40%, #2a1508 70%, #0a0600 100%);
}

@media (max-width: 520px) {
  #game-canvas {
    border-width: 2px;
    box-shadow: 0 0 12px rgba(210, 160, 60, 0.3), 0 0 25px rgba(180, 120, 30, 0.1);
  }
  .game-page {
    padding: 8px 4px;
  }
}