/* Custom Styles & Animation Tuning */
@layer utilities {
  .cinematic-vignette {
    background: radial-gradient(circle at center, transparent 45%, rgba(5, 5, 5, 0.4) 80%, rgba(0, 0, 0, 0.8) 100%);
  }
}

/* Prevent unwanted browser gestures */
html, body {
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  overscroll-behavior: none;
}

/* Keyframes */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: fadeIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 4px;
}
::-webkit-scrollbar-track {
  background: #09090b;
}
::-webkit-scrollbar-thumb {
  background: #27272a;
  border-radius: 4px;
}