/* Canvas styling with glow effects and theme-specific variations */

canvas {
  padding: 0;
  border: var(--border-width) var(--border-style) var(--color-primary);
  border-radius: var(--border-radius-lg);
  box-shadow: var(--box-shadow-glow), inset 0 0 15px var(--color-primary-glow-30);
  transition: all var(--transition-speed) ease;
}

canvas:hover {
  box-shadow: 0 0 25px var(--color-primary-glow-60), inset 0 0 20px var(--color-primary-glow-20);
  transform: scale(1.001);
}

#HUDCanvas {
  margin-top: 10px;
  background-color: transparent;
  border: none;
  box-shadow: none;
  font: var(--hud-font);
  transition: none;
  transform: none;
}

/* Theme-specific canvas enhancements */
.theme-minimal canvas {
  border: 1px solid var(--color-border);
  box-shadow: var(--box-shadow-heavy);
}

.theme-minimal canvas:hover {
  box-shadow: var(--box-shadow-glow);
  transform: none;
}

.theme-hacker canvas {
  border: 1px solid var(--color-primary);
  box-shadow: 0 0 20px var(--color-primary-glow-30);
}

.theme-horror canvas {
  border: var(--border-width) var(--border-style) var(--color-primary);
  box-shadow: var(--box-shadow-glow), var(--box-shadow-heavy);
}

#HUDCanvas:hover { transform: none; box-shadow: none; }