body {
    font-family: 'Inter', sans-serif;
    background-color: #0b0f19;
    background-image: 
        radial-gradient(at 20% 20%, rgba(16, 185, 129, 0.05) 0px, transparent 50%),
        radial-gradient(at 80% 80%, rgba(59, 130, 246, 0.05) 0px, transparent 50%);
}
.font-orbitron {
    font-family: 'Orbitron', sans-serif;
}
.font-mono-tech {
    font-family: 'Share Tech Mono', monospace;
}
/* Custom Scrollbar for Workspace */
.custom-scrollbar::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.5);
    border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(59, 130, 246, 0.5);
    border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(59, 130, 246, 0.8);
}
/* Grid transitions and neon shadow */
.cell-glow {
    box-shadow: inset 0 0 10px rgba(16, 185, 129, 0.05);
}
.robot-glow {
    filter: drop-shadow(0 0 8px #3b82f6);
}
.robot-ghost {
    opacity: 0.42;
    filter: drop-shadow(0 0 6px rgba(147, 197, 253, 0.45));
    pointer-events: none;
}
.trail-preview-cell {
    box-shadow: inset 0 0 14px rgba(59, 130, 246, 0.28);
    background-color: rgba(59, 130, 246, 0.12) !important;
}
.trail-preview-cell--late {
    box-shadow: inset 0 0 16px rgba(96, 165, 250, 0.38);
    background-color: rgba(59, 130, 246, 0.2) !important;
}
.diamond-glow {
    filter: drop-shadow(0 0 10px #10b981);
    animation: float 2s ease-in-out infinite;
}
@keyframes float {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-3px) scale(1.08); }
}
.obstacle-glow {
    filter: drop-shadow(0 0 5px #ef4444);
}
/* Dragging styles */
.dragging {
    opacity: 0.5;
    transform: scale(0.95);
}