#games-grid > * {
    animation: smart-earning-fade-up 0.45s ease both;
}

.home-arcade {
    --arcade-violet: #a855f7;
    --arcade-magenta: #e879f9;
    --arcade-amber: #fbbf24;
    --arcade-orange: #fb923c;
    --arcade-cyan: #22d3ee;
    --arcade-surface: #160b31;
}

.arcade-panel {
    position: relative;
}

.arcade-panel::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 30px;
    pointer-events: none;
    border: 1px solid rgba(56, 189, 248, 0.18);
    box-shadow: inset 0 1px 0 rgba(250, 204, 21, 0.15);
}

.arcade-input-shell {
    box-shadow: inset 0 0 0 1px rgba(232, 121, 249, 0.18);
}

.arcade-input:focus {
    box-shadow: 0 0 0 2px rgba(251, 191, 36, 0.25), 0 0 20px rgba(251, 146, 60, 0.24);
}

.arcade-card {
    position: relative;
}

.arcade-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 24px;
    pointer-events: none;
    background: linear-gradient(130deg, rgba(232, 121, 249, 0.16), rgba(34, 211, 238, 0.04) 38%, rgba(251, 191, 36, 0.1));
    opacity: 0.9;
}

.arcade-card > * {
    position: relative;
}

.arcade-card--soon::before {
    background: linear-gradient(125deg, rgba(251, 191, 36, 0.2), rgba(251, 146, 60, 0.08) 40%, rgba(232, 121, 249, 0.12));
}

.arcade-play-btn {
    box-shadow: 0 10px 24px rgba(251, 146, 60, 0.35);
}

.arcade-play-btn:hover {
    box-shadow: 0 14px 30px rgba(251, 146, 60, 0.5);
}

.arcade-empty-box {
    box-shadow: inset 0 0 0 1px rgba(34, 211, 238, 0.08);
}

#games-grid > *:nth-child(2) {
    animation-delay: 0.04s;
}

#games-grid > *:nth-child(3) {
    animation-delay: 0.08s;
}

#games-grid > *:nth-child(4) {
    animation-delay: 0.12s;
}

@keyframes smart-earning-fade-up {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 640px) {
    #games-grid {
        gap: 14px;
    }
}

@media (hover: none) {
    .game-card:hover {
        transform: none;
        box-shadow: 0 16px 32px rgba(139, 92, 246, 0.24);
    }
}