@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&display=swap');

.hand-arrow {
    animation: hand-arrow-wiggle 2.4s ease-in-out infinite;
    transform-origin: bottom right;
}

.hand-arrow-label {
    font-family: 'Caveat', 'Segoe Script', 'Comic Sans MS', cursive;
}

/* Buy on Steam — catchy pulse + glow + shimmer */
.buy-steam-btn {
    animation: buy-pulse 1.8s ease-in-out infinite;
    box-shadow: 0 0 0 0 rgba(250, 204, 21, 0.6), 0 10px 30px -5px rgba(255, 255, 255, 0.25);
}

.buy-steam-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, transparent 25%, rgba(250, 204, 21, 0.55) 50%, transparent 75%);
    transform: translateX(-120%);
    animation: buy-shimmer 2.6s ease-in-out infinite;
    pointer-events: none;
}

.buy-steam-btn > * {
    position: relative;
    z-index: 1;
}

.buy-steam-btn:hover {
    animation-play-state: paused;
    transform: scale(1.04);
    transition: transform 0.2s ease;
}

@keyframes buy-pulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(250, 204, 21, 0.55), 0 10px 30px -5px rgba(255, 255, 255, 0.25);
    }
    50% {
        transform: scale(1.035);
        box-shadow: 0 0 0 12px rgba(250, 204, 21, 0), 0 16px 40px -5px rgba(250, 204, 21, 0.35);
    }
}

@keyframes buy-shimmer {
    0%   { transform: translateX(-120%); }
    60%  { transform: translateX(120%); }
    100% { transform: translateX(120%); }
}

@keyframes hand-arrow-wiggle {
    0%, 100% { transform: rotate(0deg) translateY(0); }
    50%      { transform: rotate(-4deg) translateY(-4px); }
}

* { font-family: 'Inter', 'Segoe UI', system-ui, sans-serif; }

html { scroll-behavior: smooth; }

.hero-gradient {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 25%, #2563eb 50%, #1e3a5f 75%, #0f172a 100%);
    background-size: 400% 400%;
    animation: hero-gradient-shift 18s ease infinite;
}

@keyframes hero-gradient-shift {
    0%   { background-position:   0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position:   0% 50%; }
}

.folderswiz-title {
    background-image: linear-gradient(90deg, #facc15, #fb923c, #ffffff, #fb923c, #facc15);
    background-size: 300% 100%;
    animation: folderswiz-title-shift 8s linear infinite;
}

@keyframes folderswiz-title-shift {
    0%   { background-position:   0% 50%; }
    100% { background-position: 300% 50%; }
}

.folder-glow {
    filter: drop-shadow(0 0 40px rgba(59, 130, 246, 0.4));
}

.card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.screenshot-placeholder {
    background: linear-gradient(135deg, #1e293b, #334155);
    border: 2px dashed #475569;
}

.video-placeholder {
    background: linear-gradient(135deg, #0f172a, #1e293b);
    border: 2px dashed #475569;
}

.feature-icon {
    background: linear-gradient(135deg, #2563eb, #7c3aed);
}

.steam-widget-wrapper {
    background: linear-gradient(180deg, #1b2838, #2a475e);
    border: 1px solid #3d6b99;
}

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

.steamdb-embed {
    background: #1a1a2e;
    border: 1px solid #2d2d44;
}

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }