/* Custom styles for PixelForge Studio */

.pixel-font {
  font-family: 'Courier New', monospace;
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);
}

.image-pixelated {
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-crisp-edges;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: rgba(30, 41, 59, 0.5);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: rgba(147, 51, 234, 0.7);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(147, 51, 234, 1);
}

/* Glow effects */
.glow-purple {
  box-shadow: 0 0 20px rgba(147, 51, 234, 0.3);
}

.glow-cyan {
  box-shadow: 0 0 20px rgba(34, 211, 238, 0.3);
}

/* Animated gradient text */
@keyframes gradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.animate-gradient {
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
}

/* Pixel border effect */
.pixel-border {
  border-image: url("data:image/svg+xml,%3csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m0 0h100v100h-100z' fill='none' stroke='%23a855f7' stroke-width='2'/%3e%3c/svg%3e") 2;
}

/* Loading animation */
@keyframes pixelPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.pixel-pulse {
  animation: pixelPulse 2s ease-in-out infinite;
}

/* Retro synthwave grid */
.retro-grid {
  background-image: 
    linear-gradient(rgba(147, 51, 234, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(147, 51, 234, 0.1) 1px, transparent 1px);
  background-size: 20px 20px;
}