File size: 1,165 Bytes
54f31d6 9b5d02f 54f31d6 9b5d02f 54f31d6 9b5d02f 54f31d6 9b5d02f 54f31d6 9b5d02f 54f31d6 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 |
@tailwind base;
@tailwind components;
@tailwind utilities;
/* Custom styles */
.loot-box {
@apply bg-gradient-to-b from-gray-800 to-gray-900 border border-gray-700 rounded-xl p-4 shadow-lg cursor-pointer transition-all duration-300;
perspective: 1000px;
}
.loot-box:hover {
@apply border-orange-500 shadow-orange-500/20;
transform: translateY(-4px);
}
.loot-box.active {
@apply border-amber-400 shadow-amber-400/40;
animation: pulse 1.5s infinite;
}
.multiplier-option {
@apply bg-gray-700 text-white rounded-full px-6 py-2 cursor-pointer transition-all duration-200;
}
.multiplier-option:hover {
@apply bg-gray-600;
}
.multiplier-option.selected {
@apply bg-gradient-to-r from-amber-500 to-orange-500 text-gray-900 font-bold;
transform: scale(1.05);
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.4);
}
70% {
box-shadow: 0 0 0 10px rgba(245, 158, 11, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(245, 158, 11, 0);
}
}
/* Spin animation */
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.animate-spin {
animation: spin 1s linear infinite;
} |