/* Custom Cyber Aesthetic Styles */
:root {
  --cyan-glow: 0 0 20px rgba(0, 240, 255, 0.4);
  --red-glow: 0 0 20px rgba(255, 23, 68, 0.4);
  --green-glow: 0 0 20px rgba(0, 230, 118, 0.4);
}

/* Subtle grid overlay */
.cyber-grid {
  background-size: 30px 30px;
  background-image: 
    linear-gradient(to right, rgba(0, 240, 255, 0.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(0, 240, 255, 0.05) 1px, transparent 1px);
}

/* Custom scrollbars */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-track {
  background: rgba(13, 19, 34, 0.8);
  border-radius: 8px;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 240, 255, 0.3);
  border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 240, 255, 0.6);
}

/* Animation keyframes */
@keyframes scanAnim {
  0% { transform: translateY(-100%); opacity: 0; }
  50% { opacity: 1; }
  100% { transform: translateY(200%); opacity: 0; }
}

.animate-scan {
  animation: scanAnim 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes bounceSlow {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

.animate-bounce-slow {
  animation: bounceSlow 3s ease-in-out infinite;
}

/* Card Swiping & Transforming Classes */
.swiping-safe {
  border-color: #00E676 !important;
  box-shadow: 0 0 25px rgba(0, 230, 118, 0.35) !important;
}

.swiping-scam {
  border-color: #FF1744 !important;
  box-shadow: 0 0 25px rgba(255, 23, 68, 0.35) !important;
}

/* Realistic Chat App Header Theming */
.theme-sms #appChromeHeader {
  background: #111827;
}

.theme-whatsapp #appChromeHeader {
  background: #064E3B;
  border-color: #047857;
}

.theme-email #appChromeHeader {
  background: #1E293B;
  border-color: #334155;
}

.theme-call #appChromeHeader {
  background: #4C0519;
  border-color: #881337;
}

/* Directional helper for URLs */
.dir-ltr {
  direction: ltr;
  text-align: left;
}

/* Ensure no text selecting on game cards */
#swipeCard {
  user-select: none;
  -webkit-user-select: none;
}