/* Glassmorphism Design System & Utilities */
.glass-card {
    background: rgba(24, 24, 27, 0.75); /* Zinc-900 */
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.glass-pill {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollbar-none::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollbar-none {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Keyframe Animations */
@keyframes scaleUp {
    from {
        opacity: 0;
        transform: scale(0.92);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.animate-scale-up {
    animation: scaleUp 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Active scale micro-interaction */
.active\:scale-98:active {
    transform: scale(0.98);
}
.active\:scale-95:active {
    transform: scale(0.95);
}
.active\:scale-90:active {
    transform: scale(0.90);
}

/* Safe area paddings for mobile */
.pb-safe {
    padding-bottom: env(safe-area-inset-bottom, 20px);
}

/* Disable native image drag/move cursor + long-press save menu inside the Telegram WebView --
   without this, dragging a finger/cursor across a product/game image shows the browser's
   drag-ghost or (on mobile) the save-image context menu instead of the app's own tap/swipe. */
img {
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}