* { font-family: 'Inter', sans-serif; }

.dragging {
  opacity: 0.5;
  transform: scale(1.05);
}

.drag-over {
  background-color: rgba(255, 255, 255, 0.1);
  border: 2px dashed #666;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #1a1a1a;
}
::-webkit-scrollbar-thumb {
  background: #444;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.fade-in {
  animation: fadeIn 0.3s ease-in;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.tier-s { background: linear-gradient(135deg, #ff7eb3, #ff758c); }
.tier-a { background: linear-gradient(135deg, #4facfe, #00f2fe); }
.tier-b { background: linear-gradient(135deg, #43e97b, #38f9d7); }
.tier-c { background: linear-gradient(135deg, #fa709a, #fee140); }
.tier-d { background: linear-gradient(135deg, #a8edea, #fed6e3); }
.tier-e { background: linear-gradient(135deg, #d299c2, #fef9d7); }
.tier-f { background: linear-gradient(135deg, #667eea, #764ba2); }

.no-capture [data-no-capture] { display: none !important; }

[data-drop-zone] {
  -webkit-touch-callout: none;
}

[draggable="true"] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
}